chunk-2A3TLUVF.js

import{a as ge,b as he,c as be,d as Fe,e as Ne}from"./chunk-BBTTHRVX.js";import{a as ke,b as z,c as s}from"./chunk-RWMHJ3MB.js";import"./chunk-6N7WDOGN.js";import"./chunk-KNYRAO7I.js";import"./chunk-VSPE72FH.js";import"./chunk-4F3F27BT.js";import"./chunk-7EEEUGJK.js";import"./chunk-EE7SIC6Z.js";import{f as Ee,k as Ce}from"./chunk-RKL5WCT5.js";import"./chunk-MGFBB5Y4.js";import{a as w,b as A,d as M}from"./chunk-HVFPNQ3B.js";import{a as H}from"./chunk-6AJOFIIP.js";import"./chunk-3LAVY7RV.js";import{a as k,g as G,h as L,j as Z}from"./chunk-Q4ISATUO.js";import"./chunk-JXWNPNAC.js";import{Ca as T,Dc as fe,Fc as O,Gc as Se,Hc as N,Ic as D,Lc as R,ec as I,kc as ce,mc as pe,oc as F,pc as ue,sc as _,tc as se,wc as ze,xc as xe}from"./chunk-YWVGY2C2.js";import{Aa as p,Ac as v,Ba as te,Bc as B,Ca as ne,Cc as y,Gc as de,Hc as e,Ib as u,Jc as P,Mc as g,Nc as h,Oc as b,Pb as oe,Wb as m,Xb as re,_c as ae,ic as t,jc as n,kc as r,oc as le,rb as l,rc as C,sb as ie,tc as me,za as c}from"./chunk-GBKJFEQZ.js";import"./chunk-EQDQRRRY.js";var W=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-basic"]],decls:1,vars:0,template:function(o,a){o&1&&r(0,"nz-color-picker")},dependencies:[s,z],encapsulation:2})}}return i})();var V=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-block"]],decls:3,vars:0,consts:[["nzSize","small"],["nzSize","large"]],template:function(o,a){o&1&&r(0,"nz-color-block",0)(1,"nz-color-block")(2,"nz-color-block",1)},dependencies:[s,ke],styles:["nz-color-block[_ngcontent-%COMP%]{margin-right:12px}"]})}}return i})();var U=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-clear"]],decls:1,vars:0,consts:[["nzAllowClear","","nzTitle","Allow Clear"]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)},dependencies:[s,z],encapsulation:2})}}return i})();var X=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-disable-alpha"]],decls:1,vars:0,consts:[["nzDisabledAlpha",""]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)},dependencies:[s,z],encapsulation:2})}}return i})();var Q=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-disable"]],decls:1,vars:0,consts:[["nzDisabled","","nzShowText",""]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)},dependencies:[s,z],encapsulation:2})}}return i})();function we(i,Ge){if(i&1&&(t(0,"button",2),e(1,"Color"),n()),i&2){let d=me();re("background-color",d.color)}}var j=(()=>{class i{constructor(){this.color="#1677ff"}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\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,a){if(o&1){let x=le();t(0,"nz-color-picker",1),b("ngModelChange",function(ee){return te(x),h(a.color,ee)||(a.color=ee),ne(ee)}),n(),oe(1,we,2,2,"ng-template",null,0,ae)}if(o&2){let x=de(2);m("nzFlipFlop",x),g("ngModel",a.color)}},dependencies:[O,F,_,M,A,w,H,s,z],styles:["button[_ngcontent-%COMP%]{border:none}"]})}}return i})();var q=(()=>{class i{constructor(){this.hex="#1677ff",this.hsb="hsb(215, 91%, 100%)",this.rgb="rgb(22, 119, 255)"}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\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,a){o&1&&(t(0,"div",0)(1,"nz-color-picker",1),b("ngModelChange",function(f){return h(a.hex,f)||(a.hex=f),f}),n(),e(2),n(),t(3,"div",0)(4,"nz-color-picker",2),b("ngModelChange",function(f){return h(a.hsb,f)||(a.hsb=f),f}),n(),e(5),n(),t(6,"div",0)(7,"nz-color-picker",3),b("ngModelChange",function(f){return h(a.rgb,f)||(a.rgb=f),f}),n(),e(8),n()),o&2&&(l(),g("ngModel",a.hex),l(),P(" HEX: ",a.hex," "),l(2),g("ngModel",a.hsb),l(),P(" HSB: ",a.hsb," "),l(2),g("ngModel",a.rgb),l(),P(" RGB: ",a.rgb," "))},dependencies:[O,F,_,s,z],styles:[".format[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:12px}nz-color-picker[_ngcontent-%COMP%]{margin-right:8px}"]})}}return i})();var J=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-show-text"]],decls:1,vars:0,consts:[["nzShowText",""]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)},dependencies:[s,z],encapsulation:2})}}return i})();var K=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-size"]],decls:7,vars:0,consts:[["nzSize","large"],["nzSize","small"]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)(1,"br")(2,"br")(3,"nz-color-picker")(4,"br")(5,"br")(6,"nz-color-picker",1)},dependencies:[s,z],encapsulation:2})}}return i})();var Y=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker-trigger"]],decls:1,vars:0,consts:[["nzTrigger","hover"]],template:function(o,a){o&1&&r(0,"nz-color-picker",0)},dependencies:[s,z],encapsulation:2})}}return i})();var $=(()=>{class i{constructor(d){this.formBuilder=d,this.validateForm=this.formBuilder.group({userName:["color-picker",[pe.required]],colorPicker:["#1677ff"]})}submitForm(){console.log(this.validateForm.value)}static{this.\u0275fac=function(o){return new(o||i)(ie(fe))}}static{this.\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,a){o&1&&(t(0,"form",0),C("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),r(5,"input",2),n()(),t(6,"nz-form-item")(7,"nz-form-label",1),e(8,"color"),n(),t(9,"nz-form-control",1),r(10,"nz-color-picker",3),n()(),t(11,"nz-form-item")(12,"nz-form-control")(13,"button",4),e(14,"submit"),n()()()()),o&2&&(m("formGroup",a.validateForm),l(2),m("nzSpan",4),l(2),m("nzSpan",16),l(3),m("nzSpan",4),l(2),m("nzSpan",16))},dependencies:[Se,se,ce,F,ue,ze,xe,M,A,w,H,s,z,Ne,D,N,he,ge,Fe,be,Ce,Ee],encapsulation:2})}}return i})();var Be=(()=>{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))}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,a){if(o&1&&v(k,5),o&2){let x;B(x=y())&&(a.codeBoxes=x)}},decls:549,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"],["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"],[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(o,a){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(f){return a.goLink(f)}),r(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(),r(20,"span",16),t(21,"a",17),r(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",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()()(),c(),n(),t(74,"h2")(75,"span"),e(76,"\u4EE3\u7801\u6F14\u793A"),n(),t(77,"span",27),C("click",function(){return a.expandAllCode()}),n()()(),t(78,"div",28)(79,"div",29)(80,"nz-code-box",30),r(81,"nz-demo-color-picker-basic",31),t(82,"div",32),p(),t(83,"p"),e(84,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()(),t(85,"nz-code-box",33),r(86,"nz-demo-color-picker-show-text",31),t(87,"div",32),p(),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(),c(),n()(),t(96,"nz-code-box",34),r(97,"nz-demo-color-picker-disable-alpha",31),t(98,"div",32),p(),t(99,"p"),e(100,"\u7981\u7528\u989C\u8272\u900F\u660E\u5EA6\u3002"),n(),c(),n()(),t(101,"nz-code-box",35),r(102,"nz-demo-color-picker-trigger",31),t(103,"div",32),p(),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(),c(),n()(),t(112,"nz-code-box",36),r(113,"nz-demo-color-picker-format",31),t(114,"div",32),p(),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(),c(),n()(),t(126,"nz-code-box",37),r(127,"nz-demo-color-picker-use",31),t(128,"div",32),p(),t(129,"p")(130,"code"),e(131,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),t(132,"div",29)(133,"nz-code-box",38),r(134,"nz-demo-color-picker-size",31),t(135,"div",32),p(),t(136,"p"),e(137,"\u89E6\u53D1\u5668\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8"),n(),c(),n()(),t(138,"nz-code-box",39),r(139,"nz-demo-color-picker-disable",31),t(140,"div",32),p(),t(141,"p"),e(142,"\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001\u3002"),n(),c(),n()(),t(143,"nz-code-box",40),r(144,"nz-demo-color-picker-clear",31),t(145,"div",32),p(),t(146,"p"),e(147,"\u6E05\u9664\u5DF2\u9009\u62E9\u7684\u989C\u8272\u3002"),n(),c(),n()(),t(148,"nz-code-box",41),r(149,"nz-demo-color-picker-flip-flop",31),t(150,"div",32),p(),t(151,"p"),e(152,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u5668\u3002"),n(),c(),n()(),t(153,"nz-code-box",42),r(154,"nz-demo-color-picker-block",31),t(155,"div",32),p(),t(156,"p"),e(157,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()()()(),t(158,"section",43),p(),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,"a",48),e(170,"#"),n()(),t(171,"table")(172,"thead")(173,"tr")(174,"th"),e(175,"\u53C2\u6570"),n(),t(176,"th"),e(177,"\u8BF4\u660E"),n(),t(178,"th"),e(179,"\u7C7B\u578B"),n(),t(180,"th"),e(181,"\u9ED8\u8BA4\u503C"),n()()(),t(182,"tbody")(183,"tr")(184,"td")(185,"code"),e(186,"[nzFormat]"),n()(),t(187,"td"),e(188,"\u989C\u8272\u683C\u5F0F"),n(),t(189,"td")(190,"code"),e(191,"rgb"),n(),e(192,"\uFF5C"),t(193,"code"),e(194,"hex"),n(),e(195,"\uFF5C"),t(196,"code"),e(197,"hsb"),n()(),t(198,"td")(199,"code"),e(200,"hex"),n()()(),t(201,"tr")(202,"td")(203,"code"),e(204,"[nzValue]"),n()(),t(205,"td"),e(206,"\u989C\u8272\u7684\u503C"),n(),t(207,"td")(208,"code"),e(209,"string"),n(),e(210,"\uFF5C"),t(211,"code"),e(212,"NzColor"),n()(),t(213,"td"),e(214,"-"),n()(),t(215,"tr")(216,"td")(217,"code"),e(218,"[nzSize]"),n()(),t(219,"td"),e(220,"\u8BBE\u7F6E\u89E6\u53D1\u5668\u5927\u5C0F"),n(),t(221,"td")(222,"code"),e(223,"large"),n(),e(224,"\uFF5C"),t(225,"code"),e(226,"default"),n(),e(227,"\uFF5C"),t(228,"code"),e(229,"small"),n()(),t(230,"td")(231,"code"),e(232,"default"),n()()(),t(233,"tr")(234,"td")(235,"code"),e(236,"[nzDefaultValue]"),n()(),t(237,"td"),e(238,"\u989C\u8272\u9ED8\u8BA4\u7684\u503C"),n(),t(239,"td")(240,"code"),e(241,"string"),n(),e(242,"\uFF5C"),t(243,"code"),e(244,"NzColor"),n()(),t(245,"td"),e(246,"-"),n()(),t(247,"tr")(248,"td")(249,"code"),e(250,"[nzAllowClear]"),n()(),t(251,"td"),e(252,"\u5141\u8BB8\u6E05\u9664\u9009\u62E9\u7684\u989C\u8272"),n(),t(253,"td")(254,"code"),e(255,"boolean"),n()(),t(256,"td")(257,"code"),e(258,"false"),n()()(),t(259,"tr")(260,"td")(261,"code"),e(262,"[nzTrigger]"),n()(),t(263,"td"),e(264,"\u989C\u8272\u9009\u62E9\u5668\u7684\u89E6\u53D1\u6A21\u5F0F"),n(),t(265,"td")(266,"code"),e(267,"hover"),n(),e(268,"\uFF5C"),t(269,"code"),e(270,"click"),n()(),t(271,"td")(272,"code"),e(273,"click"),n()()(),t(274,"tr")(275,"td")(276,"code"),e(277,"[nzShowText]"),n()(),t(278,"td"),e(279,"\u663E\u793A\u989C\u8272\u6587\u672C"),n(),t(280,"td")(281,"code"),e(282,"boolean"),n()(),t(283,"td")(284,"code"),e(285,"false"),n()()(),t(286,"tr")(287,"td")(288,"code"),e(289,"[nzOpen]"),n()(),t(290,"td"),e(291,"\u662F\u5426\u663E\u793A\u5F39\u51FA\u7A97\u53E3"),n(),t(292,"td")(293,"code"),e(294,"boolean"),n()(),t(295,"td")(296,"code"),e(297,"false"),n()()(),t(298,"tr")(299,"td")(300,"code"),e(301,"[nzDisabled]"),n()(),t(302,"td"),e(303,"\u7981\u7528\u989C\u8272\u9009\u62E9\u5668"),n(),t(304,"td")(305,"code"),e(306,"boolean"),n()(),t(307,"td")(308,"code"),e(309,"false"),n()()(),t(310,"tr")(311,"td")(312,"code"),e(313,"[nzDisabledAlpha]"),n()(),t(314,"td"),e(315,"\u7981\u7528\u900F\u660E\u5EA6"),n(),t(316,"td")(317,"code"),e(318,"boolean"),n()(),t(319,"td")(320,"code"),e(321,"false"),n()()(),t(322,"tr")(323,"td")(324,"code"),e(325,"[nzTitle]"),n()(),t(326,"td"),e(327,"\u8BBE\u7F6E\u989C\u8272\u9009\u62E9\u5668\u7684\u6807\u9898"),n(),t(328,"td")(329,"code"),e(330,"TemplateRef<void>"),n(),e(331,"\uFF5C"),t(332,"code"),e(333,"string"),n()(),t(334,"td"),e(335,"-"),n()(),t(336,"tr")(337,"td")(338,"code"),e(339,"(nzOnChange)"),n()(),t(340,"td"),e(341,"\u989C\u8272\u53D8\u5316\u7684\u56DE\u8C03"),n(),t(342,"td")(343,"code"),e(344,"EventEmitter<{ color: NzColor; format: string }>"),n()(),t(345,"td"),e(346,"-"),n()(),t(347,"tr")(348,"td")(349,"code"),e(350,"(nzOnClear)"),n()(),t(351,"td"),e(352,"\u6E05\u9664\u7684\u56DE\u8C03"),n(),t(353,"td")(354,"code"),e(355,"EventEmitter<boolean>"),n()(),t(356,"td"),e(357,"-"),n()(),t(358,"tr")(359,"td")(360,"code"),e(361,"(nzOnFormatChange)"),n()(),t(362,"td"),e(363,"\u989C\u8272\u683C\u5F0F\u53D8\u5316\u7684\u56DE\u8C03"),n(),t(364,"td")(365,"code"),e(366,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),t(367,"td"),e(368,"-"),n()(),t(369,"tr")(370,"td")(371,"code"),e(372,"(nzOnOpenChange)"),n()(),t(373,"td"),e(374,"\u6253\u5F00\u989C\u8272\u9762\u677F\u7684\u56DE\u8C03"),n(),t(375,"td")(376,"code"),e(377,"EventEmitter<boolean>"),n()(),t(378,"td"),e(379,"-"),n()()()(),t(380,"h3",49)(381,"span"),e(382,"nz-color-block"),n(),t(383,"label",47),e(384,"component"),n(),t(385,"a",50),e(386,"#"),n()(),t(387,"table")(388,"thead")(389,"tr")(390,"th"),e(391,"\u53C2\u6570"),n(),t(392,"th"),e(393,"\u8BF4\u660E"),n(),t(394,"th"),e(395,"\u7C7B\u578B"),n(),t(396,"th"),e(397,"\u9ED8\u8BA4\u503C"),n()()(),t(398,"tbody")(399,"tr")(400,"td")(401,"code"),e(402,"[nzColor]"),n()(),t(403,"td"),e(404,"\u6A21\u5757\u7684\u989C\u8272"),n(),t(405,"td")(406,"code"),e(407,"string"),n()(),t(408,"td")(409,"code"),e(410,"#1677ff"),n()()(),t(411,"tr")(412,"td")(413,"code"),e(414,"[nzSize]"),n()(),t(415,"td"),e(416,"\u8272\u5F69\u5757\u7684\u5927\u5C0F"),n(),t(417,"td")(418,"code"),e(419,"large"),n(),e(420,"\uFF5C"),t(421,"code"),e(422,"default"),n(),e(423,"\uFF5C"),t(424,"code"),e(425,"small"),n()(),t(426,"td")(427,"code"),e(428,"default"),n()()(),t(429,"tr")(430,"td")(431,"code"),e(432,"[nzOnClick]"),n()(),t(433,"td"),e(434,"\u70B9\u51FB\u8272\u5F69\u5757\u7684\u56DE\u8C03"),n(),t(435,"td")(436,"code"),e(437,"EventEmitter<boolean>"),n()(),t(438,"td"),e(439,"-"),n()()()(),t(440,"h3",51)(441,"span"),e(442,"NzColor"),n(),t(443,"a",52),e(444,"#"),n()(),t(445,"table")(446,"thead")(447,"tr")(448,"th"),e(449,"\u53C2\u6570"),n(),t(450,"th"),e(451,"\u8BF4\u660E"),n(),t(452,"th"),e(453,"\u7C7B\u578B"),n(),t(454,"th"),e(455,"\u9ED8\u8BA4\u503C"),n()()(),t(456,"tbody")(457,"tr")(458,"td")(459,"code"),e(460,"toHex"),n()(),t(461,"td"),e(462,"\u8F6C\u6362\u6210 "),t(463,"code"),e(464,"hex"),n(),e(465," \u683C\u5F0F\u5B57\u7B26\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(466,"code"),e(467,"1677ff"),n()(),t(468,"td")(469,"code"),e(470,"() => string"),n()(),t(471,"td"),e(472,"-"),n()(),t(473,"tr")(474,"td")(475,"code"),e(476,"toHexString"),n()(),t(477,"td"),e(478,"\u8F6C\u6362\u6210 "),t(479,"code"),e(480,"hex"),n(),e(481," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(482,"code"),e(483,"#1677ff"),n()(),t(484,"td")(485,"code"),e(486,"() => string"),n()(),t(487,"td"),e(488,"-"),n()(),t(489,"tr")(490,"td")(491,"code"),e(492,"toHsb"),n()(),t(493,"td"),e(494,"\u8F6C\u6362\u6210 "),t(495,"code"),e(496,"hsb"),n(),e(497," \u5BF9\u8C61"),n(),t(498,"td")(499,"code"),e(500,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(501,"td"),e(502,"-"),n()(),t(503,"tr")(504,"td")(505,"code"),e(506,"toHsbString"),n()(),t(507,"td"),e(508,"\u8F6C\u6362\u6210 "),t(509,"code"),e(510,"hsb"),n(),e(511," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(512,"code"),e(513,"hsb(215, 91%, 100%)"),n()(),t(514,"td")(515,"code"),e(516,"() => string"),n()(),t(517,"td"),e(518,"-"),n()(),t(519,"tr")(520,"td")(521,"code"),e(522,"toRgb"),n()(),t(523,"td"),e(524,"\u8F6C\u6362\u6210 "),t(525,"code"),e(526,"rgb"),n(),e(527," \u5BF9\u8C61"),n(),t(528,"td")(529,"code"),e(530,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(531,"td"),e(532,"-"),n()(),t(533,"tr")(534,"td")(535,"code"),e(536,"toRgbString"),n()(),t(537,"td"),e(538,"\u8F6C\u6362\u6210 "),t(539,"code"),e(540,"rgb"),n(),e(541," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),t(542,"code"),e(543,"rgb(22, 119, 255)"),n()(),t(544,"td")(545,"code"),e(546,"() => string"),n()(),t(547,"td"),e(548,"-"),n()()()(),c(),n()()),o&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(76),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("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"),l(5),m("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"),l(11),m("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"),l(5),m("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"),l(11),m("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"),l(14),m("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"),l(6),m("nzXl",12)("nzSpan",24),l(),m("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"),l(5),m("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"),l(5),m("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"),l(5),m("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"),l(5),m("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:[Z,k,G,L,R,D,N,I,T,W,V,U,X,Q,j,q,J,K,Y,$],encapsulation:2})}}return i})();var ye=(()=>{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))}static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=u({type:i,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,a){if(o&1&&v(k,5),o&2){let x;B(x=y())&&(a.codeBoxes=x)}},decls:554,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"],["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"],[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(o,a){o&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),C("nzClick",function(f){return a.goLink(f)}),r(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"),r(18,"span",15)(19,"span",16),t(20,"a",17),r(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",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()()(),c(),n(),t(75,"h2")(76,"span"),e(77,"Examples"),n(),t(78,"span",27),C("click",function(){return a.expandAllCode()}),n()()(),t(79,"div",28)(80,"div",29)(81,"nz-code-box",30),r(82,"nz-demo-color-picker-basic",31),t(83,"div",32),p(),t(84,"p"),e(85,"The simplest usage."),n(),c(),n()(),t(86,"nz-code-box",33),r(87,"nz-demo-color-picker-show-text",31),t(88,"div",32),p(),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(),c(),n()(),t(97,"nz-code-box",34),r(98,"nz-demo-color-picker-disable-alpha",31),t(99,"div",32),p(),t(100,"p"),e(101,"Disabled color alpha."),n(),c(),n()(),t(102,"nz-code-box",35),r(103,"nz-demo-color-picker-trigger",31),t(104,"div",32),p(),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(),c(),n()(),t(113,"nz-code-box",36),r(114,"nz-demo-color-picker-format",31),t(115,"div",32),p(),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(),c(),n()(),t(127,"nz-code-box",37),r(128,"nz-demo-color-picker-use",31),t(129,"div",32),p(),t(130,"p")(131,"code"),e(132,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),t(133,"div",29)(134,"nz-code-box",38),r(135,"nz-demo-color-picker-size",31),t(136,"div",32),p(),t(137,"p"),e(138,"The trigger has three sizes: large, medium and small."),n(),c(),n()(),t(139,"nz-code-box",39),r(140,"nz-demo-color-picker-disable",31),t(141,"div",32),p(),t(142,"p"),e(143,"Set to disabled state."),n(),c(),n()(),t(144,"nz-code-box",40),r(145,"nz-demo-color-picker-clear",31),t(146,"div",32),p(),t(147,"p"),e(148,"Clear Color."),n(),c(),n()(),t(149,"nz-code-box",41),r(150,"nz-demo-color-picker-flip-flop",31),t(151,"div",32),p(),t(152,"p"),e(153,"Triggers for customizing color panels."),n(),c(),n()(),t(154,"nz-code-box",42),r(155,"nz-demo-color-picker-block",31),t(156,"div",32),p(),t(157,"p"),e(158,"Color Block."),n(),c(),n()()()(),t(159,"section",43),p(),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,"a",48),e(171,"#"),n()(),t(172,"table")(173,"thead")(174,"tr")(175,"th"),e(176,"Parameter"),n(),t(177,"th"),e(178,"Description"),n(),t(179,"th"),e(180,"Type"),n(),t(181,"th"),e(182,"Default"),n()()(),t(183,"tbody")(184,"tr")(185,"td")(186,"code"),e(187,"[nzFormat]"),n()(),t(188,"td"),e(189,"Format of color"),n(),t(190,"td")(191,"code"),e(192,"rgb"),n(),e(193,"\uFF5C"),t(194,"code"),e(195,"hex"),n(),e(196,"\uFF5C"),t(197,"code"),e(198,"hsb"),n()(),t(199,"td")(200,"code"),e(201,"hex"),n()()(),t(202,"tr")(203,"td")(204,"code"),e(205,"[nzValue]"),n()(),t(206,"td"),e(207,"Value of color"),n(),t(208,"td")(209,"code"),e(210,"string"),n(),e(211,"\uFF5C"),t(212,"code"),e(213,"NzColor"),n()(),t(214,"td"),e(215,"-"),n()(),t(216,"tr")(217,"td")(218,"code"),e(219,"[nzSize]"),n()(),t(220,"td"),e(221,"Setting the trigger size"),n(),t(222,"td")(223,"code"),e(224,"large"),n(),e(225,"\uFF5C"),t(226,"code"),e(227,"default"),n(),e(228,"\uFF5C"),t(229,"code"),e(230,"small"),n()(),t(231,"td")(232,"code"),e(233,"default"),n()()(),t(234,"tr")(235,"td")(236,"code"),e(237,"[nzDefaultValue]"),n()(),t(238,"td"),e(239,"Default value of color"),n(),t(240,"td")(241,"code"),e(242,"string"),n(),e(243,"\uFF5C"),t(244,"code"),e(245,"NzColor"),n()(),t(246,"td")(247,"code"),e(248,"false"),n()()(),t(249,"tr")(250,"td")(251,"code"),e(252,"[nzAllowClear]"),n()(),t(253,"td"),e(254,"Allow clearing color selected"),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,"ColorPicker trigger mode"),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,"Show color text"),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,"Whether to show popups"),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,"Disable ColorPicker"),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,"Disable Alpha"),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,"Setting the title of the color picker"),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,"Callback when value is changed"),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,"Called when clear"),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,"Callback when "),t(366,"code"),e(367,"format"),n(),e(368," is changed"),n(),t(369,"td")(370,"code"),e(371,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),t(372,"td"),e(373,"-"),n()(),t(374,"tr")(375,"td")(376,"code"),e(377,"(nzOnOpenChange)"),n()(),t(378,"td"),e(379,"Callback for opening the color panel"),n(),t(380,"td")(381,"code"),e(382,"EventEmitter<boolean>"),n()(),t(383,"td"),e(384,"-"),n()()()(),t(385,"h3",49)(386,"span"),e(387,"nz-color-block"),n(),t(388,"label",47),e(389,"component"),n(),t(390,"a",50),e(391,"#"),n()(),t(392,"table")(393,"thead")(394,"tr")(395,"th"),e(396,"Parameter"),n(),t(397,"th"),e(398,"Description"),n(),t(399,"th"),e(400,"Type"),n(),t(401,"th"),e(402,"Default"),n()()(),t(403,"tbody")(404,"tr")(405,"td")(406,"code"),e(407,"[nzColor]"),n()(),t(408,"td"),e(409,"Module colors"),n(),t(410,"td")(411,"code"),e(412,"string"),n()(),t(413,"td")(414,"code"),e(415,"#1677ff"),n()()(),t(416,"tr")(417,"td")(418,"code"),e(419,"[nzSize]"),n()(),t(420,"td"),e(421,"Color block size"),n(),t(422,"td")(423,"code"),e(424,"large"),n(),e(425,"\uFF5C"),t(426,"code"),e(427,"default"),n(),e(428,"\uFF5C"),t(429,"code"),e(430,"small"),n()(),t(431,"td")(432,"code"),e(433,"default"),n()()(),t(434,"tr")(435,"td")(436,"code"),e(437,"[nzOnClick]"),n()(),t(438,"td"),e(439,"Callbacks for clicking on color blocks"),n(),t(440,"td")(441,"code"),e(442,"EventEmitter<boolean>"),n()(),t(443,"td"),e(444,"-"),n()()()(),t(445,"h3",51)(446,"span"),e(447,"NzColor"),n(),t(448,"a",52),e(449,"#"),n()(),t(450,"table")(451,"thead")(452,"tr")(453,"th"),e(454,"Parameter"),n(),t(455,"th"),e(456,"Description"),n(),t(457,"th"),e(458,"Type"),n(),t(459,"th"),e(460,"Default"),n()()(),t(461,"tbody")(462,"tr")(463,"td")(464,"code"),e(465,"toHex"),n()(),t(466,"td"),e(467,"Convert to "),t(468,"code"),e(469,"hex"),n(),e(470," format characters, the return type like: "),t(471,"code"),e(472,"1677ff"),n()(),t(473,"td")(474,"code"),e(475,"() => string"),n()(),t(476,"td"),e(477,"-"),n()(),t(478,"tr")(479,"td")(480,"code"),e(481,"toHexString"),n()(),t(482,"td"),e(483,"Convert to "),t(484,"code"),e(485,"hex"),n(),e(486," format color string, the return type like: "),t(487,"code"),e(488,"#1677ff"),n()(),t(489,"td")(490,"code"),e(491,"() => string"),n()(),t(492,"td"),e(493,"-"),n()(),t(494,"tr")(495,"td")(496,"code"),e(497,"toHsb"),n()(),t(498,"td"),e(499,"Convert to "),t(500,"code"),e(501,"hsb"),n(),e(502," object"),n(),t(503,"td")(504,"code"),e(505,"() => ({ h: number, s: number, b: number, a number })"),n()(),t(506,"td"),e(507,"-"),n()(),t(508,"tr")(509,"td")(510,"code"),e(511,"toHsbString"),n()(),t(512,"td"),e(513,"Convert to "),t(514,"code"),e(515,"hsb"),n(),e(516," format color string, the return type like: "),t(517,"code"),e(518,"hsb(215, 91%, 100%)"),n()(),t(519,"td")(520,"code"),e(521,"() => string"),n()(),t(522,"td"),e(523,"-"),n()(),t(524,"tr")(525,"td")(526,"code"),e(527,"toRgb"),n()(),t(528,"td"),e(529,"Convert to "),t(530,"code"),e(531,"rgb"),n(),e(532," object"),n(),t(533,"td")(534,"code"),e(535,"() => ({ r: number, g: number, b: number, a number })"),n()(),t(536,"td"),e(537,"-"),n()(),t(538,"tr")(539,"td")(540,"code"),e(541,"toRgbString"),n()(),t(542,"td"),e(543,"Convert to "),t(544,"code"),e(545,"rgb"),n(),e(546," format color string, the return type like: "),t(547,"code"),e(548,"rgb(22, 119, 255)"),n()(),t(549,"td")(550,"code"),e(551,"() => string"),n()(),t(552,"td"),e(553,"-"),n()()()(),c(),n()()),o&2&&(l(),m("nzOffsetTop",16),l(),m("nzAffix",!1),l(77),m("nzGutter",16),l(),m("nzXl",12)("nzSpan",24),l(),m("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"),l(5),m("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"),l(11),m("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"),l(5),m("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"),l(11),m("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"),l(14),m("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"),l(6),m("nzXl",12)("nzSpan",24),l(),m("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"),l(5),m("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"),l(5),m("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"),l(5),m("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"),l(5),m("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:[Z,k,G,L,R,D,N,I,T,W,V,U,X,Q,j,q,J,K,Y,$],encapsulation:2})}}return i})();var Re=[{path:"en",component:ye},{path:"zh",component:Be}],jt=Re;export{jt as default};