chunk-NP5OD3RV.js

import{a as Fe,b as Ne,c as De,d as ve,e as Be}from"./chunk-WMDN424F.js";import{a as he,b as z,c as be}from"./chunk-6FG5I6WK.js";import"./chunk-BJ3MSG6P.js";import"./chunk-4YNB6IUB.js";import"./chunk-FIRHRBIN.js";import"./chunk-IODZHREK.js";import{a as ge,f as ke}from"./chunk-AU6YMX6H.js";import"./chunk-NIVPGM6X.js";import"./chunk-73TURSWP.js";import"./chunk-OT5GAY2Z.js";import{a as k,b as G,d as Ce}from"./chunk-E4FB6IMX.js";import{a as M}from"./chunk-ENUDN6ZE.js";import{f as P,g as A,i as g,j as Ee}from"./chunk-MVBTB2OL.js";import"./chunk-QH77Q77Q.js";import{B as ce,Gb as H,Hc as R,Ib as D,Jb as v,Qa as pe,Rb as O,Sa as se,Ua as N,Va as ue,Ya as w,Za as ze,ab as xe,bb as fe,hb as Se}from"./chunk-SBXTKZGS.js";import{Ba as p,Ca as s,Da as te,Db as oe,Ea as ne,Fb as a,Gb as re,Hc as de,Tb as t,Ub as n,Vb as l,Zb as le,ac as C,cc as me,ga as $,jc as B,kb as m,kc as y,lb as ie,lc as T,mc as ae,nc as e,pc as I,qa as u,ra as ee,sc as h,tc as b,uc as F}from"./chunk-WVUROUXZ.js";import"./chunk-RKLIRILV.js";var ye=[be,Be,ke,Ce];var L=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-basic"]],decls:1,vars:0,template:function(o,c){o&1&&l(0,"nz-color-picker")},dependencies:[z],encapsulation:2});let r=i;return r})();var _=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-block"]],decls:3,vars:0,consts:[["nzSize","small"],["nzSize","large"]],template:function(o,c){o&1&&l(0,"nz-color-block",0)(1,"nz-color-block")(2,"nz-color-block",1)},dependencies:[he],styles:["nz-color-block[_ngcontent-%COMP%]{margin-right:12px}"]});let r=i;return r})();var Z=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-clear"]],decls:1,vars:0,consts:[["nzAllowClear","","nzTitle","Allow Clear"]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)},dependencies:[z],encapsulation:2});let r=i;return r})();var W=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-disable-alpha"]],decls:1,vars:0,consts:[["nzDisabledAlpha",""]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)},dependencies:[z],encapsulation:2});let r=i;return r})();var V=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-disable"]],decls:1,vars:0,consts:[["nzDisabled","","nzShowText",""]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)},dependencies:[z],encapsulation:2});let r=i;return r})();function je(r,i){if(r&1&&(t(0,"button",2),e(1,"Color"),n()),r&2){let Ue=me();re("background-color",Ue.color)}}var U=(()=>{let i=class i{constructor(){this.color="#1677ff"}};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-flip-flop"]],decls:3,vars:2,consts:[["flipFlop",""],[3,"ngModelChange","nzFlipFlop","ngModel"],["nz-button","","nzType","primary"]],template:function(o,c){if(o&1){let x=le();t(0,"nz-color-picker",1),F("ngModelChange",function(K){return te(x),b(c.color,K)||(c.color=K),ne(K)}),n(),oe(1,je,2,2,"ng-template",null,0,de)}if(o&2){let x=ae(2);a("nzFlipFlop",x),h("ngModel",c.color)}},dependencies:[N,w,z,G,k,M],styles:["button[_ngcontent-%COMP%]{border:none}"]});let r=i;return r})();var X=(()=>{let i=class i{constructor(){this.hex="#1677ff",this.hsb="hsb(215, 91%, 100%)",this.rgb="rgb(22, 119, 255)"}};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-format"]],decls:9,vars:6,consts:[[1,"format"],["nzFormat","hex",3,"ngModelChange","ngModel"],["nzFormat","hsb",3,"ngModelChange","ngModel"],["nzFormat","rgb",3,"ngModelChange","ngModel"]],template:function(o,c){o&1&&(t(0,"div",0)(1,"nz-color-picker",1),F("ngModelChange",function(f){return b(c.hex,f)||(c.hex=f),f}),n(),e(2),n(),t(3,"div",0)(4,"nz-color-picker",2),F("ngModelChange",function(f){return b(c.hsb,f)||(c.hsb=f),f}),n(),e(5),n(),t(6,"div",0)(7,"nz-color-picker",3),F("ngModelChange",function(f){return b(c.rgb,f)||(c.rgb=f),f}),n(),e(8),n()),o&2&&(m(),h("ngModel",c.hex),m(),I(" HEX: ",c.hex," "),m(2),h("ngModel",c.hsb),m(),I(" HSB: ",c.hsb," "),m(2),h("ngModel",c.rgb),m(),I(" RGB: ",c.rgb," "))},dependencies:[N,w,z],styles:[".format[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:12px}nz-color-picker[_ngcontent-%COMP%]{margin-right:8px}"]});let r=i;return r})();var Q=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-show-text"]],decls:1,vars:0,consts:[["nzShowText",""]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)},dependencies:[z],encapsulation:2});let r=i;return r})();var j=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-size"]],decls:7,vars:0,consts:[["nzSize","large"],["nzSize","small"]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)(1,"br")(2,"br")(3,"nz-color-picker")(4,"br")(5,"br")(6,"nz-color-picker",1)},dependencies:[z],encapsulation:2});let r=i;return r})();var q=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-trigger"]],decls:1,vars:0,consts:[["nzTrigger","hover"]],template:function(o,c){o&1&&l(0,"nz-color-picker",0)},dependencies:[z],encapsulation:2});let r=i;return r})();var J=(()=>{let i=class i{constructor(d){this.formBuilder=d,this.validateForm=this.formBuilder.group({userName:["color-picker",[se.required]],colorPicker:["#1677ff"]})}submitForm(){console.log(this.validateForm.value)}};i.\u0275fac=function(o){return new(o||i)(ie(Se))},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-use"]],decls:15,vars:5,consts:[["nz-form","",3,"ngSubmit","formGroup"],[3,"nzSpan"],["nz-input","","formControlName","userName"],["formControlName","colorPicker","nzShowText",""],["nz-button","","nzType","primary"]],template:function(o,c){o&1&&(t(0,"form",0),C("ngSubmit",function(){return c.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"name"),n(),t(4,"nz-form-control",1),l(5,"input",2),n()(),t(6,"nz-form-item")(7,"nz-form-label",1),e(8,"color"),n(),t(9,"nz-form-control",1),l(10,"nz-color-picker",3),n()(),t(11,"nz-form-item")(12,"nz-form-control")(13,"button",4),e(14,"submit"),n()()()()),o&2&&(a("formGroup",c.validateForm),m(2),a("nzSpan",4),m(2),a("nzSpan",16),m(3),a("nzSpan",4),m(2),a("nzSpan",16))},dependencies:[ze,pe,N,ue,xe,fe,v,D,z,Ne,Fe,ve,De,ge,G,k,M],encapsulation:2});let r=i;return r})();var We=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,c){if(o&1&&B(g,5),o&2){let x;y(x=T())&&(c.codeBoxes=x)}},decls:553,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-color-picker-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-color-picker-demo-size","nzTitle","\u89E6\u53D1\u5668\u5C3A\u5BF8\u5927\u5C0F"],["nzHref","#components-color-picker-demo-show-text","nzTitle","\u663E\u793A\u989C\u8272\u6587\u672C"],["nzHref","#components-color-picker-demo-disable","nzTitle","\u7981\u7528"],["nzHref","#components-color-picker-demo-disable-alpha","nzTitle","\u7981\u7528\u900F\u660E\u5EA6"],["nzHref","#components-color-picker-demo-clear","nzTitle","\u6E05\u9664\u989C\u8272"],["nzHref","#components-color-picker-demo-trigger","nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u4E8B\u4EF6"],["nzHref","#components-color-picker-demo-flip-flop","nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668"],["nzHref","#components-color-picker-demo-format","nzTitle","\u989C\u8272\u7F16\u7801"],["nzHref","#components-color-picker-demo-block","nzTitle","\u8272\u5F69\u5757"],["nzHref","#components-color-picker-demo-use","nzTitle","\u7ED3\u5408\u8868\u5355\u4F7F\u7528"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["id","\u5F15\u5165\u6A21\u5757"],["onclick","window.location.hash = '\u5F15\u5165\u6A21\u5757'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-color-picker-basic","nzGenerateCommand","ng g ng-zorro-antd:color-picker-basic <name>","nzComponentName","NzDemoColorPickerBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u663E\u793A\u989C\u8272\u6587\u672C","nzSelector","nz-demo-color-picker-show-text","nzGenerateCommand","ng g ng-zorro-antd:color-picker-show-text <name>","nzComponentName","NzDemoColorPickerShowTextComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7981\u7528\u900F\u660E\u5EA6","nzSelector","nz-demo-color-picker-disable-alpha","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable-alpha <name>","nzComponentName","NzDemoColorPickerDisableAlphaComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u4E8B\u4EF6","nzSelector","nz-demo-color-picker-trigger","nzGenerateCommand","ng g ng-zorro-antd:color-picker-trigger <name>","nzComponentName","NzDemoColorPickerTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u989C\u8272\u7F16\u7801","nzSelector","nz-demo-color-picker-format","nzGenerateCommand","ng g ng-zorro-antd:color-picker-format <name>","nzComponentName","NzDemoColorPickerFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7ED3\u5408\u8868\u5355\u4F7F\u7528","nzSelector","nz-demo-color-picker-use","nzGenerateCommand","ng g ng-zorro-antd:color-picker-use <name>","nzComponentName","NzDemoColorPickerUseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u89E6\u53D1\u5668\u5C3A\u5BF8\u5927\u5C0F","nzSelector","nz-demo-color-picker-size","nzGenerateCommand","ng g ng-zorro-antd:color-picker-size <name>","nzComponentName","NzDemoColorPickerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7981\u7528","nzSelector","nz-demo-color-picker-disable","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable <name>","nzComponentName","NzDemoColorPickerDisableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u6E05\u9664\u989C\u8272","nzSelector","nz-demo-color-picker-clear","nzGenerateCommand","ng g ng-zorro-antd:color-picker-clear <name>","nzComponentName","NzDemoColorPickerClearComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u89E6\u53D1\u5668","nzSelector","nz-demo-color-picker-flip-flop","nzGenerateCommand","ng g ng-zorro-antd:color-picker-flip-flop <name>","nzComponentName","NzDemoColorPickerFlipFlopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u8272\u5F69\u5757","nzSelector","nz-demo-color-picker-block","nzGenerateCommand","ng g ng-zorro-antd:color-picker-block <name>","nzComponentName","NzDemoColorPickerBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-color-picker:standalone'",1,"anchor"],["id","nz-color-block:standalone"],["onclick","window.location.hash = 'nz-color-block:standalone'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(o,c){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(f){return c.goLink(f)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),n()(),t(15,"section",14)(16,"h1"),e(17,"ColorPicker"),t(18,"span",15),e(19,"\u989C\u8272\u9009\u62E9\u5668"),n(),l(20,"span",16),t(21,"a",17),l(22,"span",18),n()(),t(23,"section",14),s(),t(24,"h2",19)(25,"span"),e(26,"\u4F55\u65F6\u4F7F\u7528"),n(),t(27,"a",20),e(28,"#"),n()(),t(29,"p"),e(30,"\u5F53\u7528\u6237\u9700\u8981\u81EA\u5B9A\u4E49\u989C\u8272\u9009\u62E9\u7684\u65F6\u5019\u4F7F\u7528\u3002"),n(),t(31,"h3",21)(32,"span"),e(33,"\u5F15\u5165\u6A21\u5757"),n(),t(34,"a",22),e(35,"#"),n()(),t(36,"p"),e(37,"module:"),n(),t(38,"pre",23)(39,"code")(40,"span",24),e(41,"import"),n(),e(42," "),t(43,"span",25),e(44,"{"),n(),e(45," NzColorPickerModule "),t(46,"span",25),e(47,"}"),n(),e(48," "),t(49,"span",24),e(50,"from"),n(),e(51," "),t(52,"span",26),e(53,"'ng-zorro-antd/color-picker'"),n(),t(54,"span",25),e(55,";"),n()()(),t(56,"p"),e(57,"standalone:"),n(),t(58,"pre",23)(59,"code")(60,"span",24),e(61,"import"),n(),e(62," "),t(63,"span",25),e(64,"{"),n(),e(65," NzColorPickerComponent "),t(66,"span",25),e(67,"}"),n(),e(68," "),t(69,"span",24),e(70,"from"),n(),e(71," "),t(72,"span",26),e(73,"'ng-zorro-antd/color-picker'"),n()()(),p(),n(),t(74,"h2")(75,"span"),e(76,"\u4EE3\u7801\u6F14\u793A"),n(),t(77,"span",27),C("click",function(){return c.expandAllCode()}),n()()(),t(78,"div",28)(79,"div",29)(80,"nz-code-box",30),l(81,"nz-demo-color-picker-basic",31),t(82,"div",32),s(),t(83,"p"),e(84,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),p(),n()(),t(85,"nz-code-box",33),l(86,"nz-demo-color-picker-show-text",31),t(87,"div",32),s(),t(88,"p"),e(89,"\u6E32\u67D3\u89E6\u53D1\u5668\u7684\u9ED8\u8BA4\u6587\u672C, "),t(90,"code"),e(91,"nzShowText"),n(),e(92," \u4E3A "),t(93,"code"),e(94,"true"),n(),e(95," \u65F6\u751F\u6548\u3002"),n(),p(),n()(),t(96,"nz-code-box",34),l(97,"nz-demo-color-picker-disable-alpha",31),t(98,"div",32),s(),t(99,"p"),e(100,"\u7981\u7528\u989C\u8272\u900F\u660E\u5EA6\u3002"),n(),p(),n()(),t(101,"nz-code-box",35),l(102,"nz-demo-color-picker-trigger",31),t(103,"div",32),s(),t(104,"p"),e(105,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u4E8B\u4EF6\uFF0C\u63D0\u4F9B "),t(106,"code"),e(107,"click"),n(),e(108," \u548C "),t(109,"code"),e(110,"hover"),n(),e(111," \u4E24\u4E2A\u9009\u9879\u3002"),n(),p(),n()(),t(112,"nz-code-box",36),l(113,"nz-demo-color-picker-format",31),t(114,"div",32),s(),t(115,"p"),e(116,"\u7F16\u7801\u683C\u5F0F\uFF0C\u652F\u6301 "),t(117,"code"),e(118,"HEX"),n(),e(119,"\u3001"),t(120,"code"),e(121,"HSB"),n(),e(122,"\u3001"),t(123,"code"),e(124,"RGB"),n(),e(125,"\u3002"),n(),p(),n()(),t(126,"nz-code-box",37),l(127,"nz-demo-color-picker-use",31),t(128,"div",32),s(),t(129,"p")(130,"code"),e(131,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),p(),n()()(),t(132,"div",29)(133,"nz-code-box",38),l(134,"nz-demo-color-picker-size",31),t(135,"div",32),s(),t(136,"p"),e(137,"\u89E6\u53D1\u5668\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8"),n(),p(),n()(),t(138,"nz-code-box",39),l(139,"nz-demo-color-picker-disable",31),t(140,"div",32),s(),t(141,"p"),e(142,"\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001\u3002"),n(),p(),n()(),t(143,"nz-code-box",40),l(144,"nz-demo-color-picker-clear",31),t(145,"div",32),s(),t(146,"p"),e(147,"\u6E05\u9664\u5DF2\u9009\u62E9\u7684\u989C\u8272\u3002"),n(),p(),n()(),t(148,"nz-code-box",41),l(149,"nz-demo-color-picker-flip-flop",31),t(150,"div",32),s(),t(151,"p"),e(152,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u5668\u3002"),n(),p(),n()(),t(153,"nz-code-box",42),l(154,"nz-demo-color-picker-block",31),t(155,"div",32),s(),t(156,"p"),e(157,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),p(),n()()()(),t(158,"section",43),s(),t(159,"h2",44)(160,"span"),e(161,"API"),n(),t(162,"a",45),e(163,"#"),n()(),t(164,"h3",46)(165,"span"),e(166,"nz-color-picker"),n(),t(167,"label",47),e(168,"component"),n(),t(169,"label",48),e(170,"standalone"),n(),t(171,"a",49),e(172,"#"),n()(),t(173,"table")(174,"thead")(175,"tr")(176,"th"),e(177,"\u53C2\u6570"),n(),t(178,"th"),e(179,"\u8BF4\u660E"),n(),t(180,"th"),e(181,"\u7C7B\u578B"),n(),t(182,"th"),e(183,"\u9ED8\u8BA4\u503C"),n()()(),t(184,"tbody")(185,"tr")(186,"td")(187,"code"),e(188,"[nzFormat]"),n()(),t(189,"td"),e(190,"\u989C\u8272\u683C\u5F0F"),n(),t(191,"td")(192,"code"),e(193,"rgb"),n(),e(194,"\uFF5C"),t(195,"code"),e(196,"hex"),n(),e(197,"\uFF5C"),t(198,"code"),e(199,"hsb"),n()(),t(200,"td")(201,"code"),e(202,"hex"),n()()(),t(203,"tr")(204,"td")(205,"code"),e(206,"[nzValue]"),n()(),t(207,"td"),e(208,"\u989C\u8272\u7684\u503C"),n(),t(209,"td")(210,"code"),e(211,"string"),n(),e(212,"\uFF5C"),t(213,"code"),e(214,"NzColor"),n()(),t(215,"td"),e(216,"-"),n()(),t(217,"tr")(218,"td")(219,"code"),e(220,"[nzSize]"),n()(),t(221,"td"),e(222,"\u8BBE\u7F6E\u89E6\u53D1\u5668\u5927\u5C0F"),n(),t(223,"td")(224,"code"),e(225,"large"),n(),e(226,"\uFF5C"),t(227,"code"),e(228,"default"),n(),e(229,"\uFF5C"),t(230,"code"),e(231,"small"),n()(),t(232,"td")(233,"code"),e(234,"default"),n()()(),t(235,"tr")(236,"td")(237,"code"),e(238,"[nzDefaultValue]"),n()(),t(239,"td"),e(240,"\u989C\u8272\u9ED8\u8BA4\u7684\u503C"),n(),t(241,"td")(242,"code"),e(243,"string"),n(),e(244,"\uFF5C"),t(245,"code"),e(246,"NzColor"),n()(),t(247,"td"),e(248,"-"),n()(),t(249,"tr")(250,"td")(251,"code"),e(252,"[nzAllowClear]"),n()(),t(253,"td"),e(254,"\u5141\u8BB8\u6E05\u9664\u9009\u62E9\u7684\u989C\u8272"),n(),t(255,"td")(256,"code"),e(257,"boolean"),n()(),t(258,"td")(259,"code"),e(260,"false"),n()()(),t(261,"tr")(262,"td")(263,"code"),e(264,"[nzTrigger]"),n()(),t(265,"td"),e(266,"\u989C\u8272\u9009\u62E9\u5668\u7684\u89E6\u53D1\u6A21\u5F0F"),n(),t(267,"td")(268,"code"),e(269,"hover"),n(),e(270,"\uFF5C"),t(271,"code"),e(272,"click"),n()(),t(273,"td")(274,"code"),e(275,"click"),n()()(),t(276,"tr")(277,"td")(278,"code"),e(279,"[nzShowText]"),n()(),t(280,"td"),e(281,"\u663E\u793A\u989C\u8272\u6587\u672C"),n(),t(282,"td")(283,"code"),e(284,"boolean"),n()(),t(285,"td")(286,"code"),e(287,"false"),n()()(),t(288,"tr")(289,"td")(290,"code"),e(291,"[nzOpen]"),n()(),t(292,"td"),e(293,"\u662F\u5426\u663E\u793A\u5F39\u51FA\u7A97\u53E3"),n(),t(294,"td")(295,"code"),e(296,"boolean"),n()(),t(297,"td")(298,"code"),e(299,"false"),n()()(),t(300,"tr")(301,"td")(302,"code"),e(303,"[nzDisabled]"),n()(),t(304,"td"),e(305,"\u7981\u7528\u989C\u8272\u9009\u62E9\u5668"),n(),t(306,"td")(307,"code"),e(308,"boolean"),n()(),t(309,"td")(310,"code"),e(311,"false"),n()()(),t(312,"tr")(313,"td")(314,"code"),e(315,"[nzDisabledAlpha]"),n()(),t(316,"td"),e(317,"\u7981\u7528\u900F\u660E\u5EA6"),n(),t(318,"td")(319,"code"),e(320,"boolean"),n()(),t(321,"td")(322,"code"),e(323,"false"),n()()(),t(324,"tr")(325,"td")(326,"code"),e(327,"[nzTitle]"),n()(),t(328,"td"),e(329,"\u8BBE\u7F6E\u989C\u8272\u9009\u62E9\u5668\u7684\u6807\u9898"),n(),t(330,"td")(331,"code"),e(332,"TemplateRef<void>"),n(),e(333,"\uFF5C"),t(334,"code"),e(335,"string"),n()(),t(336,"td"),e(337,"-"),n()(),t(338,"tr")(339,"td")(340,"code"),e(341,"(nzOnChange)"),n()(),t(342,"td"),e(343,"\u989C\u8272\u53D8\u5316\u7684\u56DE\u8C03"),n(),t(344,"td")(345,"code"),e(346,"EventEmitter<{ color: NzColor; format: string }>"),n()(),t(347,"td"),e(348,"-"),n()(),t(349,"tr")(350,"td")(351,"code"),e(352,"(nzOnClear)"),n()(),t(353,"td"),e(354,"\u6E05\u9664\u7684\u56DE\u8C03"),n(),t(355,"td")(356,"code"),e(357,"EventEmitter<boolean>"),n()(),t(358,"td"),e(359,"-"),n()(),t(360,"tr")(361,"td")(362,"code"),e(363,"(nzOnFormatChange)"),n()(),t(364,"td"),e(365,"\u989C\u8272\u683C\u5F0F\u53D8\u5316\u7684\u56DE\u8C03"),n(),t(366,"td")(367,"code"),e(368,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),t(369,"td"),e(370,"-"),n()(),t(371,"tr")(372,"td")(373,"code"),e(374,"(nzOnOpenChange)"),n()(),t(375,"td"),e(376,"\u6253\u5F00\u989C\u8272\u9762\u677F\u7684\u56DE\u8C03"),n(),t(377,"td")(378,"code"),e(379,"EventEmitter<boolean>"),n()(),t(380,"td"),e(381,"-"),n()()()(),t(382,"h3",50)(383,"span"),e(384,"nz-color-block"),n(),t(385,"label",47),e(386,"component"),n(),t(387,"label",48),e(388,"standalone"),n(),t(389,"a",51),e(390,"#"),n()(),t(391,"table")(392,"thead")(393,"tr")(394,"th"),e(395,"\u53C2\u6570"),n(),t(396,"th"),e(397,"\u8BF4\u660E"),n(),t(398,"th"),e(399,"\u7C7B\u578B"),n(),t(400,"th"),e(401,"\u9ED8\u8BA4\u503C"),n()()(),t(402,"tbody")(403,"tr")(404,"td")(405,"code"),e(406,"[nzColor]"),n()(),t(407,"td"),e(408,"\u6A21\u5757\u7684\u989C\u8272"),n(),t(409,"td")(410,"code"),e(411,"string"),n()(),t(412,"td")(413,"code"),e(414,"#1677ff"),n()()(),t(415,"tr")(416,"td")(417,"code"),e(418,"[nzSize]"),n()(),t(419,"td"),e(420,"\u8272\u5F69\u5757\u7684\u5927\u5C0F"),n(),t(421,"td")(422,"code"),e(423,"large"),n(),e(424,"\uFF5C"),t(425,"code"),e(426,"default"),n(),e(427,"\uFF5C"),t(428,"code"),e(429,"small"),n()(),t(430,"td")(431,"code"),e(432,"default"),n()()(),t(433,"tr")(434,"td")(435,"code"),e(436,"[nzOnClick]"),n()(),t(437,"td"),e(438,"\u70B9\u51FB\u8272\u5F69\u5757\u7684\u56DE\u8C03"),n(),t(439,"td")(440,"code"),e(441,"EventEmitter<boolean>"),n()(),t(442,"td"),e(443,"-"),n()()()(),t(444,"h3",52)(445,"span"),e(446,"NzColor"),n(),t(447,"a",53),e(448,"#"),n()(),t(449,"table")(450,"thead")(451,"tr")(452,"th"),e(453,"\u53C2\u6570"),n(),t(454,"th"),e(455,"\u8BF4\u660E"),n(),t(456,"th"),e(457,"\u7C7B\u578B"),n(),t(458,"th"),e(459,"\u9ED8\u8BA4\u503C"),n()()(),t(460,"tbody")(461,"tr")(462,"td")(463,"code"),e(464,"toHex"),n()(),t(465,"td"),e(466,"\u8F6C\u6362\u6210 "),t(467,"code"),e(468,"hex"),n(),e(469," \u683C\u5F0F\u5B57\u7B26\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(470,"code"),e(471,"1677ff"),n()(),t(472,"td")(473,"code"),e(474,"() => string"),n()(),t(475,"td"),e(476,"-"),n()(),t(477,"tr")(478,"td")(479,"code"),e(480,"toHexString"),n()(),t(481,"td"),e(482,"\u8F6C\u6362\u6210 "),t(483,"code"),e(484,"hex"),n(),e(485," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(486,"code"),e(487,"#1677ff"),n()(),t(488,"td")(489,"code"),e(490,"() => string"),n()(),t(491,"td"),e(492,"-"),n()(),t(493,"tr")(494,"td")(495,"code"),e(496,"toHsb"),n()(),t(497,"td"),e(498,"\u8F6C\u6362\u6210 "),t(499,"code"),e(500,"hsb"),n(),e(501," \u5BF9\u8C61"),n(),t(502,"td")(503,"code"),e(504,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(505,"td"),e(506,"-"),n()(),t(507,"tr")(508,"td")(509,"code"),e(510,"toHsbString"),n()(),t(511,"td"),e(512,"\u8F6C\u6362\u6210 "),t(513,"code"),e(514,"hsb"),n(),e(515," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(516,"code"),e(517,"hsb(215, 91%, 100%)"),n()(),t(518,"td")(519,"code"),e(520,"() => string"),n()(),t(521,"td"),e(522,"-"),n()(),t(523,"tr")(524,"td")(525,"code"),e(526,"toRgb"),n()(),t(527,"td"),e(528,"\u8F6C\u6362\u6210 "),t(529,"code"),e(530,"rgb"),n(),e(531," \u5BF9\u8C61"),n(),t(532,"td")(533,"code"),e(534,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(535,"td"),e(536,"-"),n()(),t(537,"tr")(538,"td")(539,"code"),e(540,"toRgbString"),n()(),t(541,"td"),e(542,"\u8F6C\u6362\u6210 "),t(543,"code"),e(544,"rgb"),n(),e(545," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(546,"code"),e(547,"rgb(22, 119, 255)"),n()(),t(548,"td")(549,"code"),e(550,"() => string"),n()(),t(551,"td"),e(552,"-"),n()()()(),p(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(76),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-color-picker-demo-basic")("nzLink","components-color-picker-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/basic.md"),m(5),a("nzId","components-color-picker-demo-show-text")("nzLink","components-color-picker-demo-show-text")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/show-text.md"),m(11),a("nzId","components-color-picker-demo-disable-alpha")("nzLink","components-color-picker-demo-disable-alpha")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable-alpha.md"),m(5),a("nzId","components-color-picker-demo-trigger")("nzLink","components-color-picker-demo-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/trigger.md"),m(11),a("nzId","components-color-picker-demo-format")("nzLink","components-color-picker-demo-format")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/format.md"),m(14),a("nzId","components-color-picker-demo-use")("nzLink","components-color-picker-demo-use")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/use.md"),m(6),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-color-picker-demo-size")("nzLink","components-color-picker-demo-size")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/size.md"),m(5),a("nzId","components-color-picker-demo-disable")("nzLink","components-color-picker-demo-disable")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable.md"),m(5),a("nzId","components-color-picker-demo-clear")("nzLink","components-color-picker-demo-clear")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/clear.md"),m(5),a("nzId","components-color-picker-demo-flip-flop")("nzLink","components-color-picker-demo-flip-flop")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/flip-flop.md"),m(5),a("nzId","components-color-picker-demo-block")("nzLink","components-color-picker-demo-block")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/block.md"))},dependencies:[g,P,A,H,v,D,R,O,k,L,_,Z,W,V,U,X,Q,j,q,J],encapsulation:2});let r=i;return r})();var Ve=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}};i.\u0275fac=function(o){return new(o||i)},i.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,c){if(o&1&&B(g,5),o&2){let x;y(x=T())&&(c.codeBoxes=x)}},decls:558,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-color-picker-demo-basic","nzTitle","Basic"],["nzHref","#components-color-picker-demo-size","nzTitle","Trigger size"],["nzHref","#components-color-picker-demo-show-text","nzTitle","Show Color Text"],["nzHref","#components-color-picker-demo-disable","nzTitle","Disabled"],["nzHref","#components-color-picker-demo-disable-alpha","nzTitle","Disabled Alpha"],["nzHref","#components-color-picker-demo-clear","nzTitle","Clear Color"],["nzHref","#components-color-picker-demo-trigger","nzTitle","Custom Trigger Event"],["nzHref","#components-color-picker-demo-flip-flop","nzTitle","Custom Trigger"],["nzHref","#components-color-picker-demo-format","nzTitle","Color Format"],["nzHref","#components-color-picker-demo-block","nzTitle","Color Block"],["nzHref","#components-color-picker-demo-use","nzTitle","Use with forms"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],["id","import-module"],["onclick","window.location.hash = 'import-module'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-color-picker-basic","nzGenerateCommand","ng g ng-zorro-antd:color-picker-basic <name>","nzComponentName","NzDemoColorPickerBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Show Color Text","nzSelector","nz-demo-color-picker-show-text","nzGenerateCommand","ng g ng-zorro-antd:color-picker-show-text <name>","nzComponentName","NzDemoColorPickerShowTextComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Disabled Alpha","nzSelector","nz-demo-color-picker-disable-alpha","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable-alpha <name>","nzComponentName","NzDemoColorPickerDisableAlphaComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom Trigger Event","nzSelector","nz-demo-color-picker-trigger","nzGenerateCommand","ng g ng-zorro-antd:color-picker-trigger <name>","nzComponentName","NzDemoColorPickerTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Color Format","nzSelector","nz-demo-color-picker-format","nzGenerateCommand","ng g ng-zorro-antd:color-picker-format <name>","nzComponentName","NzDemoColorPickerFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Use with forms","nzSelector","nz-demo-color-picker-use","nzGenerateCommand","ng g ng-zorro-antd:color-picker-use <name>","nzComponentName","NzDemoColorPickerUseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Trigger size","nzSelector","nz-demo-color-picker-size","nzGenerateCommand","ng g ng-zorro-antd:color-picker-size <name>","nzComponentName","NzDemoColorPickerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Disabled","nzSelector","nz-demo-color-picker-disable","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable <name>","nzComponentName","NzDemoColorPickerDisableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Clear Color","nzSelector","nz-demo-color-picker-clear","nzGenerateCommand","ng g ng-zorro-antd:color-picker-clear <name>","nzComponentName","NzDemoColorPickerClearComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom Trigger","nzSelector","nz-demo-color-picker-flip-flop","nzGenerateCommand","ng g ng-zorro-antd:color-picker-flip-flop <name>","nzComponentName","NzDemoColorPickerFlipFlopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Color Block","nzSelector","nz-demo-color-picker-block","nzGenerateCommand","ng g ng-zorro-antd:color-picker-block <name>","nzComponentName","NzDemoColorPickerBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-color-picker:standalone'",1,"anchor"],["id","nz-color-block:standalone"],["onclick","window.location.hash = 'nz-color-block:standalone'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(o,c){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(f){return c.goLink(f)}),l(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13),n()(),t(15,"section",14)(16,"h1"),e(17,"ColorPicker"),l(18,"span",15)(19,"span",16),t(20,"a",17),l(21,"span",18),n()(),t(22,"section",14),s(),t(23,"h2",19)(24,"span"),e(25,"When To Use"),n(),t(26,"a",20),e(27,"#"),n()(),t(28,"p"),e(29,"Used when the user needs to customize the color selection."),n(),t(30,"h3",21)(31,"span"),e(32,"Import Module"),n(),t(33,"a",22),e(34,"#"),n()(),t(35,"p"),e(36,"module:"),n(),t(37,"pre",23)(38,"code")(39,"span",24),e(40,"import"),n(),e(41," "),t(42,"span",25),e(43,"{"),n(),e(44," NzColorPickerModule "),t(45,"span",25),e(46,"}"),n(),e(47," "),t(48,"span",24),e(49,"from"),n(),e(50," "),t(51,"span",26),e(52,"'ng-zorro-antd/color-picker'"),n(),t(53,"span",25),e(54,";"),n()()(),t(55,"p"),e(56,"standalone:"),n(),t(57,"pre",23)(58,"code")(59,"span",24),e(60,"import"),n(),e(61," "),t(62,"span",25),e(63,"{"),n(),e(64," NzColorPickerComponent "),t(65,"span",25),e(66,"}"),n(),e(67," "),t(68,"span",24),e(69,"from"),n(),e(70," "),t(71,"span",26),e(72,"'ng-zorro-antd/color-picker'"),n(),t(73,"span",25),e(74,";"),n()()(),p(),n(),t(75,"h2")(76,"span"),e(77,"Examples"),n(),t(78,"span",27),C("click",function(){return c.expandAllCode()}),n()()(),t(79,"div",28)(80,"div",29)(81,"nz-code-box",30),l(82,"nz-demo-color-picker-basic",31),t(83,"div",32),s(),t(84,"p"),e(85,"The simplest usage."),n(),p(),n()(),t(86,"nz-code-box",33),l(87,"nz-demo-color-picker-show-text",31),t(88,"div",32),s(),t(89,"p"),e(90,"The default text of the rendering trigger, effective when "),t(91,"code"),e(92,"nzShowText"),n(),e(93," is "),t(94,"code"),e(95,"true"),n(),e(96,"."),n(),p(),n()(),t(97,"nz-code-box",34),l(98,"nz-demo-color-picker-disable-alpha",31),t(99,"div",32),s(),t(100,"p"),e(101,"Disabled color alpha."),n(),p(),n()(),t(102,"nz-code-box",35),l(103,"nz-demo-color-picker-trigger",31),t(104,"div",32),s(),t(105,"p"),e(106,"Triggers event for customizing color panels, provide options "),t(107,"code"),e(108,"click"),n(),e(109," and "),t(110,"code"),e(111,"hover"),n(),e(112,"."),n(),p(),n()(),t(113,"nz-code-box",36),l(114,"nz-demo-color-picker-format",31),t(115,"div",32),s(),t(116,"p"),e(117,"Encoding formats, support "),t(118,"code"),e(119,"HEX"),n(),e(120,", "),t(121,"code"),e(122,"HSB"),n(),e(123,", "),t(124,"code"),e(125,"RGB"),n(),e(126,"."),n(),p(),n()(),t(127,"nz-code-box",37),l(128,"nz-demo-color-picker-use",31),t(129,"div",32),s(),t(130,"p")(131,"code"),e(132,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),p(),n()()(),t(133,"div",29)(134,"nz-code-box",38),l(135,"nz-demo-color-picker-size",31),t(136,"div",32),s(),t(137,"p"),e(138,"The trigger has three sizes: large, medium and small."),n(),p(),n()(),t(139,"nz-code-box",39),l(140,"nz-demo-color-picker-disable",31),t(141,"div",32),s(),t(142,"p"),e(143,"Set to disabled state."),n(),p(),n()(),t(144,"nz-code-box",40),l(145,"nz-demo-color-picker-clear",31),t(146,"div",32),s(),t(147,"p"),e(148,"Clear Color."),n(),p(),n()(),t(149,"nz-code-box",41),l(150,"nz-demo-color-picker-flip-flop",31),t(151,"div",32),s(),t(152,"p"),e(153,"Triggers for customizing color panels."),n(),p(),n()(),t(154,"nz-code-box",42),l(155,"nz-demo-color-picker-block",31),t(156,"div",32),s(),t(157,"p"),e(158,"Color Block."),n(),p(),n()()()(),t(159,"section",43),s(),t(160,"h2",44)(161,"span"),e(162,"API"),n(),t(163,"a",45),e(164,"#"),n()(),t(165,"h3",46)(166,"span"),e(167,"nz-color-picker"),n(),t(168,"label",47),e(169,"component"),n(),t(170,"label",48),e(171,"standalone"),n(),t(172,"a",49),e(173,"#"),n()(),t(174,"table")(175,"thead")(176,"tr")(177,"th"),e(178,"Parameter"),n(),t(179,"th"),e(180,"Description"),n(),t(181,"th"),e(182,"Type"),n(),t(183,"th"),e(184,"Default"),n()()(),t(185,"tbody")(186,"tr")(187,"td")(188,"code"),e(189,"[nzFormat]"),n()(),t(190,"td"),e(191,"Format of color"),n(),t(192,"td")(193,"code"),e(194,"rgb"),n(),e(195,"\uFF5C"),t(196,"code"),e(197,"hex"),n(),e(198,"\uFF5C"),t(199,"code"),e(200,"hsb"),n()(),t(201,"td")(202,"code"),e(203,"hex"),n()()(),t(204,"tr")(205,"td")(206,"code"),e(207,"[nzValue]"),n()(),t(208,"td"),e(209,"Value of color"),n(),t(210,"td")(211,"code"),e(212,"string"),n(),e(213,"\uFF5C"),t(214,"code"),e(215,"NzColor"),n()(),t(216,"td"),e(217,"-"),n()(),t(218,"tr")(219,"td")(220,"code"),e(221,"[nzSize]"),n()(),t(222,"td"),e(223,"Setting the trigger size"),n(),t(224,"td")(225,"code"),e(226,"large"),n(),e(227,"\uFF5C"),t(228,"code"),e(229,"default"),n(),e(230,"\uFF5C"),t(231,"code"),e(232,"small"),n()(),t(233,"td")(234,"code"),e(235,"default"),n()()(),t(236,"tr")(237,"td")(238,"code"),e(239,"[nzDefaultValue]"),n()(),t(240,"td"),e(241,"Default value of color"),n(),t(242,"td")(243,"code"),e(244,"string"),n(),e(245,"\uFF5C"),t(246,"code"),e(247,"NzColor"),n()(),t(248,"td")(249,"code"),e(250,"false"),n()()(),t(251,"tr")(252,"td")(253,"code"),e(254,"[nzAllowClear]"),n()(),t(255,"td"),e(256,"Allow clearing color selected"),n(),t(257,"td")(258,"code"),e(259,"boolean"),n()(),t(260,"td")(261,"code"),e(262,"false"),n()()(),t(263,"tr")(264,"td")(265,"code"),e(266,"[nzTrigger]"),n()(),t(267,"td"),e(268,"ColorPicker trigger mode"),n(),t(269,"td")(270,"code"),e(271,"hover"),n(),e(272,"\uFF5C"),t(273,"code"),e(274,"click"),n()(),t(275,"td")(276,"code"),e(277,"click"),n()()(),t(278,"tr")(279,"td")(280,"code"),e(281,"[nzShowText]"),n()(),t(282,"td"),e(283,"Show color text"),n(),t(284,"td")(285,"code"),e(286,"boolean"),n()(),t(287,"td")(288,"code"),e(289,"false"),n()()(),t(290,"tr")(291,"td")(292,"code"),e(293,"[nzOpen]"),n()(),t(294,"td"),e(295,"Whether to show popups"),n(),t(296,"td")(297,"code"),e(298,"boolean"),n()(),t(299,"td")(300,"code"),e(301,"false"),n()()(),t(302,"tr")(303,"td")(304,"code"),e(305,"[nzDisabled]"),n()(),t(306,"td"),e(307,"Disable ColorPicker"),n(),t(308,"td")(309,"code"),e(310,"boolean"),n()(),t(311,"td")(312,"code"),e(313,"false"),n()()(),t(314,"tr")(315,"td")(316,"code"),e(317,"[nzDisabledAlpha]"),n()(),t(318,"td"),e(319,"Disable Alpha"),n(),t(320,"td")(321,"code"),e(322,"boolean"),n()(),t(323,"td")(324,"code"),e(325,"false"),n()()(),t(326,"tr")(327,"td")(328,"code"),e(329,"[nzTitle]"),n()(),t(330,"td"),e(331,"Setting the title of the color picker"),n(),t(332,"td")(333,"code"),e(334,"TemplateRef<void>"),n(),e(335,"\uFF5C"),t(336,"code"),e(337,"string"),n()(),t(338,"td"),e(339,"-"),n()(),t(340,"tr")(341,"td")(342,"code"),e(343,"(nzOnChange)"),n()(),t(344,"td"),e(345,"Callback when value is changed"),n(),t(346,"td")(347,"code"),e(348,"EventEmitter<{ color: NzColor; format: string }>"),n()(),t(349,"td"),e(350,"-"),n()(),t(351,"tr")(352,"td")(353,"code"),e(354,"(nzOnClear)"),n()(),t(355,"td"),e(356,"Called when clear"),n(),t(357,"td")(358,"code"),e(359,"EventEmitter<boolean>"),n()(),t(360,"td"),e(361,"-"),n()(),t(362,"tr")(363,"td")(364,"code"),e(365,"(nzOnFormatChange)"),n()(),t(366,"td"),e(367,"Callback when "),t(368,"code"),e(369,"format"),n(),e(370," is changed"),n(),t(371,"td")(372,"code"),e(373,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),t(374,"td"),e(375,"-"),n()(),t(376,"tr")(377,"td")(378,"code"),e(379,"(nzOnOpenChange)"),n()(),t(380,"td"),e(381,"Callback for opening the color panel"),n(),t(382,"td")(383,"code"),e(384,"EventEmitter<boolean>"),n()(),t(385,"td"),e(386,"-"),n()()()(),t(387,"h3",50)(388,"span"),e(389,"nz-color-block"),n(),t(390,"label",47),e(391,"component"),n(),t(392,"label",48),e(393,"standalone"),n(),t(394,"a",51),e(395,"#"),n()(),t(396,"table")(397,"thead")(398,"tr")(399,"th"),e(400,"Parameter"),n(),t(401,"th"),e(402,"Description"),n(),t(403,"th"),e(404,"Type"),n(),t(405,"th"),e(406,"Default"),n()()(),t(407,"tbody")(408,"tr")(409,"td")(410,"code"),e(411,"[nzColor]"),n()(),t(412,"td"),e(413,"Module colors"),n(),t(414,"td")(415,"code"),e(416,"string"),n()(),t(417,"td")(418,"code"),e(419,"#1677ff"),n()()(),t(420,"tr")(421,"td")(422,"code"),e(423,"[nzSize]"),n()(),t(424,"td"),e(425,"Color block size"),n(),t(426,"td")(427,"code"),e(428,"large"),n(),e(429,"\uFF5C"),t(430,"code"),e(431,"default"),n(),e(432,"\uFF5C"),t(433,"code"),e(434,"small"),n()(),t(435,"td")(436,"code"),e(437,"default"),n()()(),t(438,"tr")(439,"td")(440,"code"),e(441,"[nzOnClick]"),n()(),t(442,"td"),e(443,"Callbacks for clicking on color blocks"),n(),t(444,"td")(445,"code"),e(446,"EventEmitter<boolean>"),n()(),t(447,"td"),e(448,"-"),n()()()(),t(449,"h3",52)(450,"span"),e(451,"NzColor"),n(),t(452,"a",53),e(453,"#"),n()(),t(454,"table")(455,"thead")(456,"tr")(457,"th"),e(458,"Parameter"),n(),t(459,"th"),e(460,"Description"),n(),t(461,"th"),e(462,"Type"),n(),t(463,"th"),e(464,"Default"),n()()(),t(465,"tbody")(466,"tr")(467,"td")(468,"code"),e(469,"toHex"),n()(),t(470,"td"),e(471,"Convert to "),t(472,"code"),e(473,"hex"),n(),e(474," format characters, the return type like: "),t(475,"code"),e(476,"1677ff"),n()(),t(477,"td")(478,"code"),e(479,"() => string"),n()(),t(480,"td"),e(481,"-"),n()(),t(482,"tr")(483,"td")(484,"code"),e(485,"toHexString"),n()(),t(486,"td"),e(487,"Convert to "),t(488,"code"),e(489,"hex"),n(),e(490," format color string, the return type like: "),t(491,"code"),e(492,"#1677ff"),n()(),t(493,"td")(494,"code"),e(495,"() => string"),n()(),t(496,"td"),e(497,"-"),n()(),t(498,"tr")(499,"td")(500,"code"),e(501,"toHsb"),n()(),t(502,"td"),e(503,"Convert to "),t(504,"code"),e(505,"hsb"),n(),e(506," object"),n(),t(507,"td")(508,"code"),e(509,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(510,"td"),e(511,"-"),n()(),t(512,"tr")(513,"td")(514,"code"),e(515,"toHsbString"),n()(),t(516,"td"),e(517,"Convert to "),t(518,"code"),e(519,"hsb"),n(),e(520," format color string, the return type like: "),t(521,"code"),e(522,"hsb(215, 91%, 100%)"),n()(),t(523,"td")(524,"code"),e(525,"() => string"),n()(),t(526,"td"),e(527,"-"),n()(),t(528,"tr")(529,"td")(530,"code"),e(531,"toRgb"),n()(),t(532,"td"),e(533,"Convert to "),t(534,"code"),e(535,"rgb"),n(),e(536," object"),n(),t(537,"td")(538,"code"),e(539,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(540,"td"),e(541,"-"),n()(),t(542,"tr")(543,"td")(544,"code"),e(545,"toRgbString"),n()(),t(546,"td"),e(547,"Convert to "),t(548,"code"),e(549,"rgb"),n(),e(550," format color string, the return type like: "),t(551,"code"),e(552,"rgb(22, 119, 255)"),n()(),t(553,"td")(554,"code"),e(555,"() => string"),n()(),t(556,"td"),e(557,"-"),n()()()(),p(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(77),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-color-picker-demo-basic")("nzLink","components-color-picker-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/basic.md"),m(5),a("nzId","components-color-picker-demo-show-text")("nzLink","components-color-picker-demo-show-text")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/show-text.md"),m(11),a("nzId","components-color-picker-demo-disable-alpha")("nzLink","components-color-picker-demo-disable-alpha")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable-alpha.md"),m(5),a("nzId","components-color-picker-demo-trigger")("nzLink","components-color-picker-demo-trigger")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/trigger.md"),m(11),a("nzId","components-color-picker-demo-format")("nzLink","components-color-picker-demo-format")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/format.md"),m(14),a("nzId","components-color-picker-demo-use")("nzLink","components-color-picker-demo-use")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/use.md"),m(6),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-color-picker-demo-size")("nzLink","components-color-picker-demo-size")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/size.md"),m(5),a("nzId","components-color-picker-demo-disable")("nzLink","components-color-picker-demo-disable")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable.md"),m(5),a("nzId","components-color-picker-demo-clear")("nzLink","components-color-picker-demo-clear")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/clear.md"),m(5),a("nzId","components-color-picker-demo-flip-flop")("nzLink","components-color-picker-demo-flip-flop")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/flip-flop.md"),m(5),a("nzId","components-color-picker-demo-block")("nzLink","components-color-picker-demo-block")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/block.md"))},dependencies:[g,P,A,H,v,D,R,O,k,L,_,Z,W,V,U,X,Q,j,q,J],encapsulation:2});let r=i;return r})();var Gt=(()=>{let i=class i{};i.\u0275fac=function(o){return new(o||i)},i.\u0275mod=ee({type:i}),i.\u0275inj=$({imports:[Ee,ye,ce.forChild([{path:"en",component:Ve},{path:"zh",component:We}])]});let r=i;return r})();export{Gt as NzDemoColorPickerModule};