1import{a as Fe,b as De,c as Ie,d as ve,e as Pe}from"./chunk-EXIVASKO.js";import{a as Ne,b as u,c as z}from"./chunk-A2M2RAZY.js";import"./chunk-55EKSQZE.js";import"./chunk-X4TKTQ34.js";import"./chunk-UNXWHXRX.js";import"./chunk-MZNNGMXF.js";import{a as g,g as Y,h as $,m as ee,n as te}from"./chunk-ONJGHKD5.js";import"./chunk-HECQD5M5.js";import"./chunk-WRS55NNU.js";import{Bc as ue,Dc as fe,Fc as F,Gc as Ce,Hd as he,Jc as V,Kc as xe,Md as be,Nc as Se,Nd as X,Oc as ke,Od as j,Qd as q,Rd as J,Sd as D,Td as I,Uc as Ee,Wc as Q,Wd as K,Xc as ge,qb as W,vc as U}from"./chunk-FE3MHUBC.js";import{Bc as Z,Cb as ae,Ec as h,Fc as b,Gc as N,Xb as l,Yb as e,Zb as n,Zc as ze,_b as i,cc as de,ic as E,kb as r,kc as ce,la as re,oc as R,pc as G,qa as c,qc as L,ra as p,sa as le,ta as me,uc as pe,vc as se,wb as s,zc as t}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";var v=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-basic"]],decls:1,vars:0,template:function(o,a){o&1&&i(0,"nz-color-picker")},dependencies:[z,u],encapsulation:2})};var P=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-block"]],decls:3,vars:0,consts:[["nzSize","small"],["nzSize","large"]],template:function(o,a){o&1&&i(0,"nz-color-block",0)(1,"nz-color-block")(2,"nz-color-block",1)},dependencies:[z,Ne],styles:["nz-color-block[_ngcontent-%COMP%]{margin-right:12px}"]})};var B=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-clear"]],decls:1,vars:0,consts:[["nzAllowClear","","nzTitle","Allow Clear"]],template:function(o,a){o&1&&i(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var y=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-disable-alpha"]],decls:1,vars:0,consts:[["nzDisabledAlpha",""]],template:function(o,a){o&1&&i(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var T=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-disable"]],decls:1,vars:0,consts:[["nzDisabled","","nzShowText",""]],template:function(o,a){o&1&&i(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};function Ae(m,d){if(m&1&&(e(0,"button",2),t(1,"Color"),n()),m&2){let o=ce();se("background-color",o.color)}}var H=class m{color="#1677ff";static \u0275fac=function(o){return new(o||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(o,a){if(o&1){let f=de();e(0,"nz-color-picker",1),N("ngModelChange",function(ie){return le(f),b(a.color,ie)||(a.color=ie),me(ie)}),n(),ae(1,Ae,2,2,"ng-template",null,0,ze)}if(o&2){let f=pe(2);l("nzFlipFlop",f),h("ngModel",a.color)}},dependencies:[Q,F,V,J,q,X,j,z,u],styles:["button[_ngcontent-%COMP%]{border:none}"]})};var w=class m{hex="#1677ff";hsb="hsb(215, 91%, 100%)";rgb="rgb(22, 119, 255)";static \u0275fac=function(o){return new(o||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(o,a){o&1&&(e(0,"div",0)(1,"nz-color-picker",1),N("ngModelChange",function(C){return b(a.hex,C)||(a.hex=C),C}),n(),t(2),n(),e(3,"div",0)(4,"nz-color-picker",2),N("ngModelChange",function(C){return b(a.hsb,C)||(a.hsb=C),C}),n(),t(5),n(),e(6,"div",0)(7,"nz-color-picker",3),N("ngModelChange",function(C){return b(a.rgb,C)||(a.rgb=C),C}),n(),t(8),n()),o&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:[Q,F,V,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(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-show-text"]],decls:1,vars:0,consts:[["nzShowText",""]],template:function(o,a){o&1&&i(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var _=class m{static \u0275fac=function(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-size"]],decls:7,vars:0,consts:[["nzSize","large"],["nzSize","small"]],template:function(o,a){o&1&&i(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(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker-trigger"]],decls:1,vars:0,consts:[["nzTrigger","hover"]],template:function(o,a){o&1&&i(0,"nz-color-picker",0)},dependencies:[z,u],encapsulation:2})};var O=class m{formBuilder=re(Ee);validateForm=this.formBuilder.group({username:["color-picker",[fe.required]],colorPicker:["#1677ff"]});
1submitForm(){console.log(this.validateForm.value)}static \u0275fac=function(o){return new(o||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(o,a){o&1&&(e(0,"form",0),E("ngSubmit",function(){return a.submitForm()}),e(1,"nz-form-item")(2,"nz-form-label",1),t(3,"name"),n(),e(4,"nz-form-control",1),i(5,"input",2),n()(),e(6,"nz-form-item")(7,"nz-form-label",1),t(8,"color"),n(),e(9,"nz-form-control",1),i(10,"nz-color-picker",3),n()(),e(11,"nz-form-item")(12,"nz-form-control")(13,"button",4),t(14,"submit"),n()()()()),o&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:[ge,xe,ue,F,Ce,Se,ke,J,q,X,j,z,u,Pe,I,D,De,Fe,ve,Ie,be,he],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(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,a){if(o&1&&R(g,5),o&2){let f;G(f=L())&&(a.codeBoxes=f)}},decls:507,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"],["name","color-picker","description","\u7528\u4E8E\u989C\u8272\u9009\u62E9\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["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(o,a){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),E("nzClick",function(C){return a.goLink(C)}),i(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()(),e(15,"section",14)(16,"h1"),t(17,"ColorPicker"),e(18,"span",15),t(19,"\u989C\u8272\u9
1009\u62E9\u5668"),n(),i(20,"span",16),e(21,"a",17),i(22,"nz-icon",18),n()(),i(23,"component-meta",19),e(24,"section",14),p(),e(25,"h2",20)(26,"span"),t(27,"\u4F55\u65F6\u4F7F\u7528"),n(),e(28,"a",21),t(29,"#"),n()(),e(30,"p"),t(31,"\u5F53\u7528\u6237\u9700\u8981\u81EA\u5B9A\u4E49\u989C\u8272\u9009\u62E9\u7684\u65F6\u5019\u4F7F\u7528\u3002"),n(),c(),n(),e(32,"h2")(33,"span"),t(34,"\u4EE3\u7801\u6F14\u793A"),n(),e(35,"nz-icon",22),E("click",function(){return a.expandAllCode()}),n()()(),e(36,"div",23)(37,"div",24)(38,"nz-code-box",25),i(39,"nz-demo-color-picker-basic",26),e(40,"div",27),p(),e(41,"p"),t(42,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()(),e(43,"nz-code-box",28),i(44,"nz-demo-color-picker-show-text",26),e(45,"div",27),p(),e(46,"p"),t(47,"\u6E32\u67D3\u89E6\u53D1\u5668\u7684\u9ED8\u8BA4\u6587\u672C, "),e(48,"code"),t(49,"nzShowText"),n(),t(50," \u4E3A "),e(51,"code"),t(52,"true"),n(),t(53," \u65F6\u751F\u6548\u3002"),n(),c(),n()(),e(54,"nz-code-box",29),i(55,"nz-demo-color-picker-disable-alpha",26),e(56,"div",27),p(),e(57,"p"),t(58,"\u7981\u7528\u989C\u8272\u900F\u660E\u5EA6\u3002"),n(),c(),n()(),e(59,"nz-code-box",30),i(60,"nz-demo-color-picker-trigger",26),e(61,"div",27),p(),e(62,"p"),t(63,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u4E8B\u4EF6\uFF0C\u63D0\u4F9B "),e(64,"code"),t(65,"click"),n(),t(66," \u548C "),e(67,"code"),t(68,"hover"),n(),t(69," \u4E24\u4E2A\u9009\u9879\u3002"),n(),c(),n()(),e(70,"nz-code-box",31),i(71,"nz-demo-color-picker-format",26),e(72,"div",27),p(),e(73,"p"),t(74,"\u7F16\u7801\u683C\u5F0F\uFF0C\u652F\u6301 "),e(75,"code"),t(76,"HEX"),n(),t(77,"\u3001"),e(78,"code"),t(79,"HSB"),n(),t(80,"\u3001"),e(81,"code"),t(82,"RGB"),n(),t(83,"\u3002"),n(),c(),n()(),e(84,"nz-code-box",32),i(85,"nz-demo-color-picker-use",26),e(86,"div",27),p(),e(87,"p")(88,"code"),t(89,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),e(90,"div",24)(91,"nz-code-box",33),i(92,"nz-demo-color-picker-size",26),e(93,"div",27),p(),e(94,"p"),t(95,"\u89E6\u53D1\u5668\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8"),n(),c(),n()(),e(96,"nz-code-box",34),i(97,"nz-demo-color-picker-disable",26),e(98,"div",27),p(),e(99,"p"),t(100,"\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001\u3002"),n(),c(),n()(),e(101,"nz-code-box",35),i(102,"nz-demo-color-picker-clear",26),e(103,"div",27),p(),e(104,"p"),t(105,"\u6E05\u9664\u5DF2\u9009\u62E9\u7684\u989C\u8272\u3002"),n(),c(),n()(),e(106,"nz-code-box",36),i(107,"nz-demo-color-picker-flip-flop",26),e(108,"div",27),p(),e(109,"p"),t(110,"\u81EA\u5B9A\u4E49\u989C\u8272\u9762\u677F\u7684\u89E6\u53D1\u5668\u3002"),n(),c(),n()(),e(111,"nz-code-box",37),i(112,"nz-demo-color-picker-block",26),e(113,"div",27),p(),e(114,"p"),t(115,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),c(),n()()()(),e(116,"section",38),p(),e(117,"h2",39)(118,"span"),t(119,"API"),n(),e(120,"a",40),t(121,"#"),n()(),e(122,"h3",41)(123,"span"),t(124,"nz-color-picker"),n(),e(125,"label",42),t(126,"component"),n(),e(127,"a",43),t(128,"#"),n()(),e(129,"table")(130,"thead")(131,"tr")(132,"th"),t(133,"\u53C2\u6570"),n(),e(134,"th"),t(135,"\u8BF4\u660E"),n(),e(136,"th"),t(137,"\u7C7B\u578B"),n(),e(138,"th"),t(139,"\u9ED8\u8BA4\u503C"),n()()(),e(140,"tbody")(141,"tr")(142,"td")(143,"code"),t(144,"[nzFormat]"),n()(),e(145,"td"),t(146,"\u989C\u8272\u683C\u5F0F"),n(),e(147,"td")(148,"code"),t(149,"rgb"),n(),t(150,"\uFF5C"),e(151,"code"),t(152,"hex"),n(),t(153,"\uFF5C"),e(154,"code"),t(155,"hsb"),n()(),e(156,"td")(157,"code"),t(158,"hex"),n()()(),e(159,"tr")(160,"td")(161,"code"),t(162,"[nzValue]"),n()(),e(163,"td"),t(164,"\u989C\u8272\u7684\u503C"),n(),e(165,"td")(166,"code"),t(167,"string"),n(),t(168,"\uFF5C"),e(169,"code"),t(170,"NzColor"),n()(),e(171,"td"),t(172,"-"),n()(),e(173,"tr")(174,"td")(175,"code"),t(176,"[nzSize]"),n()(),e(177,"td"),t(178,"\u8BBE\u7F6E\u89E6\u53D1\u5668\u5927\u5C0F"),n(),e(179,"td")(180,"code"),t(181,"large"),n(),t(182,"\uFF5C"),e(183,"code"),t(184,"default"),n(),t(185,"\uFF5C"),e(186,"code"),t(187,"small"),n()(),e(188,"td")(189,"code"),t(190,"default"),n()()(),e(191,"tr")(192,"td")(193,"code"),t(194,"[nzDefaultValue]"),n()(),e(195,"td"),t(196,"\u989C\u8272\u9ED8\u8BA4\u7684\u503C"),n(),e(197,"td")(198,"code"),t(199,"string"),n(),t(200,"\uFF5C"),e(201,"code"),t(202,"NzColor"),n()(),e(203,"td"),t(204,"-"),n()(),e(205,"tr")(206,"td")(207,"code"),t(208,"[nzAllowClear]"),n()(),e(209,"td"),t(210,"\u5141\u8BB8\u6E05\u9664\u9009\u62E9\u7684\u989C\u8272"),n(),e(211,"td")(212,"code"),t(213,"boolean"),n()(),e(214,"td")(215,"code"),t(216,"false"),n()()(),e(217,"tr")(218,"td")(219,"code"),t(220,"[nzTrigger]"),n()(),e(221,"td"),t(222,"\u989C\u8272\u9
1009\u62E9\u5668\u7684\u89E6\u53D1\u6A21\u5F0F"),n(),e(223,"td")(224,"code"),t(225,"hover"),n(),t(226,"\uFF5C"),e(227,"code"),t(228,"click"),n()(),e(229,"td")(230,"code"),t(231,"click"),n()()(),e(232,"tr")(233,"td")(234,"code"),t(235,"[nzShowText]"),n()(),e(236,"td"),t(237,"\u663E\u793A\u989C\u8272\u6587\u672C"),n(),e(238,"td")(239,"code"),t(240,"boolean"),n()(),e(241,"td")(242,"code"),t(243,"false"),n()()(),e(244,"tr")(245,"td")(246,"code"),t(247,"[nzOpen]"),n()(),e(248,"td"),t(249,"\u662F\u5426\u663E\u793A\u5F39\u51FA\u7A97\u53E3"),n(),e(250,"td")(251,"code"),t(252,"boolean"),n()(),e(253,"td")(254,"code"),t(255,"false"),n()()(),e(256,"tr")(257,"td")(258,"code"),t(259,"[nzDisabled]"),n()(),e(260,"td"),t(261,"\u7981\u7528\u989C\u8272\u9009\u62E9\u5668"),n(),e(262,"td")(263,"code"),t(264,"boolean"),n()(),e(265,"td")(266,"code"),t(267,"false"),n()()(),e(268,"tr")(269,"td")(270,"code"),t(271,"[nzDisabledAlpha]"),n()(),e(272,"td"),t(273,"\u7981\u7528\u900F\u660E\u5EA6"),n(),e(274,"td")(275,"code"),t(276,"boolean"),n()(),e(277,"td")(278,"code"),t(279,"false"),n()()(),e(280,"tr")(281,"td")(282,"code"),t(283,"[nzTitle]"),n()(),e(284,"td"),t(285,"\u8BBE\u7F6E\u989C\u8272\u9009\u62E9\u5668\u7684\u6807\u9898"),n(),e(286,"td")(287,"code"),t(288,"TemplateRef<void>"),n(),t(289,"\uFF5C"),e(290,"code"),t(291,"string"),n()(),e(292,"td"),t(293,"-"),n()(),e(294,"tr")(295,"td")(296,"code"),t(297,"(nzOnChange)"),n()(),e(298,"td"),t(299,"\u989C\u8272\u53D8\u5316\u7684\u56DE\u8C03"),n(),e(300,"td")(301,"code"),t(302,"EventEmitter<{ color: NzColor; format: string }>"),n()(),e(303,"td"),t(304,"-"),n()(),e(305,"tr")(306,"td")(307,"code"),t(308,"(nzOnClear)"),n()(),e(309,"td"),t(310,"\u6E05\u9664\u7684\u56DE\u8C03"),n(),e(311,"td")(312,"code"),t(313,"EventEmitter<boolean>"),n()(),e(314,"td"),t(315,"-"),n()(),e(316,"tr")(317,"td")(318,"code"),t(319,"(nzOnFormatChange)"),n()(),e(320,"td"),t(321,"\u989C\u8272\u683C\u5F0F\u53D8\u5316\u7684\u56DE\u8C03"),n(),e(322,"td")(323,"code"),t(324,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),e(325,"td"),t(326,"-"),n()(),e(327,"tr")(328,"td")(329,"code"),t(330,"(nzOnOpenChange)"),n()(),e(331,"td"),t(332,"\u6253\u5F00\u989C\u8272\u9762\u677F\u7684\u56DE\u8C03"),n(),e(333,"td")(334,"code"),t(335,"EventEmitter<boolean>"),n()(),e(336,"td"),t(337,"-"),n()()()(),e(338,"h3",44)(339,"span"),t(340,"nz-color-block"),n(),e(341,"label",42),t(342,"component"),n(),e(343,"a",45),t(344,"#"),n()(),e(345,"table")(346,"thead")(347,"tr")(348,"th"),t(349,"\u53C2\u6570"),n(),e(350,"th"),t(351,"\u8BF4\u660E"),n(),e(352,"th"),t(353,"\u7C7B\u578B"),n(),e(354,"th"),t(355,"\u9ED8\u8BA4\u503C"),n()()(),e(356,"tbody")(357,"tr")(358,"td")(359,"code"),t(360,"[nzColor]"),n()(),e(361,"td"),t(362,"\u6A21\u5757\u7684\u989C\u8272"),n(),e(363,"td")(364,"code"),t(365,"string"),n()(),e(366,"td")(367,"code"),t(368,"#1677ff"),n()()(),e(369,"tr")(370,"td")(371,"code"),t(372,"[nzSize]"),n()(),e(373,"td"),t(374,"\u8272\u5F69\u5757\u7684\u5927\u5C0F"),n(),e(375,"td")(376,"code"),t(377,"large"),n(),t(378,"\uFF5C"),e(379,"code"),t(380,"default"),n(),t(381,"\uFF5C"),e(382,"code"),t(383,"small"),n()(),e(384,"td")(385,"code"),t(386,"default"),n()()(),e(387,"tr")(388,"td")(389,"code"),t(390,"[nzOnClick]"),n()(),e(391,"td"),t(392,"\u70B9\u51FB\u8272\u5F69\u5757\u7684\u56DE\u8C03"),n(),e(393,"td")(394,"code"),t(395,"EventEmitter<boolean>"),n()(),e(396,"td"),t(397,"-"),n()()()(),e(398,"h3",46)(399,"span"),t(400,"NzColor"),n(),e(401,"a",47),t(402,"#"),n()(),e(403,"table")(404,"thead")(405,"tr")(406,"th"),t(407,"\u53C2\u6570"),n(),e(408,"th"),t(409,"\u8BF4\u660E"),n(),e(410,"th"),t(411,"\u7C7B\u578B"),n(),e(412,"th"),t(413,"\u9ED8\u8BA4\u503C"),n()()(),e(414,"tbody")(415,"tr")(416,"td")(417,"code"),t(418,"toHex"),n()(),e(419,"td"),t(420,"\u8F6C\u6362\u6210 "),e(421,"code"),t(422,"hex"),n(),t(423," \u683C\u5F0F\u5B57\u7B26\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),e(424,"code"),t(425,"1677ff"),n()(),e(426,"td")(427,"code"),t(428,"() => string"),n()(),e(429,"td"),t(430,"-"),n()(),e(431,"tr")(432,"td")(433,"code"),t(434,"toHexString"),n()(),e(435,"td"),t(436,"\u8F6C\u6362\u6210 "),e(437,"code"),t(438,"hex"),n(),t(439," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),e(440,"code"),t(441,"#1677ff"),n()(),e(442,"td")(443,"code"),t(444,"() => string"),n()(),e(445,"td"),t(446,"-"),n()(),e(447,"tr")(448,"td")(449,"code"),t(450,"toHsb"),n()(),e(451,"td"),t(452,"\u8F6C\u6362\u6210 "),e(453,"code"),t(454,"hsb"),n(),t(455," \u5BF9\u8C61"),n(),e(456,"td")(457,"code"),t(458,"() => ({ h: number, s: number, b: number, a number })"),n()(),e(459,"td"),t(460,"-"),n()(),e(461,"tr")(462,"td")(463,"code"),t(464,"toHsbString"),n()(),e(465,"td"),t(466,"\u8F6C\u6362\u6210 "),e(467,"code"),t(468,"hsb"),n(),t(469," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),e(470,"code"),t(471,"hsb(215, 91%, 100%)"),n()(),e(472,"td")(473,"code"),t(474,"() => string"),n()(),e(475,"td"),t(476,"-"),n()(),e(477,"tr")(478,"td")(479,"code"),t(480,"toRgb"),n()(),e(481,"td"),t(482,"\u8F6C\u6362\u6210 "),e(483,"code"),t(484,"rgb"),n(),t(485," \u5BF9\u8C61"),n(),e(486,"td")(487,"code"),t(488,"() => ({ r: number, g: number, b: number, a number })"),n()(),e(489,"td"),t(490,"-"),n()(),e(491,"tr")(492,"td")(493,"code"),t(494,"toRgbString"),n()(),e(495,"td"),t(496,"\u8F6C\u6362\u6210 "),e(497,"code"),t(498,"rgb"),n(),t(499," \u683C\u5F0F\u989C\u8272\u5B57\u7B26\u4E32\uFF0C\u8FD4\u56DE\u683C\u5F0F\u5982\uFF1A"),e(500,"code"),t(501,"rgb(22, 119, 255)"),n()(),e(502,"td")(503,"code"),t(504,"() =>
1 string"),n()(),e(505,"td"),t(506,"-"),n()()()(),c(),n()()),o&2&&(r(),l("nzOffsetTop",16),r(),l("nzAffix",!1),r(34),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:[te,g,ee,Y,$,K,I,D,U,W,v,P,B,y,T,H,w,A,_,M,O],encapsulation:2})};var oe=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(o){return new(o||m)};static \u0275cmp=s({type:m,selectors:[["nz-demo-color-picker"]],viewQuery:function(o,a){if(o&1&&R(g,5),o&2){let f;G(f=L())&&(a.codeBoxes=f)}},decls:510,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"],["name","color-picker","description","Used for c
1olor selection.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["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 Color","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(o,a){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),E("nzClick",function(C){return a.goLink(C)}),i(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()(),e(15,"section",14)(16,"h1"),t(17,"ColorPicker"),i(18,"span",15)(19,"span",16),e(20,"a",17),i(21,"nz-icon",18),n()(),i(22,"component-meta",19),e(23,"section",14),p(),e(24,"h2",20)(25,"span"),t(26,"When To Use"),n(),e(27,"a",21),t(28,"#"),n()(),e(29,"p"),t(30,"Used when the user needs to customize the color selection."),n(),c(),n(),e(31,"h2")(32,"span"),t(33,"Ex
1amples"),n(),e(34,"nz-icon",22),E("click",function(){return a.expandAllCode()}),n()()(),e(35,"div",23)(36,"div",24)(37,"nz-code-box",25),i(38,"nz-demo-color-picker-basic",26),e(39,"div",27),p(),e(40,"p"),t(41,"The simplest usage."),n(),c(),n()(),e(42,"nz-code-box",28),i(43,"nz-demo-color-picker-show-text",26),e(44,"div",27),p(),e(45,"p"),t(46,"The default text of the rendering trigger, effective when "),e(47,"code"),t(48,"nzShowText"),n(),t(49," is "),e(50,"code"),t(51,"true"),n(),t(52,"."),n(),c(),n()(),e(53,"nz-code-box",29),i(54,"nz-demo-color-picker-disable-alpha",26),e(55,"div",27),p(),e(56,"p"),t(57,"Disabled color alpha."),n(),c(),n()(),e(58,"nz-code-box",30),i(59,"nz-demo-color-picker-trigger",26),e(60,"div",27),p(),e(61,"p"),t(62,"Triggers event for customizing color panels, provide options "),e(63,"code"),t(64,"click"),n(),t(65," and "),e(66,"code"),t(67,"hover"),n(),t(68,"."),n(),c(),n()(),e(69,"nz-code-box",31),i(70,"nz-demo-color-picker-format",26),e(71,"div",27),p(),e(72,"p"),t(73,"Encoding formats, support "),e(74,"code"),t(75,"HEX"),n(),t(76,", "),e(77,"code"),t(78,"HSB"),n(),t(79,", "),e(80,"code"),t(81,"RGB"),n(),t(82,"."),n(),c(),n()(),e(83,"nz-code-box",32),i(84,"nz-demo-color-picker-use",26),e(85,"div",27),p(),e(86,"p")(87,"code"),t(88,'<nz-color-picker formControlName="color"></nz-color-picker>'),n()(),c(),n()()(),e(89,"div",24)(90,"nz-code-box",33),i(91,"nz-demo-color-picker-size",26),e(92,"div",27),p(),e(93,"p"),t(94,"The trigger has three sizes: large, medium and small."),n(),c(),n()(),e(95,"nz-code-box",34),i(96,"nz-demo-color-picker-disable",26),e(97,"div",27),p(),e(98,"p"),t(99,"Set to disabled state."),n(),c(),n()(),e(100,"nz-code-box",35),i(101,"nz-demo-color-picker-clear",26),e(102,"div",27),p(),e(103,"p"),t(104,"Clear Color."),n(),c(),n()(),e(105,"nz-code-box",36),i(106,"nz-demo-color-picker-flip-flop",26),e(107,"div",27),p(),e(108,"p"),t(109,"Triggers for customizing color panels."),n(),c(),n()(),e(110,"nz-code-box",37),i(111,"nz-demo-color-picker-block",26),e(112,"div",27),p(),e(113,"p"),t(114,"Color Block."),n(),c(),n()()()(),e(115,"section",38),p(),e(116,"h2",39)(117,"span"),t(118,"API"),n(),e(119,"a",40),t(120,"#"),n()(),e(121,"h3",41)(122,"span"),t(123,"nz-color-picker"),n(),e(124,"label",42),t(125,"component"),n(),e(126,"a",43),t(127,"#"),n()(),e(128,"table")(129,"thead")(130,"tr")(131,"th"),t(132,"Parameter"),n(),e(133,"th"),t(134,"Description"),n(),e(135,"th"),t(136,"Type"),n(),e(137,"th"),t(138,"Default"),n()()(),e(139,"tbody")(140,"tr")(141,"td")(142,"code"),t(143,"[nzFormat]"),n()(),e(144,"td"),t(145,"Format of color"),n(),e(146,"td")(147,"code"),t(148,"rgb"),n(),t(149,"\uFF5C"),e(150,"code"),t(151,"hex"),n(),t(152,"\uFF5C"),e(153,"code"),t(154,"hsb"),n()(),e(155,"td")(156,"code"),t(157,"hex"),n()()(),e(158,"tr")(159,"td")(160,"code"),t(161,"[nzValue]"),n()(),e(162,"td"),t(163,"Value of color"),n(),e(164,"td")(165,"code"),t(166,"string"),n(),t(167,"\uFF5C"),e(168,"code"),t(169,"NzColor"),n()(),e(170,"td"),t(171,"-"),n()(),e(172,"tr")(173,"td")(174,"code"),t(175,"[nzSize]"),n()(),e(176,"td"),t(177,"Setting the trigger size"),n(),e(178,"td")(179,"code"),t(180,"large"),n(),t(181,"\uFF5C"),e(182,"code"),t(183,"default"),n(),t(184,"\uFF5C"),e(185,"code"),t(186,"small"),n()(),e(187,"td")(188,"code"),t(189,"default"),n()()(),e(190,"tr")(191,"td")(192,"code"),t(193,"[nzDefaultValue]"),n()(),e(194,"td"),t(195,"Default value of color"),n(),e(196,"td")(197,"code"),t(198,"string"),n(),t(199,"\uFF5C"),e(200,"code"),t(201,"NzColor"),n()(),e(202,"td")(203,"code"),t(204,"false"),n()()(),e(205,"tr")(206,"td")(207,"code"),t(208,"[nzAllowClear]"),n()(),e(209,"td"),t(210,"Allow clearing color selected"),n(),e(211,"td")(212,"code"),t(213,"boolean"),n()(),e(214,"td")(215,"code"),t(216,"false"),n()()(),e(217,"tr")(218,"td")(219,"code"),t(220,"[nzTrigger]"),n()(),e(221,"td"),t(222,"ColorPicker trigger mode"),n(),e(223,"td")(224,"code"),t(225,"hover"),n(),t(226,"\uFF5C"),e(227,"code"),t(228,"click"),n()(),e(229,"td")(230,"code"),t(231,"click"),n()()(),e(232,"tr")(233,"td")(234,"code"),t(235,"[nzShowText]"),n()(),e(236,"td"),t(237,"Show color text"),n(),e(238,"td")(239,"code"),t(240,"boolean"),n()(),e(241,"td")(242,"code"),t(243,"false"),n()()(),e(244,"tr")(245,"td")(246,"code"),t(247,"[nzOpen]"),n()(),e(248,"td"),t(249,"Whether to show popups"),n(),e(250,"td")(251,"code"),t(252,"boolean"),n()(),e(253,"td")(254,"code"),t(255,"false"),n()()(),e(256,"tr")(257,"td")(258,"code"),t(259,"[nzDisabled]"),n()(),e(260,"td"),t(261,"Disable ColorPicker"),n(),e(262,"td")(263,"code"),t(264,"boolean"),n()(),e(265,"td")(266,"code"),t(267,"false"),n()()(),e(268,"tr")(269,"td")(270,"code"),t(271,"[nzDisabledAlpha]"),n()(),e(272,"td"),t(273,"Disable Alpha"),n(),e(274,"td")(275,"code"),t(276,"boolean"),n()(),e(277,"td")(278,"code"),t(279,"false"),n()()(),e(280,"tr")(281,"td")(282,"code"),t(283,"[nzTitle]"),n()(),e(284,"td"),t(285,"Setting the title of the color picker"),n(),e(286,"td")(287,"code"),t(288,"TemplateRef<void>"),n(),t(289,"\uFF5C"),e(290,"code"),t(291,"string"),n()(),e(292,"td"),t(293,"-"),n()(),e(294,"tr")(295,"td")(296,"code"),t(297,"(nzOnChange)"),n()(),e(298,"td"),t(299,"Callback when value is changed"),n(),e(300,"td")(301,"code"),t(302,"EventEmitter<{ color: NzColor; format: string }>"),n()(),e(303,"td"),t(304,"-"),n()(),e(305,"tr")(306,"td")(307,"code"),t(308,"(nzOnClear)"),n()(),e(309,"td"),t(310,"Called when clear"),n(),e(311,"td")(312,"code"),t(313,"EventEmitter<boolean>"),n()(),e(314,"td"),t(315,"-"),n()(),e(316,"tr")(317,"td")(318,"code"),t(319,"(nzOnFormatChange)"),n()(),e(320,"td"),t(321,"Callback when "),e(322,"code"),t(323,"format"),n(),t(324," is changed"),n(),e(325,"td")(326,"code"),t(327,"EventEmitter<'rgb'\uFF5C'hex'\uFF5C'hsb'>"),n()(),e(328,"td"),t(329,"-"),n()(),e(330,"tr")(331,"td")(332,"code"),t(333,"(nzOnOpenChange)"),n()(),e(334,"td"),t(335,"Callback for opening the color panel"),n(),e(336,"td")(337,"code"),t(338,"EventEmitter<boolean>"),n()(),e(339,"td"),t(340,"-"),n()()()(),e(341,"h3",44)(342,"span"),t(343,"nz-color-block"),n(),e(344,"label",42),t(345,"component"),n(),e(346,"a",45),t(347,"#"),n()(),e(348,"table")(349,"thead")(350,"tr")(351,"th"),t(352,"Parameter"),n(),e(353,"th"),t(354,"Description"),n(),e(355,"th"),t(356,"Type"),n(),e(357,"th"),t(358,"Default"),n()()(),e(359,"tbody")(360,"tr")(361,"td")(362,"code"),t(363,"[nzColor]"),n()(),e(364,"td"),t(365,"Module colors"),n(),e(366,"td")(367,"code"),t(368,"string"),n()(),e(369,"td")(370,"code"),t(371,"#1677ff"),n()()(),e(372,"tr")(373,"td")(374,"code"),t(375,"[nzSize]"),n()(),e(376,"td"),t(377,"Color block size"),n(),e(378,"td")(379,"code"),t(380,"large"),n(),t(381,"\uFF5C"),e(382,"code"),t(383,"default"),n(),t(384,"\uFF5C"),e(385,"code"),t(386,"small"),n()(),e(387,"td")(388,"code"),t(389,"default"),n()()(),e(390,"tr")(391,"td")(392,"code"),t(393,"[nzOnClick]"),n()(),e(394,"td"),t(395,"Callbacks for clicking on color blocks"),n(),e(396,"td")(397,"code"),t(398,"EventEmitter<boolean>"),n()(),e(399,"td"),t(400,"-"),n()()()(),e(401,"h3",46)(402,"span"),t(403,"NzColor"),n(),e(404,"a",47),t(405,"#"),n()(),e(406,"table")(407,"thead")(408,"tr")(409,"th"),t(410,"Parameter"),n(),e(411,"th"),t(412,"Description"),n(),e(413,"th"),t(414,"Type"),n(),e(415,"th"),t(416,"Default"),n()()(),e(417,"tbody")(418,"tr")(419,"td")(420,"code"),t(421,"toHex"),n()(),e(422,"td"),t(423,"Convert to "),e(424,"code"),t(425,"hex"),n(),t(426," format characters, the return type like: "),e(427,"code"),t(428,"1677ff"),n()(),e(429,"td")(430,"code"),t(431,"() => string"),n()(),e(432,"td"),t(433,"-"),n()(),e(434,"tr")(435,"td")(436,"code"),t(437,"toHexString"),n()(),e(438,"td"),t(439,"Convert to "),e(440,"code"),t(441,"hex"),n(),t(442," format color string, the return type like: "),e(443,"code"),t(444,"#1677ff"),n()(),e(445,"td")(446,"code"),t(447,"() => string"),n()(),e(448,"td"),t(449,"-"),n()(),e(450,"tr")(451,"td")(452,"code"),t(453,"toHsb"),n()(),e(454,"td"),t(455,"Convert to "),e(456,"code"),t(457,"hsb"),n(),t(458," object"),n(),e(459,"td")(460,"code"),t(461,"() => ({ h: number, s: number, b: number, a number })"),n()(),e(462,"td"),t(463,"-"),n()(),e(464,"tr")(465,"td")(466,"code"),t(467,"toHsbString"),n()(),e(468,"td"),t(469,"Convert to "),e(470,"code"),t(471,"hsb"),n(),t(472," format color string, the return type like: "),e(473,"code"),t(474,"hsb(215, 91%, 100%)"),n()(),e(475,"td")(476,"code"),t(477,"() => string"),n()(),e(478,"td"),t(479,"-"),n()(),e(480,"tr")(481,"td")(482,"code"),t(483,"toRgb"),n()(),e(484,"td"),t(485,"Convert to "),e(486,"code"),t(487,"rgb"),n(),t(488," object"),n(),e(489,"td")(490,"code"),t(491,"() => ({ r: number, g: number, b: number, a number })"),n()(),e(492,"td"),t(493,"-"),n()(),e(494,"tr")(495,"td")(496,"code"),t(497,"toRgbString"),n()(),e(498,"td"),t(499,"Convert to "),e(500,"code"),t(501,"rgb"),n(),t(502," format color string, the return type like: "),e(503,"code"),t(504,"rgb(22, 119, 255)"),n()(),e(505,"td")(506,"code"),t(507,"() => string"),n()(),e(508,"td"),t(509,"-"),n()()()(),c(),n()()),o&2&&(r(),l("nzOff
1setTop",16),r(),l("nzAffix",!1),r(33),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:[te,g,ee,Y,$,K,I,D,U,W,v,P,B,y,T,H,w,A,_,M,O],encapsulation:2})};var Ze=[{path:"en",component:oe},{path:"zh",component:ne}],Yt=Ze;export{Yt 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.