1import{a as Ne,b as Fe,c as De,d as Ie,e as ve}from"./chunk-VG3HH7LJ.js";import{a as be,b as u,c as z}from"./chunk-GYSQ7WLI.js";import"./chunk-YFUEY227.js";import"./chunk-XRZD46X6.js";import"./chunk-MM6HSE4Q.js";import"./chunk-VED23IKS.js";import"./chunk-7IR2ER4N.js";import"./chunk-TC4DHG3D.js";import{f as ge,k as he}from"./chunk-GDHEBRUM.js";import"./chunk-O5GFCFR7.js";import{a as V,b as X,d as j}from"./chunk-56XIMETV.js";import{a as Q}from"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as g,g as Y,h as $,j as ee}from"./chunk-2A4LUMJE.js";import"./chunk-M3GNLX5T.js";import"./chunk-55DQELCM.js";import{Fc as Ee,Ha as W,Hc as J,Ic as ke,Jc as D,Kc as I,Nc as K,gc as U,mc as ze,oc as ue,qc as F,rc as fe,uc as q,vc as xe,yc as Ce,zc as Se}from"./chunk-O3IWK6WU.js";import{Aa as le,Ac as G,Bc as L,Fc as pe,Gc as e,Ib as s,Ic as Z,Lc as h,Mc as b,Nc as N,Ob as me,Vb as l,Wb as ae,ad as se,hc as t,ic as n,jc as o,na as oe,nc as de,qc as k,rb as r,sc as ce,xa as c,ya as p,za as re,zc as R}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var v=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-basic"]],decls:1,vars:0,template:function(i,a){i&1&&o(0,"nz-color-picker")},dependencies:[z,u],encapsulation:2})};var P=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-block"]],decls:3,vars:0,consts:[["nzSize","small"],["nzSize","large"]],template:function(i,a){i&1&&o(0,"nz-color-block",0)(1,"nz-color-block")(2,"nz-color-block",1)},dependencies:[z,be],styles:["nz-color-block[_ngcontent-%COMP%]{margin-right:12px}"]})};var B=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-clear"]],decls:1,vars:0,consts:[["nzAllowClear","","nzTitle","Allow Clear"]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var y=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-disable-alpha"]],decls:1,vars:0,consts:[["nzDisabledAlpha",""]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var T=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-disable"]],decls:1,vars:0,consts:[["nzDisabled","","nzShowText",""]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};function He(m,d){if(m&1&&(t(0,"button",2),e(1,"Color"),n()),m&2){let i=ce();ae("background-color",i.color)}}var w=class m{color="#1677ff";static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-flip-flop"]],decls:3,vars:2,consts:[["flipFlop",""],[3,"ngModelChange","nzFlipFlop","ngModel"],["nz-button","","nzType","primary"]],template:function(i,a){if(i&1){let f=de();t(0,"nz-color-picker",1),N("ngModelChange",function(ie){return re(f),b(a.color,ie)||(a.color=ie),le(ie)}),n(),me(1,He,2,2,"ng-template",null,0,se)}if(i&2){let f=pe(2);l("nzFlipFlop",f),h("ngModel",a.color)}},dependencies:[J,F,q,j,X,V,Q,z,u],styles:["button[_ngcontent-%COMP%]{border:none}"]})};var H=class m{hex="#1677ff";hsb="hsb(215, 91%, 100%)";rgb="rgb(22, 119, 255)";static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,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(i,a){i&1&&(t(0,"div",0)(1,"nz-color-picker",1),N("ngModelChange",function(x){return b(a.hex,x)||(a.hex=x),x}),n(),e(2),n(),t(3,"div",0)(4,"nz-color-picker",2),N("ngModelChange",function(x){return b(a.hsb,x)||(a.hsb=x),x}),n(),e(5),n(),t(6,"div",0)(7,"nz-color-picker",3),N("ngModelChange",function(x){return b(a.rgb,x)||(a.rgb=x),x}),n(),e(8),n()),i&2&&(r(),h("ngModel",a.hex),r(),Z(" HEX: ",a.hex," "),r(2),h("ngModel",a.hsb),r(),Z(" HSB: ",a.hsb," "),r(2),h("ngModel",a.rgb),r(),Z(" RGB: ",a.rgb," "))},dependencies:[J,F,q,z,u],styles:[".format[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:12px}nz-color-picker[_ngcontent-%COMP%]{margin-right:8px}"]})};var A=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-show-text"]],decls:1,vars:0,consts:[["nzShowText",""]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var _=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-size"]],decls:7,vars:0,consts:[["nzSize","large"],["nzSize","small"]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)(1,"br")(2,"br")(3,"nz-color-picker")(4,"br")(5,"br")(6,"nz-color-picker",1)},dependencies:[z,u],encapsulation:2})};var M=class m{static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-trigger"]],decls:1,vars:0,consts:[["nzTrigger","hover"]],template:function(i,a){i&1&&o(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var O=class m{formBuilder=oe(Ee);validateForm=this.formBuilder.group({username:["color-picker",[ue.required]],colorPicker:["#1677ff"]});
1submitForm(){console.log(this.validateForm.value)}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,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(i,a){i&1&&(t(0,"form",0),k("ngSubmit",function(){return a.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"name"),n(),t(4,"nz-form-control",1),o(5,"input",2),n()(),t(6,"nz-form-item")(7,"nz-form-label",1),e(8,"color"),n(),t(9,"nz-form-control",1),o(10,"nz-color-picker",3),n()(),t(11,"nz-form-item")(12,"nz-form-control")(13,"button",4),e(14,"submit"),n()()()()),i&2&&(l("formGroup",a.validateForm),r(2),l("nzSpan",4),r(2),l("nzSpan",16),r(3),l("nzSpan",4),r(2),l("nzSpan",16))},dependencies:[ke,xe,ze,F,fe,Ce,Se,j,X,V,Q,z,u,ve,I,D,Fe,Ne,Ie,De,he,ge],encapsulation:2})};var te=class m{expanded=!1;codeBoxes;goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker"]],viewQuery:function(i,a){if(i&1&&R(g,5),i&2){let f;G(f=L())&&(a.codeBoxes=f)}},decls:551,vars:62,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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-color-picker'",1,"anchor"],["id","nz-color-block"],["onclick","window.location.hash = 'nz-color-block'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(i,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),k("nzClick",function(x){return a.goLink(x)}),o(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\u9
1009\u62E9\u5668"),n(),o(20,"span",16),t(21,"a",17),o(22,"nz-icon",18),n()(),t(23,"section",14),p(),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")(39,"code",23)(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(),e(56,` 2`),n()(),t(57,"p"),e(58,"standalone:"),n(),t(59,"pre")(60,"code",23)(61,"span",24),e(62,"import"),n(),e(63," "),t(64,"span",25),e(65,"{"),n(),e(66," NzColorPickerComponent "),t(67,"span",25),e(68,"}"),n(),e(69," "),t(70,"span",24),e(71,"from"),n(),e(72," "),t(73,"span",26),e(74,"'ng-zorro-antd/color-picker'"),n(),e(75,` 3`),n()(),c(),n(),t(76,"h2")(77,"span"),e(78,"\u4EE3\u7801\u6F14\u793A"),n(),t(79,"nz-icon",27),k("click",function(){return a.expandAllCode()}),n()()(),t(80,"div",28)(81,"div",29)(82,"nz-code-box",30),o(83,"nz-demo-color-picker-basic",31),t(84,"div",32),p(),t(85,"p"),e(86,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()(),t(87,"nz-code-box",33),o(88,"nz-demo-color-picker-show-text",31),t(89,"div",32),p(),t(90,"p"),e(91,"\u6E32\u67D3\u89E6\u53D1\u5668\u7684\u9ED8\u8BA4\u6587\u672C, "),t(92,"code"),e(93,"nzShowText"),n(),e(94," \u4E3A "),t(95,"code"),e(96,"true"),n(),e(97," \u65F6\u751F\u6548\u3002"),n(),c(),n()(),t(98,"nz-code-box",34),o(99,"nz-demo-color-picker-disable-alpha",31),t(100,"div",32),p(),t(101,"p"),e(102,"\u7981\u7528\u989C\u8272\u900F\u660E\u5EA6\u3002"),n(),c(),n()(),t(103,"nz-code-box",35),o(104,"nz-demo-color-picker-trigger",31),t(105,"div",32),p(),t(106,"p"),e(107,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u4E8B\u4EF6\uFF0C\u63D0\u4F9B "),t(108,"code"),e(109,"click"),n(),e(110," \u548C "),t(111,"code"),e(112,"hover"),n(),e(113," \u4E24\u4E2A\u9009\u9879\u3002"),n(),c(),n()(),t(114,"nz-code-box",36),o(115,"nz-demo-color-picker-format",31),t(116,"div",32),p(),t(117,"p"),e(118,"\u7F16\u7801\u683C\u5F0F\uFF0C\u652F\u6301 "),t(119,"code"),e(120,"HEX"),n(),e(121,"\u3001"),t(122,"code"),e(123,"HSB"),n(),e(124,"\u3001"),t(125,"code"),e(126,"RGB"),n(),e(127,"\u3002"),n(),c(),n()(),t(128,"nz-code-box",37),o(129,"nz-demo-color-picker-use",31),t(130,"div",32),p(),t(131,"p")(132,"code"),e(133,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),t(134,"div",29)(135,"nz-code-box",38),o(136,"nz-demo-color-picker-size",31),t(137,"div",32),p(),t(138,"p"),e(139,"\u89E6\u53D1\u5668\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8"),n(),c(),n()(),t(140,"nz-code-box",39),o(141,"nz-demo-color-picker-disable",31),t(142,"div",32),p(),t(143,"p"),e(144,"\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001\u3002"),n(),c(),n()(),t(145,"nz-code-box",40),o(146,"nz-demo-color-picker-clear",31),t(147,"div",32),p(),t(148,"p"),e(149,"\u6E05\u9664\u5DF2\u9009\u62E9\u7684\u989C\u8272\u3002"),n(),c(),n()(),t(150,"nz-code-box",41),o(151,"nz-demo-color-picker-flip-flop",31),t(152,"div",32),p(),t(153,"p"),e(154,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u5668\u3002"),n(),c(),n()(),t(155,"nz-code-box",42),o(156,"nz-demo-color-picker-block",31),t(157,"div",32),p(),t(158,"p"),e(159,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()()()(),t(160,"section",43),p(),t(161,"h2",44)(162,"span"),e(163,"API"),n(),t(164,"a",45),e(165,"#"),n()(),t(166,"h3",46)(167,"span"),e(168,"nz-color-picker"),n(),t(169,"label",47),e(170,"component"),n(),t(171,"a",48),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\u9
3009\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",49)(383,"span"),e(384,"nz-color-block"),n(),t(385,"label",47),e(386,"component"),n(),t(387,"a",50),e(388,"#"),n()(),t(389,"table")(390,"thead")(391,"tr")(392,"th"),e(393,"\u53C2\u6570"),n(),t(394,"th"),e(395,"\u8BF4\u660E"),n(),t(396,"th"),e(397,"\u7C7B\u578B"),n(),t(398,"th"),e(399,"\u9ED8\u8BA4\u503C"),n()()(),t(400,"tbody")(401,"tr")(402,"td")(403,"code"),e(404,"[nzColor]"),n()(),t(405,"td"),e(406,"\u6A21\u5757\u7684\u989C\u8272"),n(),t(407,"td")(408,"code"),e(409,"string"),n()(),t(410,"td")(411,"code"),e(412,"#1677ff"),n()()(),t(413,"tr")(414,"td")(415,"code"),e(416,"[nzSize]"),n()(),t(417,"td"),e(418,"\u8272\u5F69\u5757\u7684\u5927\u5C0F"),n(),t(419,"td")(420,"code"),e(421,"large"),n(),e(422,"\uFF5C"),t(423,"code"),e(424,"default"),n(),e(425,"\uFF5C"),t(426,"code"),e(427,"small"),n()(),t(428,"td")(429,"code"),e(430,"default"),n()()(),t(431,"tr")(432,"td")(433,"code"),e(434,"[nzOnClick]"),n()(),t(435,"td"),e(436,"\u70B9\u51FB\u8272\u5F69\u5757\u7684\u56DE\u8C03"),n(),t(437,"td")(438,"code"),e(439,"EventEmitter<boolean>"),n()(),t(440,"td"),e(441,"-"),n()()()(),t(442,"h3",51)(443,"span"),e(444,"NzColor"),n(),t(445,"a",52),e(446,"#"),n()(),t(447,"table")(448,"thead")(449,"tr")(450,"th"),e(451,"\u53C2\u6570"),n(),t(452,"th"),e(453,"\u8BF4\u660E"),n(),t(454,"th"),e(455,"\u7C7B\u578B"),n(),t(456,"th"),e(457,"\u9ED8\u8BA4\u503C"),n()()(),t(458,"tbody")(459,"tr")(460,"td")(461,"code"),e(462,"toHex"),n()(),t(463,"td"),e(464,"\u8F6C\u6362\u6210 "),t(465,"code"),e(466,"hex"),n(),e(467," \u683C\u5F0F\u5B57\u7B26\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(468,"code"),e(469,"1677ff"),n()(),t(470,"td")(471,"code"),e(472,"() => string"),n()(),t(473,"td"),e(474,"-"),n()(),t(475,"tr")(476,"td")(477,"code"),e(478,"toHexString"),n()(),t(479,"td"),e(480,"\u8F6C\u6362\u6210 "),t(481,"code"),e(482,"hex"),n(),e(483," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(484,"code"),e(485,"#1677ff"),n()(),t(486,"td")(487,"code"),e(488,"() => string"),n()(),t(489,"td"),e(490,"-"),n()(),t(491,"tr")(492,"td")(493,"code"),e(494,"toHsb"),n()(),t(495,"td"),e(496,"\u8F6C\u6362\u6210 "),t(497,"code"),e(498,"hsb"),n(),e(499," \u5BF9\u8C61"),n(),t(500,"td")(501,"code"),e(502,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(503,"td"),e(504,"-"),n()(),t(505,"tr")(506,"td")(507,"code"),e(508,"toHsbString"),n()(),t(509,"td"),e(510,"\u8F6C\u6362\u6210 "),t(511,"code"),e(512,"hsb"),n(),e(513," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(514,"code"),e(515,"hsb(215, 91%, 100%)"),n()(),t(516,"td")(517,"code"),e(518,"() => string"),n()(),t(519,"td"),e(520,"-"),n()(),t(521,"tr")(522,"td")(523,"code"),e(524,"toRgb"),n()(),t(525,"td"),e(526,"\u8F6C\u6362\u6210 "),t(527,"code"),e(528,"rgb"),n(),e(529," \u5BF9\u8C61"),n(),t(530,"td")(531,"code"),e(532,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(533,"td"),e(534,"-"),n()(),t(535,"tr")(536,"td")(537,"code"),e(538,"toRgbString"),n()(),t(539,"td"),e(540,"\u8F6C\u6362\u6210 "),t(541,"code"),e(542,"rgb"),n(),e(543," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(544,"code"),e(545,"rgb(22, 119, 255)"),n()(),t(546,"td")(547,"code"),e(548,"() => string"),n()(),t(549,"td"),e(550,"-"),n()()()(),c(),n()()),i&2&&(r(),l("nzOff
3setTop",16),r(),l("nzAffix",!1),r(78),l("nzGutter",16),r(),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-color-picker-demo-basic")("nzLink","components-color-picker-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/basic.md"),r(5),l("nzId","components-color-picker-demo-show-text")("nzLink","components-color-picker-demo-show-text")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/show-text.md"),r(11),l("nzId","components-color-picker-demo-disable-alpha")("nzLink","components-color-picker-demo-disable-alpha")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable-alpha.md"),r(5),l("nzId","components-color-picker-demo-trigger")("nzLink","components-color-picker-demo-trigger")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/trigger.md"),r(11),l("nzId","components-color-picker-demo-format")("nzLink","components-color-picker-demo-format")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/format.md"),r(14),l("nzId","components-color-picker-demo-use")("nzLink","components-color-picker-demo-use")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/use.md"),r(6),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-color-picker-demo-size")("nzLink","components-color-picker-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/size.md"),r(5),l("nzId","components-color-picker-demo-disable")("nzLink","components-color-picker-demo-disable")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable.md"),r(5),l("nzId","components-color-picker-demo-clear")("nzLink","components-color-picker-demo-clear")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/clear.md"),r(5),l("nzId","components-color-picker-demo-flip-flop")("nzLink","components-color-picker-demo-flip-flop")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/flip-flop.md"),r(5),l("nzId","components-color-picker-demo-block")("nzLink","components-color-picker-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/block.md"))},dependencies:[ee,g,Y,$,K,I,D,U,W,v,P,B,y,T,w,H,A,_,M,O],encapsulation:2})};var ne=class m{expanded=!1;codeBoxes;goLink(d){window&&(window.location.hash=d)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(d=>d.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker"]],viewQuery:function(i,a){if(i&1&&R(g,5),i&2){let f;G(f=L())&&(a.codeBoxes=f)}},decls:556,vars:62,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"],["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"],["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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Clear
3Color","nzSelector","nz-demo-color-picker-clear","nzGenerateCommand","ng g ng-zorro-antd:color-picker-clear <name>","nzComponentName","NzDemoColorPickerClearComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","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","nzIframe","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","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-color-picker'",1,"anchor"],["id","nz-color-block"],["onclick","window.location.hash = 'nz-color-block'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(i,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),k("nzClick",function(x){return a.goLink(x)}),o(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"),o(18,"span",15)(19,"span",16),t(20,"a",17),o(21,"nz-icon",18),n()(),t(22,"section",14),p(),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")(38,"code",23)(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(),e(55,` 4`),n()(),t(56,"p"),e(57,"standalone:"),n(),t(58,"pre")(59,"code",23)(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(),t(74,"span",25),e(75,";"),n(),e(76,` 5`),n()(),c(),n(),t(77,"h2")(78,"span"),e(79,"Examples"),n(),t(80,"nz-icon",27),k("click",function(){return a.expandAllCode()}),n()()(),t(81,"div",28)(82,"div",29)(83,"nz-code-box",30),o(84,"nz-demo-color-picker-basic",31),t(85,"div",32),p(),t(86,"p"),e(87,"The simplest usage."),n(),c(),n()(),t(88,"nz-code-box",33),o(89,"nz-demo-color-picker-show-text",31),t(90,"div",32),p(),t(91,"p"),e(92,"The default text of the rendering trigger, effective when "),t(93,"code"),e(94,"nzShowText"),n(),e(95," is "),t(96,"code"),e(97,"true"),n(),e(98,"."),n(),c(),n()(),t(99,"nz-code-box",34),o(100,"nz-demo-color-picker-disable-alpha",31),t(101,"div",32),p(),t(102,"p"),e(103,"Disabled color alpha."),n(),c(),n()(),t(104,"nz-code-box",35),o(105,"nz-demo-color-picker-trigger",31),t(106,"div",32),p(),t(107,"p"),e(108,"Triggers event for customizing color panels, provide options "),t(109,"code"),e(110,"click"),n(),e(111," and "),t(112,"code"),e(113,"hover"),n(),e(114,"."),n(),c(),n()(),t(115,"nz-code-box",36),o(116,"nz-demo-color-picker-format",31),t(117,"div",32),p(),t(118,"p"),e(119,"Encoding formats, support "),t(120,"code"),e(121,"HEX"),n(),e(122,", "),t(123,"code"),e(124,"HSB"),n(),e(125,", "),t(126,"code"),e(127,"RGB"),n(),e(128,"."),n(),c(),n()(),t(129,"nz-code-box",37),o(130,"nz-demo-color-picker-use",31),t(131,"div",32),p(),t(132,"p")(133,"code"),e(134,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),t(135,"div",29)(136,"nz-code-box",38),o(137,"nz-demo-color-picker-size",31),t(138,"div",32),p(),t(139,"p"),e(140,"The trigger has three sizes: large, medium and small."),n(),c(),n()(),t(141,"nz-code-box",39),o(142,"nz-demo-color-picker-disable",31),t(143,"div",32),p(),t(144,"p"),e(145,"Set to disabled state."),n(),c(),n()(),t(146,"nz-code-box",40),o(147,"nz-demo-color-picker-clear",31),t(148,"div",32),p(),t(149,"p"),e(150,"Clear Color."),n(),c(),n()(),t(151,"nz-code-box",41),o(152,"nz-demo-color-picker-flip-flop",31),t(153,"div",32),p(),t(154,"p"),e(155,"Triggers for customizing color panels."),n(),c(),n()(),t(156,"nz-code-box",42),o(157,"nz-demo-color-picker-block",31),t(158,"div",32),p(),t(159,"p"),e(160,"Color Block."),n(),c(),n()()()(),t(161,"section",43),p(),t(162,"h2",44)(163,"span"),e(164,"API"),n(),t(165,"a",45),e(166,"#"),n()(),t(167,"h3",46)(168,"span"),e(169,"nz-color-picker"),n(),t(170,"label",47),e(171,"component"),n(),t(172,"a",48),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",49)(388,"span"),e(389,"nz-color-block"),n(),t(390,"label",47),e(391,"component"),n(),t(392,"a",50),e(393,"#"),n()(),t(394,"table")(395,"thead")(396,"tr")(397,"th"),e(398,"Parameter"),n(),t(399,"th"),e(400,"Description"),n(),t(401,"th"),e(402,"Type"),n(),t(403,"th"),e(404,"Default"),n()()(),t(405,"tbody")(406,"tr")(407,"td")(408,"code"),e(409,"[nzColor]"),n()(),t(410,"td"),e(411,"Module colors"),n(),t(412,"td")(413,"code"),e(414,"string"),n()(),t(415,"td")(416,"code"),e(417,"#1677ff"),n()()(),t(418,"tr")(419,"td")(420,"code"),e(421,"[nzSize]"),n()(),t(422,"td"),e(423,"Color block size"),n(),t(424,"td")(425,"code"),e(426,"large"),n(),e(427,"\uFF5C"),t(428,"code"),e(429,"default"),n(),e(430,"\uFF5C"),t(431,"code"),e(432,"small"),n()(),t(433,"td")(434,"code"),e(435,"default"),n()()(),t(436,"tr")(437,"td")(438,"code"),e(439,"[nzOnClick]"),n()(),t(440,"td"),e(441,"Callbacks for clicking on color blocks"),n(),t(442,"td")(443,"code"),e(444,"EventEmitter<boolean>"),n()(),t(445,"td"),e(446,"-"),n()()()(),t(447,"h3",51)(448,"span"),e(449,"NzColor"),n(),t(450,"a",52),e(451,"#"),n()(),t(452,"table")(453,"thead")(454,"tr")(455,"th"),e(456,"Parameter"),n(),t(457,"th"),e(458,"Description"),n(),t(459,"th"),e(460,"Type"),n(),t(461,"th"),e(462,"Default"),n()()(),t(463,"tbody")(464,"tr")(465,"td")(466,"code"),e(467,"toHex"),n()(),t(468,"td"),e(469,"Convert to "),t(470,"code"),e(471,"hex"),n(),e(472," format characters, the return type like: "),t(473,"code"),e(474,"1677ff"),n()(),t(475,"td")(476,"code"),e(477,"() => string"),n()(),t(478,"td"),e(479,"-"),n()(),t(480,"tr")(481,"td")(482,"code"),e(483,"toHexString"),n()(),t(484,"td"),e(485,"Convert to "),t(486,"code"),e(487,"hex"),n(),e(488," format color string, the return type like: "),t(489,"code"),e(490,"#1677ff"),n()(),t(491,"td")(492,"code"),e(493,"() => string"),n()(),t(494,"td"),e(495,"-"),n()(),t(496,"tr")(497,"td")(498,"code"),e(499,"toHsb"),n()(),t(500,"td"),e(501,"Convert to "),t(502,"code"),e(503,"hsb"),n(),e(504," object"),n(),t(505,"td")(506,"code"),e(507,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(508,"td"),e(509,"-"),n()(),t(510,"tr")(511,"td")(512,"code"),e(513,"toHsbString"),n()(),t(514,"td"),e(515,"Convert to "),t(516,"code"),e(517,"hsb"),n(),e(518," format color string, the return type like: "),t(519,"code"),e(520,"hsb(215, 91%, 100%)"),n()(),t(521,"td")(522,"code"),e(523,"() => string"),n()(),t(524,"td"),e(525,"-"),n()(),t(526,"tr")(527,"td")(528,"code"),e(529,"toRgb"),n()(),t(530,"td"),e(531,"Convert to "),t(532,"code"),e(533,"rgb"),n(),e(534," object"),n(),t(535,"td")(536,"code"),e(537,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(538,"td"),e(539,"-"),n()(),t(540,"tr")(541,"td")(542,"code"),e(543,"toRgbString"),n()(),t(544,"td"),e(545,"Convert to "),t(546,"code"),e(547,"rgb"),n(),e(548," format color string, the return type like: "),t(549,"code"),e(550,"rgb(22, 119, 255)"),n()(),t(551,"td")(552,"code"),e(553,"() => string"),n()(),t(554,"td"),e(555,"-"),n()()()(),c(),n()()),i&2&&(r(),l("nzOff
5setTop",16),r(),l("nzAffix",!1),r(79),l("nzGutter",16),r(),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-color-picker-demo-basic")("nzLink","components-color-picker-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/basic.md"),r(5),l("nzId","components-color-picker-demo-show-text")("nzLink","components-color-picker-demo-show-text")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/show-text.md"),r(11),l("nzId","components-color-picker-demo-disable-alpha")("nzLink","components-color-picker-demo-disable-alpha")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable-alpha.md"),r(5),l("nzId","components-color-picker-demo-trigger")("nzLink","components-color-picker-demo-trigger")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/trigger.md"),r(11),l("nzId","components-color-picker-demo-format")("nzLink","components-color-picker-demo-format")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/format.md"),r(14),l("nzId","components-color-picker-demo-use")("nzLink","components-color-picker-demo-use")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/use.md"),r(6),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-color-picker-demo-size")("nzLink","components-color-picker-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/size.md"),r(5),l("nzId","components-color-picker-demo-disable")("nzLink","components-color-picker-demo-disable")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/disable.md"),r(5),l("nzId","components-color-picker-demo-clear")("nzLink","components-color-picker-demo-clear")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/clear.md"),r(5),l("nzId","components-color-picker-demo-flip-flop")("nzLink","components-color-picker-demo-flip-flop")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/flip-flop.md"),r(5),l("nzId","components-color-picker-demo-block")("nzLink","components-color-picker-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/demo/block.md"))},dependencies:[ee,g,Y,$,K,I,D,U,W,v,P,B,y,T,w,H,A,_,M,O],encapsulation:2})};var Ge=[{path:"en",component:ne},{path:"zh",component:te}],Jt=Ge;export{Jt as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.