1"use strict";(self.webpackChunkng_zorro_antd_doc=self.webpackChunkng_zorro_antd_doc||[]).push([[2272],{2272:(eo,A,a)=>{a.r(A),a.d(A,{NzDemoColorPickerModule:()=>qe});var pe=a(9072),Ce=a(2928),E=a(1316),R=a(1368),e=a(4496),d=a(6504),P=a(5657),ze=a(6684),he=a(4680),T=a(3616),C=a(5739),ke=a(1120),ge=a(9860),_=a(1232),fe=a(3164),S=a(5712);const M=["*"],B=["slider"],V=["transform"];function Ee(n,c){}function Re(n,c){if(1&n&&(e.SAx(0),e.yuY(1,Ee,0,0,"ng-template",7),e.k70()),2&n){const o=e.GaO();e.yG2(),e.E7m("ngTemplateOutlet",o.panelRenderHeader)}}function Oe(n,c){if(1&n){const o=e.KQA();e.SAx(0),e.I0R(1,"color-slider",8),e.qCj("nzOnChange",function(r){e.usT(o);const i=e.GaO();return e.CGJ(i.handleChange(r,"alpha"))})("nzOnChangeComplete",function(r){e.usT(o);const i=e.GaO();return e.CGJ(i.nzOnChangeComplete.emit(r))}),e.C$Y(),e.k70()}if(2&n){const o=e.GaO();e.yG2(),e.E7m("color",o.colorValue)("value",o.toRgbString)("gradientColors",o.gradientColors)("disabled",o.disabled)}}function Ie(n,c){}function be(n,c){if(1&n&&(e.SAx(0),e.yuY(1,Ie,0,0,"ng-template",7),e.k70()),2&n){const o=e.GaO();e.yG2(),e.E7m("ngTemplateOutlet",o.panelRenderFooter)}}function Ye(n,c){1&n&&(e.I0R(0,"div",8)(1,"nz-input-group",9),e.wR5(2,"input",10),e.C$Y()())}function $e(n,c){if(1&n&&(e.I0R(0,"div",11)(1,"div",12),e.wR5(2,"nz-input-number",13),e.C$Y(),e.I0R(3,"div",12),e.wR5(4,"nz-input-number",14),e.C$Y(),e.I0R(5,"div",12),e.wR5(6,"nz-input-number",15),e.C$Y()()),2&n){const o=e.GaO();
1e.yG2(2),e.E7m("nzMin",0)("nzMax",360)("nzStep",1)("nzPrecision",0),e.yG2(2),e.E7m("nzMin",0)("nzMax",100)("nzStep",1)("nzFormatter",o.formatterPercent)("nzParser",o.parserPercent),e.yG2(2),e.E7m("nzMin",0)("nzMax",100)("nzStep",1)("nzFormatter",o.formatterPercent)("nzParser",o.parserPercent)}}function Fe(n,c){1&n&&(e.I0R(0,"div",16)(1,"div",17),e.wR5(2,"nz-input-number",18),e.C$Y(),e.I0R(3,"div",17),e.wR5(4,"nz-input-number",19),e.C$Y(),e.I0R(5,"div",17),e.wR5(6,"nz-input-number",20),e.C$Y()()),2&n&&(e.yG2(2),e.E7m("nzMin",0)("nzMax",255)("nzStep",1),e.yG2(2),e.E7m("nzMin",0)("nzMax",255)("nzStep",1),e.yG2(2),e.E7m("nzMin",0)("nzMax",255)("nzStep",1))}function _e(n,c){if(1&n&&(e.I0R(0,"div",21),e.wR5(1,"nz-input-number",22),e.C$Y()),2&n){const o=e.GaO();e.yG2(),e.E7m("nzMin",0)("nzMax",100)("nzStep",1)("nzFormatter",o.formatterPercent)("nzParser",o.parserPercent)}}function ve(n,c){if(1&n&&e.wR5(0,"nz-color-block",1),2&n){const o=e.GaO();e.E7m("nzColor",o.blockColor)("nzSize",o.nzSize)}}function ye(n,c){}function De(n,c){if(1&n&&e.yuY(0,ye,0,0,"ng-template",6),2&n){const o=e.GaO();e.E7m("ngTemplateOutlet",o.nzFlipFlop)}}function we(n,c){if(1&n&&(e.I0R(0,"div",7),e.OEk(1),e.C$Y()),2&n){const o=e.GaO();e.yG2(),e.oRS(" ",o.showText," ")}}function Te(n,c){if(1&n){const o=e.KQA();e.I0R(0,"ng-antd-color-picker",8),e.qCj("nzOnChange",function(r){e.usT(o);const i=e.GaO();return e.CGJ(i.colorChange(r))}),e.C$Y()}if(2&n){const o=e.GaO(),t=e.Gew(7),r=e.Gew(9);e.E7m("value",o.nzValue)("defaultValue",o.nzDefaultValue)("disabled",o.nzDisabled)("panelRenderHeader",t)("panelRenderFooter",r)("disabledAlpha",o.nzDisabledAlpha)}}function Se(n,c){1&n&&e.C_f(0)}function Ne(n,c){if(1&n&&e.yuY(0,Se,1,0,"ng-container",14),2&n){const o=e.GaO(3);e.E7m("ngTemplateOutlet",o.nzTitle)}}function xe(n,c){if(1&n&&e.wR5(0,"span",12),2&n){const o=e.GaO(3);e.E7m("innerHTML",o.nzTitle,e.E3n)}}function He(n,c){if(1&n){const o=e.KQA();e.I0R(0,"div",15),e.qCj("click",function(){e.usT(o);const r=e.GaO(3);return e.CGJ(r.clearColorHandle())}),e.C$Y()}}function Ge(n,c){if(1&n&&(e.I0R(0,"div",10)(1,"div",11),e.yuY(2,Ne,1,1,"ng-container")(3,xe,1,1,"span",12),e.C$Y(),e.yuY(4,He,1,0,"div",13),e.C$Y()),2&n){const o=e.GaO(2);e.yG2(2),e.C0Y(2,o.isNzTitleTemplateRef?2:-1),e.yG2(),e.C0Y(3,o.isNzTitleNonEmptyString?3:-1),e.yG2(),e.C0Y(4,o.nzAllowClear?4:-1)}}function Ae(n,c){if(1&n&&e.yuY(0,Ge,5,3,"div",9),2&n){const o=e.GaO();e.C0Y(0,o.nzTitle||o.nzAllowClear?0:-1)}}function Pe(n,c){if(1&n){const o=e.KQA();e.I0R(0,"nz-color-format",16),e.qCj("formatChange",function(r){e.usT(o);const i=e.GaO();return e.CGJ(i.formatChange(r))})("nzOnFormatChange",function(r){e.usT(o);const i=e.GaO();return e.CGJ(i.nzOnFormatChange.emit(r))}),e.C$Y()}if(2&n){const o=e.GaO();e.E7m("colorValue",o.blockColor)("clearColor",o.clearColor)("format",o.nzFormat)("nzDisabledAlpha",o.nzDisabledAlpha)}}const N=n=>Math.round(Number(n||0));class L extends ge.C{constructor(c){super((n=>{if(n&&"object"==typeof n&&"h"in n&&"b"in n){const{b:c,...o}=n;return{...o,v:c}}return"string"==typeof n&&/hsb/.test(n)?n.replace(/hsb/,"hsv"):n})(c))}toHsbString(){const c=this.toHsb(),o=N(100*c.s),t=N(100*c.b),r=N(c.h),i=c.a,l=`hsb(${r}, ${o}%, ${t}%)`,p=`hsba(${r}, ${o}%, ${t}%, ${i.toFixed(0===i?0:2)})`;return 1===i?l:p}toHsb(){let c=this.toHsv();"object"==typeof this.originalInput&&this.originalInput&&"h"in this.originalInput&&(c=this.originalInput);const{v:o,...t}=c;return{...t,b:c.v}}}const s=n=>n instanceof L?n:new L(n),Y=s("#1677ff");function U(n,c,o,t,r){const{width:i,height:l}=c.getBoundingClientRect(),{width:p,height:g}=o.getBoundingClientRect(),z=p/2,f=(n.x+z)/i,k=1-(n.y+g/2)/l,m=t?.toHsb()||{a:0,h:0,s:0,b:0},I=f,b=(n.x+z)/i*360;if(r)switch(r){case"hue":return s({...m,h:b<=0?0:b});case"alpha":return s({...m,a:I<=0?0:I})}return s({h:m.h,s:f<=0?0:f,b:k>=1?1:k,a:m.a})}const v=(n,c,o,t)=>{const{width:r,height:i}=n.getBoundingClientRect(),{width:l,height:p}=c.getBoundingClientRect(),g=l/2,z=p/2,h=o?.toHsb()||{a:0,h:0,s:0,b:0};if(0===l&&0===p||l!==p)return null;if(t)switch(t){case"hue":return{x:h.h/360*r-g,y:-z/3};case"alpha":return{x:h.a*r-g,y:-z/3}}return{x:h.s*r-g,y:(1-h.b)*i-z}};let X=(()=>{class n{constructor(){this.color=Y.toHsbString(),this.nzOnClick=new e._w7}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["ng-antd-color-block"]],inputs:{color:"color"},outputs:{nzOnClick:"nzOnClick"},standalone:!0,features:[e.UHJ],decls:2,vars:2,consts:[[1,"ant-color-picker-color-block",3,"click"],[1,"ant-color-picker-color-block-inner"]],template:function(t,r){1&t&&(e.I0R(0,"div",0),e.qCj("click",function(){return r.nzOnClick.emit(!0)}),e.wR5(1,"div",1),e.C$Y()),2&t&&(e.yG2(),e.m4B("background-color",r.color))},encapsulation:2})}return n})(),Z=(()=>{class n{constructor(){this.color=null,this.size="default"}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["color-handler"]],inputs:{color:"color",size:"size"},standalone:!0,features:[e.UHJ],decls:1,vars:4,consts:[[1,"ant-color-picker-handler"]],template:function(t,r){1&t&&e.wR5(0,"div",0),2&t&&(e.m4B("background-color",r.color),e.eAK("ant-color-picker-handler-sm","small"===r.size))},encapsulation:2})}return n})(),j=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["color-palette"]],standalone:!0,features:[e.UHJ],ngContentSelectors:M,decls:2,vars:0,consts:[[1,"ant-color-picker-palette",2,"position","relative"]],template:function(t,r){1&t&&(e.kPM(),e.I0R(0,"div",0),e._Xx(1),e.C$Y())},encapsulation:2})}return n})(),Ve=(()=>{class n{toRgbString(){return this.color?.toRgbString()}toHsb(){return`hsl(${this.color?.toHsb().h},100%, 50%)`}constructor(o,t){this.cdr=o,this.document=t,this.color=null,this.nzOnChange=new e._w7,this.nzOnChangeComplete=new e._w7,this.disabled=!1,this.offsetValue={x:0,y:0},this.dragRef=!1,this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null,this.updateOffset=(r,i="y")=>{const{pageX:l,pageY:p}=function Be(n){const c="touches"in n?n.touches[0]:n,o=document.documentElement.scrollLeft||document.body.scrollLeft||window.pageXOffset,t=document.documentElement.scrollTop||document.body.scrollTop||window.pageYOffset;return{pageX:c.pageX-o,pageY:c.pageY-t}}(r),{x:g,y:z,width:h,height:f}=this.containerRef?.nativeElement?.getBoundingClientRect()||{x:0,y:0,width:0,height:0},{width:k,height:m}=this.transformRef?.nativeElement?.getBoundingClientRect()||{width:0,height:0},I=k/2,b=m/2,H=Math.max(0,Math.min(l-g,h))-I,G=Math.max(0,Math.min(p-z,f))-b,F={x:H,y:"x"===i?this.offsetValue.y:G};0===k&&0===m||k!==m||(this.offsetValue=F,this.nzOnChange.emit(U(F,this.containerRef.nativeElement,this.transformRef.nativeElement,this.color)),this.cdr.detectChanges())},this.onDragMove=r=>{r.preventDefault(),this.updateOffset(r)},this.onDragStop=r=>{r.preventDefault(),this.dragRef=!1,this.document.removeEventListener("mousemove",this.onDragMove),this.document.removeEventListener("mouseup",this.mouseUpRef),this.document.removeEventListener("touchmove",this.mouseMoveRef),this.document.removeEventListener("touchend",this.mouseUpRef),this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null,this.nzOnChangeComplete?.emit()},this.onDragStart=r=>{this.disabled||(this.updateOffset(r),this.dragRef=!0,this.document.addEventListener("mousemove",this.onDragMove),this.document.addEventListener("mouseup",this.onDragStop),this.document.addEventListener("touchmove",this.onDragMove),this.document.addEventListener("touchend",this.onDragStop),this.mouseMoveRef=this.onDragMove,this.mouseUpRef=this.onDragStop,this.cdr.markForCheck())}}ngOnInit(){this.document.removeEventListener("mousemove",this.mouseMoveRef),this.document.removeEventListener("mouseup",this.mouseUpRef),this.document.removeEventListener("touchmove",this.mouseMoveRef),this.document.removeEventListener("touchend",this.mouseUpRef),this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null}ngOnChanges(o){const{color:t}=o;if(t&&!this.dragRef&&this.containerRef&&this.transformRef){const r=v(this.containerRef.nativeElement,this.transformRef.nativeElement,this.color);r&&(this.offsetValue=r,this.cdr.detectChanges())}}ngAfterViewInit(){if(!this.dragRef&&this.containerRef&&this.transformRef){const o=v(this.containerRef.nativeElement,this.transformRef.nativeElement,this.color);o&&(this.offsetValue=o,this.cdr.detectChanges())}}dragStartHandle(o){this.onDragStart(o)}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(e.kD9),e.GI1(R.Ud))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["color-picker"]],viewQuery:function(t,r){if(1&t&&(e.CC$(B,5),e.CC$(V,5)),2&t){let i;
1e.wto(i=e.Gqi())&&(r.containerRef=i.first),e.wto(i=e.Gqi())&&(r.transformRef=i.first)}},inputs:{color:"color",disabled:"disabled"},outputs:{nzOnChange:"nzOnChange",nzOnChangeComplete:"nzOnChangeComplete"},standalone:!0,features:[e.SYr,e.UHJ],decls:7,vars:7,consts:[[1,"ant-color-picker-select",3,"mousedown","touchstart"],["slider",""],[2,"position","absolute","z-index","1"],["transform",""],[3,"color"],[1,"ant-color-picker-saturation",2,"background-image","linear-gradient(0deg, #000, transparent),\n linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))"]],template:function(t,r){1&t&&(e.I0R(0,"div",0,1),e.qCj("mousedown",function(l){return r.dragStartHandle(l)})("touchstart",function(l){return r.dragStartHandle(l)}),e.I0R(2,"color-palette")(3,"div",2,3),e.wR5(5,"color-handler",4),e.C$Y(),e.wR5(6,"div",5),e.C$Y()()),2&t&&(e.yG2(3),e.m4B("left",r.offsetValue.x+"px")("top",r.offsetValue.y+"px"),e.yG2(2),e.E7m("color",r.toRgbString()),e.yG2(),e.m4B("background-color",r.toHsb()))},dependencies:[Z,j],encapsulation:2})}return n})(),Le=(()=>{class n{constructor(){this.colors=[],this.direction="to right",this.type="hue",this.gradientColors=""}ngOnInit(){this.useMemo()}ngOnChanges(o){const{colors:t,type:r}=o;(t||r)&&this.useMemo()}useMemo(){this.gradientColors=this.colors.map((o,t)=>{const r=s(o);return"alpha"===this.type&&t===this.colors.length-1&&r.setAlpha(1),r.toRgbString()}).join(",")}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["color-gradient"]],inputs:{colors:"colors",direction:"direction",type:"type"},standalone:!0,features:[e.SYr,e.UHJ],ngContentSelectors:M,decls:2,vars:2,consts:[[1,"ant-color-picker-gradient",2,"position","absolute","inset","0"]],template:function(t,r){1&t&&(e.kPM(),e.I0R(0,"div",0),e._Xx(1),e.C$Y()),2&t&&e.m4B("background","linear-gradient("+r.direction+", "+r.gradientColors+")")},encapsulation:2})}return n})(),Xe=(()=>{class n{constructor(o,t){this.cdr=o,this.document=t,this.gradientColors=[],this.direction="to right",this.type="hue",this.color=null,this.value=null,this.disabled=!1,this.nzOnChange=new e._w7,this.nzOnChangeComplete=new e._w7,this.offsetValue={x:0,y:0},this.dragRef=!1,this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null,this.updateOffset=(r,i="x")=>{const{pageX:l,pageY:p}=function Ue(n){const c="touches"in n?n.touches[0]:n,o=document.documentElement.scrollLeft||document.body.scrollLeft||window.pageXOffset,t=document.documentElement.scrollTop||document.body.scrollTop||window.pageYOffset;return{pageX:c.pageX-o,pageY:c.pageY-t}}(r),{x:g,y:z,width:h,height:f}=this.containerRef?.nativeElement?.getBoundingClientRect()||{x:0,y:0,width:0,height:0},{width:k,height:m}=this.transformRef?.nativeElement?.getBoundingClientRect()||{width:0,height:0},I=k/2,b=m/2,H=Math.max(0,Math.min(l-g,h))-I,G=Math.max(0,Math.min(p-z,f))-b,F={x:H,y:"x"===i?this.offsetValue.y:G};0===k&&0===m||k!==m||(this.offsetValue=F,this.nzOnChange.emit(U(F,this.containerRef.nativeElement,this.transformRef.nativeElement,this.color,this.type)),this.cdr.detectChanges())},this.onDragMove=r=>{r.preventDefault(),this.updateOffset(r)},this.onDragStop=r=>{r.preventDefault(),this.dragRef=!1,this.document.removeEventListener("mousemove",this.onDragMove),this.document.removeEventListener("mouseup",this.mouseUpRef),this.document.removeEventListener("touchmove",this.mouseMoveRef),this.document.removeEventListener("touchend",this.mouseUpRef),this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null,this.nzOnChangeComplete?.emit(this.type)},this.onDragStart=r=>{this.disabled||(this.updateOffset(r),this.dragRef=!0,this.document.addEventListener("mousemove",this.onDragMove),this.document.addEventListener("mouseup",this.onDragStop),this.document.addEventListener("touchmove",this.onDragMove),this.document.addEventListener("touchend",this.onDragStop),this.mouseMoveRef=this.onDragMove,this.mouseUpRef=this.onDragStop,this.cdr.markForCheck())}}ngOnInit(){this.document.removeEventListener("mousemove",this.mouseMoveRef),this.document.removeEventListener("mouseup",this.mouseUpRef),this.document.removeEventListener("touchmove",this.mouseMoveRef),this.document.removeEventListener("touchend",this.mouseUpRef),this.mouseMoveRef=()=>null,this.mouseUpRef=()=>null}ngOnChanges(o){const{color:t}=o;if(t&&!this.dragRef&&this.containerRef&&this.transformRef){const r=v(this.containerRef.nativeElement,this.transformRef.nativeElement,this.color,this.type);r&&(this.offsetValue=r,this.cdr.detectChanges())}}ngAfterViewInit(){if(!this.dragRef&&this.containerRef&&this.transformRef){const o=v(this.containerRef.nativeElement,this.transformRef.nativeElement,this.color,this.type);o&&(this.offsetValue=o,this.cdr.detectChanges())}}dragStartHandle(o){this.onDragStart(o)}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(e.kD9),e.GI1(R.Ud))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["color-slider"]],viewQuery:function(t,r){if(1&t&&(e.CC$(B,5),e.CC$(V,5)),2&t){let i;
1e.wto(i=e.Gqi())&&(r.containerRef=i.first),e.wto(i=e.Gqi())&&(r.transformRef=i.first)}},inputs:{gradientColors:"gradientColors",direction:"direction",type:"type",color:"color",value:"value",disabled:"disabled"},outputs:{nzOnChange:"nzOnChange",nzOnChangeComplete:"nzOnChangeComplete"},standalone:!0,features:[e.SYr,e.UHJ],decls:7,vars:9,consts:[[1,"ant-color-picker-slider",3,"ngClass","mousedown","touchstart"],["slider",""],[2,"position","absolute","z-index","1"],["transform",""],["size","small",3,"color"],[3,"colors","direction","type"]],template:function(t,r){1&t&&(e.I0R(0,"div",0,1),e.qCj("mousedown",function(l){return r.dragStartHandle(l)})("touchstart",function(l){return r.dragStartHandle(l)}),e.I0R(2,"color-palette")(3,"div",2,3),e.wR5(5,"color-handler",4),e.C$Y(),e.wR5(6,"color-gradient",5),e.C$Y()()),2&t&&(e.E7m("ngClass","ant-color-picker-slider-"+r.type),e.yG2(3),e.m4B("left",r.offsetValue.x+"px")("top",r.offsetValue.y+"px"),e.yG2(2),e.E7m("color",r.value),e.yG2(),e.E7m("colors",r.gradientColors)("direction",r.direction)("type",r.type))},dependencies:[j,Le,Z,R.QF],styles:["[_nghost-%COMP%]{display:block;width:100%}"]})}return n})(),Ze=(()=>{class n{constructor(o){this.cdr=o,this.nzOnChange=new e._w7,this.nzOnChangeComplete=new e._w7,this.panelRenderHeader=null,this.panelRenderFooter=null,this.disabledAlpha=!1,this.disabled=!1,this.colorValue=null,this.alphaColor="",this.hueColor=["rgb(255, 0, 0) 0%","rgb(255, 255, 0) 17%","rgb(0, 255, 0) 33%","rgb(0, 255, 255) 50%","rgb(0, 0, 255) 67%","rgb(255, 0, 255) 83%","rgb(255, 0, 0) 100%"],this.gradientColors=["rgba(255, 0, 4, 0) 0%",this.alphaColor],this.toRgbString=this.colorValue?.toRgbString()||""}ngOnInit(){this.setColorValue(this.value)}ngOnChanges(o){const{value:t,defaultValue:r}=o;(t||r)&&this.setColorValue(this.value)}hasValue(o){return!!o}setColorValue(o){let t;t=this.hasValue(o)?o:this.hasValue(this.defaultValue)?this.defaultValue:Y,this.colorValue=s(t),this.setAlphaColor(this.colorValue),this.toRgbString=this.colorValue?.toRgbString()||"",this.cdr.detectChanges()}setAlphaColor(o){const t=s(o.toRgbString());this.alphaColor=t.toRgbString(),this.gradientColors=["rgba(255, 0, 4, 0) 0%",this.alphaColor],this.cdr.markForCheck()}handleChange(o,t){this.setColorValue(o),this.nzOnChange.emit({color:o,type:t})}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(e.kD9))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["ng-antd-color-picker"]],inputs:{value:"value",defaultValue:"defaultValue",panelRenderHeader:"panelRenderHeader",panelRenderFooter:"panelRenderFooter",disabledAlpha:"disabledAlpha",disabled:"disabled"},outputs:{nzOnChange:"nzOnChange",nzOnChangeComplete:"nzOnChangeComplete"},standalone:!0,features:[e.SYr,e.UHJ],decls:9,vars:14,consts:[[1,"ant-color-picker-panel"],[4,"ngIf"],[3,"color","disabled","nzOnChange","nzOnChangeComplete"],[1,"ant-color-picker-slider-container"],[1,"ant-color-picker-slider-group"],[3,"color","value","gradientColors","disabled","nzOnChange","nzOnChangeComplete"],[3,"color"],[3,"ngTemplateOutlet"],["type","alpha",3,"color","value","gradientColors","disabled","nzOnChange","nzOnChangeComplete"]],template:function(t,r){if(1&t&&(e.I0R(0,"div",0),e.yuY(1,Re,2,1,"ng-container",1),e.I0R(2,"color-picker",2),e.qCj("nzOnChange",function(l){return r.handleChange(l)})("nzOnChangeComplete",function(l){return r.nzOnChangeComplete.emit(l)}),e.C$Y(),e.I0R(3,"div",3)(4,"div",4)(5,"color-slider",5),e.qCj("nzOnChange",function(l){return r.handleChange(l,"hue")})("nzOnChangeComplete",function(l){return r.nzOnChangeComplete.emit(l)}),e.C$Y(),e.yuY(6,Oe,2,4,"ng-container",1),e.C$Y(),e.wR5(7,"ng-antd-color-block",6),e.C$Y(),e.yuY(8,be,2,1,"ng-container",1),e.C$Y()),2&t){let i;e.eAK("ant-color-picker-panel-disabled",r.disabled),e.yG2(),e.E7m("ngIf",r.panelRenderHeader),e.yG2(),e.E7m("color",r.colorValue)("disabled",r.disabled),e.yG2(2),e.eAK("ant-color-picker-slider-group-disabled-alpha",r.disabledAlpha),e.yG2(),e.E7m("color",r.colorValue)("value","hsl("+(null==r.colorValue||null==(i=r.colorValue.toHsb())?null:i.h)+",100%, 50%)")("gradientColors",r.hueColor)("disabled",r.disabled),e.yG2(),e.E7m("ngIf",!r.disabledAlpha),e.yG2(),e.E7m("color",r.toRgbString),e.yG2(),e.E7m("ngIf",r.panelRenderFooter)}},dependencies:[R.u_,Ve,Xe,X,R.XV],encapsulation:2})}return n})(),J=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275mod=e.a4G({type:n});static#n=this.\u0275inj=e.s3X({})}return n})(),Q=(()=>{class n{constructor(){this.nzColor=Y.toHexString(),this.nzSize="default",this.nzOnClick=new e._w7}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-color-block"]],hostAttrs:[1,"ant-color-picker-inline"],hostVars:4,hostBindings:function(t,r){2&t&&e.eAK("ant-color-picker-inline-sm","small"===r.nzSize)("ant-color-picker-inline-lg","large"===r.nzSize)},inputs:{nzColor:"nzColor",nzSize:"nzSize"},outputs:{nzOnClick:"nzOnClick"},exportAs:["NzColorBlock"],standalone:!0,features:[e.UHJ],decls:1,vars:1,consts:[[3,"color","nzOnClick"]],template:function(t,r){1&t&&(e.I0R(0,"ng-antd-color-block",0),e.qCj("nzOnClick",function(l){return r.nzOnClick.emit(l)}
1),e.C$Y()),2&t&&e.E7m("color",r.nzColor)},dependencies:[J,X],encapsulation:2,changeDetection:0})}return n})(),K=(()=>{class n{validatorFn(){return o=>o.value&&/^[0-9a-fA-F]{6}$/.test(o.value)?null:{error:!0}}constructor(o){this.formBuilder=o,this.format=null,this.colorValue="",this.clearColor=!1,this.nzDisabledAlpha=!1,this.formatChange=new e._w7,this.nzOnFormatChange=new e._w7,this.destroy$=new P.E,this.formatterPercent=t=>`${t} %`,this.parserPercent=t=>t.replace(" %",""),this.validateForm=this.formBuilder.nonNullable.group({isFormat:this.formBuilder.control("hex"),hex:this.formBuilder.control("1677FF",this.validatorFn()),hsbH:215,hsbS:91,hsbB:100,rgbR:22,rgbG:119,rgbB:255,roundA:100})}ngOnInit(){this.validateForm.valueChanges.pipe((0,ze.I)(()=>this.validateForm.valid),(0,he.o)(200),(0,T.a)(this.destroy$)).subscribe(o=>{let t="";switch(o.isFormat){case"hsb":t=s({h:Number(o.hsbH),s:Number(o.hsbS)/100,b:Number(o.hsbB)/100,a:Number(o.roundA)/100}).toHsbString();break;case"rgb":t=s({r:Number(o.rgbR),g:Number(o.rgbG),b:Number(o.rgbB),a:Number(o.roundA)/100}).toRgbString();break;default:const r=s(o.hex),i=s({r:r.r,g:r.g,b:r.b,a:Number(o.roundA)/100});t=i.getAlpha()<1?i.toHex8String():i.toHexString()}this.formatChange.emit({color:t,format:o.isFormat||this.format||"hex"})}),this.validateForm.get("isFormat")?.valueChanges.pipe((0,T.a)(this.destroy$)).subscribe(o=>{this.nzOnFormatChange.emit(o)})}ngOnChanges(o){const{colorValue:t,format:r,clearColor:i}=o;if(t){const l={hex:s(this.colorValue).toHex(),hsbH:Math.round(s(this.colorValue).toHsb().h),hsbS:Math.round(100*s(this.colorValue).toHsb().s),hsbB:Math.round(100*s(this.colorValue).toHsb().b),rgbR:Math.round(s(this.colorValue).r),rgbG:Math.round(s(this.colorValue).g),rgbB:Math.round(s(this.colorValue).b),roundA:Math.round(100*s(this.colorValue).roundA)};this.validateForm.patchValue(l)}r&&this.format&&this.validateForm.get("isFormat")?.patchValue(this.format),i&&this.clearColor&&this.validateForm.get("roundA")?.patchValue(0)}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(d.im))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-color-format"]],inputs:{format:"format",colorValue:"colorValue",clearColor:"clearColor",nzDisabledAlpha:"nzDisabledAlpha"},outputs:{formatChange:"formatChange",nzOnFormatChange:"nzOnFormatChange"},exportAs:["NzColorFormat"],standalone:!0,features:[e.SYr,e.UHJ],decls:11,vars:3,consts:[[1,"ant-color-picker-input-container",3,"formGroup"],[1,"ant-color-picker-format-select"],["formControlName","isFormat","nzBorderless","","nzSize","small"],["nzValue","hex","nzLabel","HEX"],["nzValue","hsb","nzLabel","HSB"],["nzValue","rgb","nzLabel","RGB"],[1,"ant-color-picker-input"],["class","ant-color-picker-steppers ant-color-picker-alpha-input"],[1,"ant-color-picker-hex-input"],["nzPrefix","#","nzSize","small"],["nz-input","","nzSize","small","formControlName","hex"],[1,"ant-color-picker-hsb-input"],[1,"ant-color-picker-steppers","ant-color-picker-hsb-input"],["formControlName","hsbH","nzSize","small",3,"nzMin","nzMax","nzStep","nzPrecision"],["formControlName","hsbS","nzSize","small",3,"nzMin","nzMax","nzStep","nzFormatter","nzParser"],["formControlName","hsbB","nzSize","small",3,"nzMin","nzMax","nzStep","nzFormatter","nzParser"],[1,"ant-color-picker-rgb-input"],[1,"ant-color-picker-steppers","ant-color-picker-rgb-input"],["formControlName","rgbR","nzSize","small",3,"nzMin","nzMax","nzStep"],["formControlName","rgbG","nzSize","small",3,"nzMin","nzMax","nzStep"],["formControlName","rgbB","nzSize","small",3,"nzMin","nzMax","nzStep"],[1,"ant-color-picker-steppers","ant-color-picker-alpha-input"],["formControlName","roundA","nzSize","small",3,"nzMin","nzMax","nzStep","nzFormatter","nzParser"]],template:function(t,r){if(1&t&&(e.I0R(0,"div",0)(1,"div",1)(2,"nz-select",2),e.wR5(3,"nz-option",3)(4,"nz-option",4)(5,"nz-option",5),e.C$Y()(),e.I0R(6,"div",6),e.yuY(7,Ye,3,0)(8,$e,7,14)(9,Fe,7,9),e.C$Y(),e.yuY(10,_e,2,5,"div",7),e.C$Y()),2&t){let i;e.E7m("formGroup",r.validateForm),e.yG2(7),e.C0Y(7,"hex"===(i=r.validateForm.controls.isFormat.value)?7:"hsb"===i?8:9),e.yG2(3),e.C0Y(10,r.nzDisabledAlpha?-1:10)}},dependencies:[d.sl,d.ot,d.ue,d.u,d.uW,d.Wo,S.VL,S.eE,S.Mh,_.cv,_.qG,fe.mG],encapsulation:2,changeDetection:0})}return(0,E.UN)([(0,C.U7)()],n.prototype,"nzDisabledAlpha",void 0),n})(),u=(()=>{class n{constructor(o,t){this.formBuilder=o,this.cdr=t,this.nzFormat=null,this.nzValue="",this.nzSize="default",this.nzDefaultValue="",this.nzTrigger="click",this.nzTitle="",this.nzFlipFlop=null,this.nzShowText=!1,this.nzOpen=!1,this.nzAllowClear=!1,this.nzDisabled=!1,this.nzDisabledAlpha=!1,this.nzOnChange=new e._w7,this.nzOnFormatChange=new e._w7,this.nzOnClear=new e._w7,this.nzOnOpenChange=new e._w7,this.isTemplateRef=C.M9,this.isNonEmptyString=C._y,this.destroy$=new P.E,this.isNzDisableFirstChange=!0,this.blockColor="",this.clearColor=!1,this.showText=Y.toHexString(),this.formControl=this.formBuilder.control(""),this.onChange=()=>{}}writeValue(o){this.nzValue=o,this.getBlockColor(),this.formControl.patchValue(o)}registerOnChange(o){this.onChange=o}registerOnTouched(){}setDisabledState(o){this.nzDisabled=this.isNzDisableFirstChange&&this.nzDisabled||o,this.isNzDisableFirstChange=!1,this.cdr.markForCheck()}ngOnInit(){this.getBlockColor(),this.formControl.valueChanges.pipe((0,T.a)(this.destroy$)).subscribe(o=>
1{if(o){let t=o;"hex"===this.nzFormat?t=s(o).getAlpha()<1?s(o).toHex8String():s(o).toHexString():"hsb"===this.nzFormat?t=s(o).toHsbString():"rgb"===this.nzFormat&&(t=s(o).toRgbString()),this.showText=t,this.onChange(t),this.cdr.markForCheck()}})}ngOnChanges(o){const{nzValue:t,nzDefaultValue:r}=o;(t||r)&&this.getBlockColor()}clearColorHandle(){this.clearColor=!0,this.nzOnClear.emit(!0),this.cdr.markForCheck()}getBlockColor(){this.blockColor=this.nzValue?s(this.nzValue).toRgbString():this.nzDefaultValue?s(this.nzDefaultValue).toRgbString():Y.toHexString()}colorChange(o){this.blockColor=o.color.getAlpha()<1?o.color.toHex8String():o.color.toHexString(),this.clearColor=!1,this.cdr.markForCheck()}formatChange(o){this.nzValue=o.color,this.clearColor=!1,this.getBlockColor(),this.nzOnChange.emit({color:s(o.color),format:o.format}),this.formControl.patchValue(o.color),this.cdr.markForCheck()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}get isNzTitleNonEmptyString(){return(0,C._y)(this.nzTitle)}get isNzTitleTemplateRef(){return(0,C.M9)(this.nzTitle)}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(d.im),e.GI1(e.kD9))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-color-picker"]],hostAttrs:[1,"ant-color-picker-inline"],hostVars:2,hostBindings:function(t,r){2&t&&e.eAK("ant-color-picker-disabled",r.nzDisabled)},inputs:{nzFormat:"nzFormat",nzValue:"nzValue",nzSize:"nzSize",nzDefaultValue:"nzDefaultValue",nzTrigger:"nzTrigger",nzTitle:"nzTitle",nzFlipFlop:"nzFlipFlop",nzShowText:"nzShowText",nzOpen:"nzOpen",nzAllowClear:"nzAllowClear",nzDisabled:"nzDisabled",nzDisabledAlpha:"nzDisabledAlpha"},outputs:{nzOnChange:"nzOnChange",nzOnFormatChange:"nzOnFormatChange",nzOnClear:"nzOnClear",nzOnOpenChange:"nzOnOpenChange"},exportAs:["NzColorPicker"],standalone:!0,features:[e.M5G([{provide:d.Y6,useExisting:(0,e.wd)(()=>n),multi:!0}]),e.SYr,e.UHJ],decls:10,vars:11,consts:[["nz-popover","",3,"nzPopoverContent","nzPopoverTrigger","nzPopoverVisible","nzPopoverVisibleChange"],[3,"nzColor","nzSize"],["class","ant-color-picker-trigger-text"],["colorPicker",""],["nzPanelRen
1derHeader",""],["nzPanelRenderFooter",""],[3,"ngTemplateOutlet"],[1,"ant-color-picker-trigger-text"],[3,"value","defaultValue","disabled","panelRenderHeader","panelRenderFooter","disabledAlpha","nzOnChange"],["class","ant-color-picker-title"],[1,"ant-color-picker-title"],[1,"ant-color-picker-title-content"],[3,"innerHTML"],["class","ant-color-picker-clear"],[4,"ngTemplateOutlet"],[1,"ant-color-picker-clear",3,"click"],[3,"colorValue","clearColor","format","nzDisabledAlpha","formatChange","nzOnFormatChange"]],template:function(t,r){if(1&t&&(e.I0R(0,"div",0),e.qCj("nzPopoverVisibleChange",function(l){return r.nzOnOpenChange.emit(l)}),e.yuY(1,ve,1,2,"nz-color-block",1)(2,De,1,1)(3,we,2,1,"div",2),e.C$Y(),e.yuY(4,Te,1,6,"ng-template",null,3,e.gJz)(6,Ae,1,1,"ng-template",null,4,e.gJz)(8,Pe,1,4,"ng-template",null,5,e.gJz)),2&t){const i=e.Gew(5);e.eAK("ant-color-picker-trigger",!r.nzFlipFlop)("ant-color-picker-sm","small"===r.nzSize)("ant-color-picker-lg","large"===r.nzSize),e.E7m("nzPopoverContent",i)("nzPopoverTrigger",r.nzDisabled?null:r.nzTrigger)("nzPopoverVisible",r.nzOpen),e.yG2(),e.C0Y(1,r.nzFlipFlop?2:1),e.yG2(2),e.C0Y(3,r.nzShowText&&r.showText&&!r.nzFlipFlop?3:-1)}},dependencies:[J,Ze,ke.r_,Q,K,R.XV],encapsulation:2,changeDetection:0})}return(0,E.UN)([(0,C.U7)()],n.prototype,"nzShowText",void 0),(0,E.UN)([(0,C.U7)()],n.prototype,"nzOpen",void 0),(0,E.UN)([(0,C.U7)()],n.prototype,"nzAllowClear",void 0),(0,E.UN)([(0,C.U7)()],n.prototype,"nzDisabled",void 0),(0,E.UN)([(0,C.U7)()],n.prototype,"nzDisabledAlpha",void 0),n})(),je=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275mod=e.a4G({type:n});static#n=this.\u0275inj=e.s3X({imports:[u,K]})}return n})();var $=a(5408),x=a(8352);const Je=[je,$.WO,_.OA,x.EV];var y=a(6056),D=a(8700),W=a(8656),O=a(3172),q=a(9100),ee=a(5120),w=a(28);let oe=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-basic"]],decls:1,vars:0,template:function(t,r){1&t&&e.wR5(0,"nz-color-picker")},dependencies:[u],encapsulation:2})}return n})(),ne=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-block"]],decls:3,vars:0,consts:[["nzSize","small"],["nzSize","large"]],template:function(t,r){1&t&&e.wR5(0,"nz-color-block",0)(1,"nz-color-block")(2,"nz-color-block",1)},dependencies:[Q],styles:["nz-color-block[_ngcontent-%COMP%]{margin-right:12px}"]})}return n})(),te=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-clear"]],decls:1,vars:0,consts:[["nzAllowClear","","nzTitle","Allow Clear"]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)},dependencies:[u],encapsulation:2})}return n})(),re=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-disable-alpha"]],decls:1,vars:0,consts:[["nzDisabledAlpha",""]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)},dependencies:[u],encapsulation:2})}return n})(),ie=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-disable"]],decls:1,vars:0,consts:[["nzDisabled","","nzShowText",""]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)},dependencies:[u],encapsulation:2})}return n})();var le=a(7324);function Qe(n,c){if(1&n&&(e.I0R(0,"button",2),e.OEk(1,"Color"),e.C$Y()),2&n){const o=e.GaO();e.m4B("background-color",o.color)}}let ce=(()=>{class n{constructor(){this.color="#1677ff"}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-flip-flop"]],decls:3,vars:2,consts:[[3,"nzFlipFlop","ngModel","ngModelChange"],["flipFlop",""],["nz-button","","nzType","primary"]],template:function(t,r){if(1&t&&(e.I0R(0,"nz-color-picker",0),e.iHE("ngModelChange",function(l){return e.kNx(r.color,l)||(r.color=l),l}),e.C$Y(),e.yuY(1,Qe,2,2,"ng-template",null,1,e.gJz)),2&t){const i=e.Gew(2);e.E7m("nzFlipFlop",i),e.OKB("ngModel",r.color)}},dependencies:[d.ue,d._G,u,x.Ez,w.k,le.o9],styles:["button[_ngcontent-%COMP%]{border:none}"]})}return n})(),ae=(()=>{class n{constructor(){this.hex="#1677ff",this.hsb="hsb(215, 91%, 100%)",this.rgb="rgb(22, 119, 255)"}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-format"]],decls:9,vars:6,consts:[[1,"format"],["nzFormat","hex",3,"ngModel","ngModelChange"],["nzFormat","hsb",3,"ngModel","ngModelChange"],["nzFormat","rgb",3,"ngModel","ngModelChange"]],template:function(t,r){1&t&&(e.I0R(0,"div",0)(1,"nz-color-picker",1),e.iHE("ngModelChange",function(l){return e.kNx(r.hex,l)||(r.hex=l),l}),e.C$Y(),e.OEk(2),e.C$Y(),e.I0R(3,"div",0)(4,"nz-color-picker",2),e.iHE("ngModelChange",function(l){return e.kNx(r.hsb,l)||(r.hsb=l),l}),e.C$Y(),e.OEk(5),e.C$Y(),e.I0R(6,"div",0)(7,"nz-color-picker",3),e.iHE("ngModelChange",function(l){return e.kNx(r.rgb,l)||(r.rgb=l),l}),e.C$Y(),e.OEk(8),e.C$Y()),2&t&&(e.yG2(),e.OKB("ngModel",r.hex),e.yG2(),e.oRS(" HEX: ",r.hex," "),e.yG2(2),e.OKB("ngModel",r.hsb),e.yG2(),e.oRS(" HSB: ",r.hsb," "),e.yG2(2),e.OKB("ngModel",r.rgb),e.yG2(),e.oRS(" RGB: ",r.rgb," "))},dependencies:[d.ue,d._G,u],styles:[".format[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:12px}nz-color-picker[_ngcontent-%COMP%]{margin-right:8px}"]})}return n})(),se=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-show-text"]],decls:1,vars:0,consts:[["nzShowText",""]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)},dependencies:[u],encapsulation:2})}return n})(),de=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-size"]],decls:7,vars:0,consts:[["nzSize","large"],["nzSize","small"]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)(1,"br")(2,"br")(3,"nz-color-picker")(4,"br")(5,"br")(6,"nz-color-picker",1)},dependencies:[u],encapsulation:2})}return n})(),me=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-trigger"]],decls:1,vars:0,consts:[["nzTrigger","hover"]],template:function(t,r){1&t&&e.wR5(0,"nz-color-picker",0)},dependencies:[u],encapsulation:2})}return n})(),ue=(()=>{class n{constructor(o){this.formBuilder=o,this.validateForm=this.formBuilder.group({userName:["color-picker",[d.AQ.required]],colorPicker:["#1677ff"]})}
1submitForm(){console.log(this.validateForm.value)}static#e=this.\u0275fac=function(t){return new(t||n)(e.GI1(d.im))};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker-use"]],decls:15,vars:5,consts:[["nz-form","",3,"formGroup","ngSubmit"],[3,"nzSpan"],["nz-input","","formControlName","userName"],["formControlName","colorPicker","nzShowText",""],["nz-button","","nzType","primary"]],template:function(t,r){1&t&&(e.I0R(0,"form",0),e.qCj("ngSubmit",function(){return r.submitForm()}),e.I0R(1,"nz-form-item")(2,"nz-form-label",1),e.OEk(3,"name"),e.C$Y(),e.I0R(4,"nz-form-control",1),e.wR5(5,"input",2),e.C$Y()(),e.I0R(6,"nz-form-item")(7,"nz-form-label",1),e.OEk(8,"color"),e.C$Y(),e.I0R(9,"nz-form-control",1),e.wR5(10,"nz-color-picker",3),e.C$Y()(),e.I0R(11,"nz-form-item")(12,"nz-form-control")(13,"button",4),e.OEk(14,"submit"),e.C$Y()()()()),2&t&&(e.E7m("formGroup",r.validateForm),e.yG2(2),e.E7m("nzSpan",4),e.yG2(2),e.E7m("nzSpan",16),e.yG2(3),e.E7m("nzSpan",4),e.yG2(2),e.E7m("nzSpan",16))},dependencies:[d.sz,d.ot,d.ue,d.u,d.uW,d.Wo,O.QD,O.ox,u,$.BN,$.qU,$.Qo,$.YZ,_.cv,x.Ez,w.k,le.o9],encapsulation:2})}return n})(),Ke=(()=>{class n{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>{o.nzExpanded=this.expanded,o.expandCode(this.expanded),o.check()})}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker"]],viewQuery:function(t,r){if(1&t&&e.CC$(y.A,5),2&t){let i;e.wto(i=e.Gqi())&&(r.codeBoxes=i)}},decls:528,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["nzHref","#components-color-picker-demo-basic","nzTitle","\u57fa\u672c"],["nzHref","#components-color-picker-demo-size","nzTitle","\u89e6\u53d1\u5668\u5c3a\u5bf8\u5927\u5c0f"],["nzHref","#components-color-picker-demo-show-text","nzTitle","\u663e\u793a\u989c\u8272\u6587\u672c"],["nzHref","#components-color-picker-demo-disable","nzTitle","\u7981\u7528"],["nzHref","#components-color-picker-demo-disable-alpha","nzTitle","\u7981\u7528\u900f\u660e\u5ea6"],["nzHref","#components-color-picker-demo-clear","nzTitle","\u6e05\u9664\u989c\u8272"],["nzHref","#components-color-picker-demo-trigger","nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u4e8b\u4ef6"],["nzHref","#components-color-picker-demo-flip-flop","nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668"],["nzHref","#components-color-picker-demo-format","nzTitle","\u989c\u8272\u7f16\u7801"],["nzHref","#components-color-picker-demo-block","nzTitle","\u8272\u5f69\u5757"],["nzHref","#components-color-picker-demo-use","nzTitle","\u7ed3\u5408\u8868\u5355\u4f7f\u7528"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","\u4f55\u65f6\u4f7f\u7528"],["onclick","window.location.hash = '\u4f55\u65f6\u4f7f\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5c55\u5f00\u5168\u90e8\u4ee3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57fa\u672c","nzSelector","nz-demo-color-picker-basic","nzGenerateCommand","ng g ng-zorro-antd:color-picker-basic <name>","nzComponentName","NzDemoColorPickerBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u663e\u793a\u989c\u8272\u6587\u672c","nzSelector","nz-demo-color-picker-show-text","nzGenerateCommand","ng g ng-zorro-antd:color-picker-show-text <name>","nzComponentName","NzDemoColorPickerShowTextComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7981\u7528\u900f\u660e\u5ea6","nzSelector","nz-demo-color-picker-disable-alpha","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable-alpha <name>","nzComponentName","NzDemoColorPickerDisableAlphaComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u4e8b\u4ef6","nzSelector","nz-demo-color-picker-trigger","nzGenerateCommand","ng g ng-zorro-antd:color-picker-trigger <name>","nzComponentName","NzDemoColorPickerTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u989c\u8272\u7f16\u7801","nzSelector","nz-demo-color-picker-format","nzGenerateCommand","ng g ng-zorro-antd:color-picker-format <name>","nzComponentName","NzDemoColorPickerFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7ed3\u5408\u8868\u5355\u4f7f\u7528","nzSelector","nz-demo-color-picker-use","nzGenerateCommand","ng g ng-zorro-antd:color-picker-use <name>","nzComponentName","NzDemoColorPickerUseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u89e6\u53d1\u5668\u5c3a\u5bf8\u5927\u5c0f","nzSelector","nz-demo-color-picker-size","nzGenerateCommand","ng g ng-zorro-antd:color-picker-size <name>","nzComponentName","NzDemoColorPickerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u7981\u7528","nzSelector","nz-demo-color-picker-disable","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable <name>","nzComponentName","NzDemoColorPickerDisableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u6e05\u9664\u989c\u8272","nzSelector","nz-demo-color-picker-clear","nzGenerateCommand","ng g ng-zorro-antd:color-picker-clear <name>","nzComponentName","NzDemoColorPickerClearComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u81ea\u5b9a\u4e49\u89e6\u53d1\u5668","nzSelector","nz-demo-color-picker-flip-flop","nzGenerateCommand","ng g ng-zorro-antd:color-picker-flip-flop <name>","nzComponentName","NzDemoColorPickerFlipFlopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u8272\u5f69\u5757","nzSelector","nz-demo-color-picker-block","nzGenerateCommand","ng g ng-zorro-antd:color-picker-block <name>","nzComponentName","NzDemoColorPickerBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-color-picker:standalone'",1,"anchor"],["id","nz-color-block:standalone"],["onclick","window.location.hash = 'nz-color-block:standalone'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(t,r){1&t&&(e.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),e.qCj("nzClick",function(l){return r.goLink(l)}),e.wR5(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),e.C$Y()(),e.I0R(15,"section",14)(16,"h1"),e.OEk(17,"ColorPicker"),e.I0R(18,"span",15),e.OEk(19,"\u989c\u8272\u9
1009\u62e9\u5668"),e.C$Y(),e.wR5(20,"span",16),e.I0R(21,"a",17),e.wR5(22,"span",18),e.C$Y()(),e.I0R(23,"section",14),e.EdD(),e.I0R(24,"h2",19)(25,"span"),e.OEk(26,"\u4f55\u65f6\u4f7f\u7528"),e.C$Y(),e.I0R(27,"a",20),e.OEk(28,"#"),e.C$Y()(),e.I0R(29,"p"),e.OEk(30,"\u5f53\u7528\u6237\u9700\u8981\u81ea\u5b9a\u4e49\u989c\u8272\u9009\u62e9\u7684\u65f6\u5019\u4f7f\u7528\u3002"),e.C$Y(),e.I0R(31,"pre",21)(32,"code")(33,"span",22),e.OEk(34,"import"),e.C$Y(),e.OEk(35," "),e.I0R(36,"span",23),e.OEk(37,"{"),e.C$Y(),e.OEk(38," NzColorPickerModule "),e.I0R(39,"span",23),e.OEk(40,"}"),e.C$Y(),e.OEk(41," "),e.I0R(42,"span",22),e.OEk(43,"from"),e.C$Y(),e.OEk(44," "),e.I0R(45,"span",24),e.OEk(46,"'ng-zorro-antd/color-picker'"),e.C$Y(),e.I0R(47,"span",23),e.OEk(48,";"),e.C$Y()()(),e.eAF(),e.C$Y(),e.I0R(49,"h2")(50,"span"),e.OEk(51,"\u4ee3\u7801\u6f14\u793a"),e.C$Y(),e.I0R(52,"span",25),e.qCj("click",function(){return r.expandAllCode()}),e.C$Y()()(),e.I0R(53,"div",26)(54,"div",27)(55,"nz-code-box",28),e.wR5(56,"nz-demo-color-picker-basic",29),e.I0R(57,"div",30),e.EdD(),e.I0R(58,"p"),e.OEk(59,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(60,"nz-code-box",31),e.wR5(61,"nz-demo-color-picker-show-text",29),e.I0R(62,"div",30),e.EdD(),e.I0R(63,"p"),e.OEk(64,"\u6e32\u67d3\u89e6\u53d1\u5668\u7684\u9ed8\u8ba4\u6587\u672c, "),e.I0R(65,"code"),e.OEk(66,"nzShowText"),e.C$Y(),e.OEk(67," \u4e3a "),e.I0R(68,"code"),e.OEk(69,"true"),e.C$Y(),e.OEk(70," \u65f6\u751f\u6548\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(71,"nz-code-box",32),e.wR5(72,"nz-demo-color-picker-disable-alpha",29),e.I0R(73,"div",30),e.EdD(),e.I0R(74,"p"),e.OEk(75,"\u7981\u7528\u989c\u8272\u900f\u660e\u5ea6\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(76,"nz-code-box",33),e.wR5(77,"nz-demo-color-picker-trigger",29),e.I0R(78,"div",30),e.EdD(),e.I0R(79,"p"),e.OEk(80,"\u81ea\u5b9a\u4e49\u989c\u8272\u9762\u677f\u7684\u89e6\u53d1\u4e8b\u4ef6\uff0c\u63d0\u4f9b "),e.I0R(81,"code"),e.OEk(82,"click"),e.C$Y(),e.OEk(83," \u548c "),e.I0R(84,"code"),e.OEk(85,"hover"),e.C$Y(),e.OEk(86," \u4e24\u4e2a\u9009\u9879\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(87,"nz-code-box",34),e.wR5(88,"nz-demo-color-picker-format",29),e.I0R(89,"div",30),e.EdD(),e.I0R(90,"p"),e.OEk(91,"\u7f16\u7801\u683c\u5f0f\uff0c\u652f\u6301 "),e.I0R(92,"code"),e.OEk(93,"HEX"),e.C$Y(),e.OEk(94,"\u3001"),e.I0R(95,"code"),e.OEk(96,"HSB"),e.C$Y(),e.OEk(97,"\u3001"),e.I0R(98,"code"),e.OEk(99,"RGB"),e.C$Y(),e.OEk(100,"\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(101,"nz-code-box",35),e.wR5(102,"nz-demo-color-picker-use",29),e.I0R(103,"div",30),e.EdD(),e.I0R(104,"p")(105,"code"),e.OEk(106,'<nz-color-picker formControlName="color"></nz-color-picker>'),e.C$Y()(),e.eAF(),e.C$Y()()(),e.I0R(107,"div",27)(108,"nz-code-box",36),e.wR5(109,"nz-demo-color-picker-size",29),e.I0R(110,"div",30),e.EdD(),e.I0R(111,"p"),e.OEk(112,"\u89e6\u53d1\u5668\u6709\u5927\u3001\u4e2d\u3001\u5c0f\u4e09\u79cd\u5c3a\u5bf8"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(113,"nz-code-box",37),e.wR5(114,"nz-demo-color-picker-disable",29),e.I0R(115,"div",30),e.EdD(),e.I0R(116,"p"),e.OEk(117,"\u8bbe\u7f6e\u4e3a\u7981\u7528\u72b6\u6001\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(118,"nz-code-box",38),e.wR5(119,"nz-demo-color-picker-clear",29),e.I0R(120,"div",30),e.EdD(),e.I0R(121,"p"),e.OEk(122,"\u6e05\u9664\u5df2\u9009\u62e9\u7684\u989c\u8272\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(123,"nz-code-box",39),e.wR5(124,"nz-demo-color-picker-flip-flop",29),e.I0R(125,"div",30),e.EdD(),e.I0R(126,"p"),e.OEk(127,"\u81ea\u5b9a\u4e49\u989c\u8272\u9762\u677f\u7684\u89e6\u53d1\u5668\u3002"),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(128,"nz-code-box",40),e.wR5(129,"nz-demo-color-picker-block",29),e.I0R(130,"div",30),e.EdD(),e.I0R(131,"p"),e.OEk(132,"\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002"),e.C$Y(),e.eAF(),e.C$Y()()()(),e.I0R(133,"section",41),e.EdD(),e.I0R(134,"h2",42)(135,"span"),e.OEk(136,"API"),e.C$Y(),e.I0R(137,"a",43),e.OEk(138,"#"),e.C$Y()(),e.I0R(139,"h3",44)(140,"span"),e.OEk(141,"nz-color-picker"),e.C$Y(),e.I0R(142,"label",45),e.OEk(143,"component"),e.C$Y(),e.I0R(144,"label",46),e.OEk(145,"standalone"),e.C$Y(),e.I0R(146,"a",47),e.OEk(147,"#"),e.C$Y()(),e.I0R(148,"table")(149,"thead")(150,"tr")(151,"th"),e.OEk(152,"\u53c2\u6570"),e.C$Y(),e.I0R(153,"th"),e.OEk(154,"\u8bf4\u660e"),e.C$Y(),e.I0R(155,"th"),e.OEk(156,"\u7c7b\u578b"),e.C$Y(),e.I0R(157,"th"),e.OEk(158,"\u9ed8\u8ba4\u503c"),e.C$Y()()(),e.I0R(159,"tbody")(160,"tr")(161,"td")(162,"code"),e.OEk(163,"[nzFormat]"),e.C$Y()(),e.I0R(164,"td"),e.OEk(165,"\u989c\u8272\u683c\u5f0f"),e.C$Y(),e.I0R(166,"td")(167,"code"),e.OEk(168,"rgb"),e.C$Y(),e.OEk(169,"\uff5c"),e.I0R(170,"code"),e.OEk(171,"hex"),e.C$Y(),e.OEk(172,"\uff5c"),e.I0R(173,"code"),e.OEk(174,"hsb"),e.C$Y()(),e.I0R(175,"td")(176,"code"),e.OEk(177,"hex"),e.C$Y()()(),e.I0R(178,"tr")(179,"td")(180,"code"),e.OEk(181,"[nzValue]"),e.C$Y()(),e.I0R(182,"td"),e.OEk(183,"\u989c\u8272\u7684\u503c"),e.C$Y(),e.I0R(184,"td")(185,"code"),e.OEk(186,"string"),e.C$Y(),e.OEk(187,"\uff5c"),e.I0R(188,"code"),e.OEk(189,"NzColor"),e.C$Y()(),e.I0R(190,"td"),e.OEk(191,"-"),e.C$Y()(),e.I0R(192,"tr")(193,"td")(194,"code"),e.OEk(195,"[nzSize]"),e.C$Y()(),e.I0R(196,"td"),e.OEk(197,"\u8bbe\u7f6e\u89e6\u53d1\u5668\u5927\u5c0f"),e.C$Y(),e.I0R(198,"td")(199,"code"),e.OEk(200,"large"),e.C$Y(),e.OEk(201,"\uff5c"),e.I0R(202,"code"),e.OEk(203,"default"),e.C$Y(),e.OEk(204,"\uff5c"),e.I0R(205,"code"),e.OEk(206,"small"),e.C$Y()(),e.I0R(207,"td")(208,"code"),e.OEk(209,"default"),e.C$Y()()(),e.I0R(210,"tr")(211,"td")(212,"code"),e.OEk(213,"[nzDefaultValue]"),e.C$Y()(),e.I0R(214,"td"),e.OEk(215,"\u989c\u8272\u9ed8\u8ba4\u7684\u503c"),e.C$Y(),e.I0R(216,"td")(217,"code"),e.OEk(218,"string"),e.C$Y(),e.OEk(219,"\uff5c"),e.I0R(220,"code"),e.OEk(221,"NzColor"),e.C$Y()(),e.I0R(222,"td"),e.OEk(223,"-"),e.C$Y()(),e.I0R(224,"tr")(225,"td")(226,"code"),e.OEk(227,"[
1nzAllowClear]"),e.C$Y()(),e.I0R(228,"td"),e.OEk(229,"\u5141\u8bb8\u6e05\u9664\u9009\u62e9\u7684\u989c\u8272"),e.C$Y(),e.I0R(230,"td")(231,"code"),e.OEk(232,"boolean"),e.C$Y()(),e.I0R(233,"td")(234,"code"),e.OEk(235,"false"),e.C$Y()()(),e.I0R(236,"tr")(237,"td")(238,"code"),e.OEk(239,"[nzTrigger]"),e.C$Y()(),e.I0R(240,"td"),e.OEk(241,"\u989c\u8272\u9009\u62e9\u5668\u7684\u89e6\u53d1\u6a21\u5f0f"),e.C$Y(),e.I0R(242,"td")(243,"code"),e.OEk(244,"hover"),e.C$Y(),e.OEk(245,"\uff5c"),e.I0R(246,"code"),e.OEk(247,"click"),e.C$Y()(),e.I0R(248,"td")(249,"code"),e.OEk(250,"click"),e.C$Y()()(),e.I0R(251,"tr")(252,"td")(253,"code"),e.OEk(254,"[nzShowText]"),e.C$Y()(),e.I0R(255,"td"),e.OEk(256,"\u663e\u793a\u989c\u8272\u6587\u672c"),e.C$Y(),e.I0R(257,"td")(258,"code"),e.OEk(259,"boolean"),e.C$Y()(),e.I0R(260,"td")(261,"code"),e.OEk(262,"false"),e.C$Y()()(),e.I0R(263,"tr")(264,"td")(265,"code"),e.OEk(266,"[nzOpen]"),e.C$Y()(),e.I0R(267,"td"),e.OEk(268,"\u662f\u5426\u663e\u793a\u5f39\u51fa\u7a97\u53e3"),e.C$Y(),e.I0R(269,"td")(270,"code"),e.OEk(271,"boolean"),e.C$Y()(),e.I0R(272,"td")(273,"code"),e.OEk(274,"false"),e.C$Y()()(),e.I0R(275,"tr")(276,"td")(277,"code"),e.OEk(278,"[nzDisabled]"),e.C$Y()(),e.I0R(279,"td"),e.OEk(280,"\u7981\u7528\u989c\u8272\u9009\u62e9\u5668"),e.C$Y(),e.I0R(281,"td")(282,"code"),e.OEk(283,"boolean"),e.C$Y()(),e.I0R(284,"td")(285,"code"),e.OEk(286,"false"),e.C$Y()()(),e.I0R(287,"tr")(288,"td")(289,"code"),e.OEk(290,"[nzDisabledAlpha]"),e.C$Y()(),e.I0R(291,"td"),e.OEk(292,"\u7981\u7528\u900f\u660e\u5ea6"),e.C$Y(),e.I0R(293,"td")(294,"code"),e.OEk(295,"boolean"),e.C$Y()(),e.I0R(296,"td")(297,"code"),e.OEk(298,"false"),e.C$Y()()(),e.I0R(299,"tr")(300,"td")(301,"code"),e.OEk(302,"[nzTitle]"),e.C$Y()(),e.I0R(303,"td"),e.OEk(304,"\u8bbe\u7f6e\u989c\u8272\u9009\u62e9\u5668\u7684\u6807\u9898"),e.C$Y(),e.I0R(305,"td")(306,"code"),e.OEk(307,"TemplateRef<void>"),e.C$Y(),e.OEk(308,"\uff5c"),e.I0R(309,"code"),e.OEk(310,"string"),e.C$Y()(),e.I0R(311,"td"),e.OEk(312,"-"),e.C$Y()(),e.I0R(313,"tr")(314,"td")(315,"code"),e.OEk(316,"(nzOnChange)"),e.C$Y()(),e.I0R(317,"td"),e.OEk(318,"\u989c\u8272\u53d8\u5316\u7684\u56de\u8c03"),e.C$Y(),e.I0R(319,"td")(320,"code"),e.OEk(321,"EventEmitter<{ color: NzColor; format: string }>"),e.C$Y()(),e.I0R(322,"td"),e.OEk(323,"-"),e.C$Y()(),e.I0R(324,"tr")(325,"td")(326,"code"),e.OEk(327,"(nzOnClear)"),e.C$Y()(),e.I0R(328,"td"),e.OEk(329,"\u6e05\u9664\u7684\u56de\u8c03"),e.C$Y(),e.I0R(330,"td")(331,"code"),e.OEk(332,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(333,"td"),e.OEk(334,"-"),e.C$Y()(),e.I0R(335,"tr")(336,"td")(337,"code"),e.OEk(338,"(nzOnFormatChange)"),e.C$Y()(),e.I0R(339,"td"),e.OEk(340,"\u989c\u8272\u683c\u5f0f\u53d8\u5316\u7684\u56de\u8c03"),e.C$Y(),e.I0R(341,"td")(342,"code"),e.OEk(343,"EventEmitter<'rgb'\uff5c'hex'\uff5c'hsb'>"),e.C$Y()(),e.I0R(344,"td"),e.OEk(345,"-"),e.C$Y()(),e.I0R(346,"tr")(347,"td")(348,"code"),e.OEk(349,"(nzOnOpenChange)"),e.C$Y()(),e.I0R(350,"td"),e.OEk(351,"\u6253\u5f00\u989c\u8272\u9762\u677f\u7684\u56de\u8c03"),e.C$Y(),e.I0R(352,"td")(353,"code"),e.OEk(354,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(355,"td"),e.OEk(356,"-"),e.C$Y()()()(),e.I0R(357,"h3",48)(358,"span"),e.OEk(359,"nz-color-block"),e.C$Y(),e.I0R(360,"label",45),e.OEk(361,"component"),e.C$Y(),e.I0R(362,"label",46),e.OEk(363,"standalone"),e.C$Y(),e.I0R(364,"a",49),e.OEk(365,"#"),e.C$Y()(),e.I0R(366,"table")(367,"thead")(368,"tr")(369,"th"),e.OEk(370,"\u53c2\u6570"),e.C$Y(),e.I0R(371,"th"),e.OEk(372,"\u8bf4\u660e"),e.C$Y(),e.I0R(373,"th"),e.OEk(374,"\u7c7b\u578b"),e.C$Y(),e.I0R(375,"th"),e.OEk(376,"\u9ed8\u8ba4\u503c"),e.C$Y()()(),e.I0R(377,"tbody")(378,"tr")(379,"td")(380,"code"),e.OEk(381,"[nzColor]"),e.C$Y()(),e.I0R(382,"td"),e.OEk(383,"\u6a21\u5757\u7684\u989c\u8272"),e.C$Y(),e.I0R(384,"td")(385,"code"),e.OEk(386,"string"),e.C$Y()(),e.I0R(387,"td")(388,"code"),e.OEk(389,"#1677ff"),e.C$Y()()(),e.I0R(390,"tr")(391,"td")(392,"code"),e.OEk(393,"[nzSize]"),e.C$Y()(),e.I0R(394,"td"),e.OEk(395,"\u8272\u5f69\u5757\u7684\u5927\u5c0f"),e.C$Y(),e.I0R(396,"td")(397,"code"),e.OEk(398,"large"),e.C$Y(),e.OEk(399,"\uff5c"),e.I0R(400,"code"),e.OEk(401,"default"),e.C$Y(),e.OEk(402,"\uff5c"),e.I0R(403,"code"),e.OEk(404,"small"),e.C$Y()(),e.I0R(405,"td")(406,"code"),e.OEk(407,"default"),e.C$Y()()(),e.I0R(408,"tr")(409,"td")(410,"code"),e.OEk(411,"[nzOnClick]"),e.C$Y()(),e.I0R(412,"td"),e.OEk(413,"\u70b9\u51fb\u8272\u5f69\u5757\u7684\u56de\u8c03"),e.C$Y(),e.I0R(414,"td")(415,"code"),e.OEk(416,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(417,"td"),e.OEk(418,"-"),e.C$Y()()()(),e.I0R(419,"h3",50)(420,"span"),e.OEk(421,"NzColor"),e.C$Y(),e.I0R(422,"a",51),e.OEk(423,"#"),e.C$Y()(),e.I0R(424,"table")(425,"thead")(426,"tr")(427,"th"),e.OEk(428,"\u53c2\u6570"),e.C$Y(),e.I0R(429,"th"),e.OEk(430,"\u8bf4\u660e"),e.C$Y(),e.I0R(431,"th"),e.OEk(432,"\u7c7b\u578b"),e.C$Y(),e.I0R(433,"th"),e.OEk(434,"\u9ed8\u8ba4\u503c"),e.C$Y()()(),e.I0R(435,"tbody")(436,"tr")(437,"td")(438,"code"),e.OEk(439,"toHex"),e.C$Y()(),e.I0R(440,"td"),e.OEk(441,"\u8f6c\u6362\u6210 "),e.I0R(442,"code"),e.OEk(443,"hex"),e.C$Y(),e.OEk(444," \u683c\u5f0f\u5b57\u7b26\uff0c\u8fd4\u56de\u683c\u5f0f\u5982\uff1a"),e.I0R(445,"code"),e.OEk(446,"1677ff"),e.C$Y()(),e.I0R(447,"td")(448,"code"),e.OEk(449,"() => string"),e.C$Y()(),e.I0R(450,"td"),e.OEk(451,"-"),e.C$Y()(),e.I0R(452,"tr")(453,"td")(454,"code"),e.OEk(455,"toHexString"),e.C$Y()(),e.I0R(456,"td"),e.OEk(457,"\u8f6c\u6362\u6210 "),e.I0R(458,"code"),e.OEk(459,"hex"),e.C$Y(),e.OEk(460," \u683c\u5f0f\u989c\u8272\u5b57\u7b26\u4e32\uff0c\u8fd4\u56de\u683c\u5f0f\u5982\uff1a"),e.I0R(461,"code"),e.OEk(462,"#1677ff"),e.C$Y()(),e.I0R(463,"td")(464,"code"),e.OEk(465,"() => string"),e.C$Y()(),e.I0R(466,"td"),e.OEk(467,"-"),e.C$Y()(),e.I0R(468,"tr")(469,"td")(470,"code"),e.OEk(471,"toHsb"),e.C$Y()(),e.I0R(472,"td"),e.OEk(473,"\u8f6c\u6362\u6210 "),e.I0R(474,"code"),e.OEk(475,"hsb"),e.C$Y(),e.OEk(476," \u5bf9\u8c61"),e.C$Y(),e.I0R(477,"td")(478,"code"),e.OEk(479,"() => ({ h: number, s: number, b: number, a number })"),e.C$Y()(),e.I0R(480,"td"),e.OEk(481,"-"),e.C$Y()(),e.I0R(482,"tr")(483,"td")(484,"code"),e.OEk(485,"toHsbString"),e.C$Y()(),e.I0R(486,"td"),e.OEk(487,"\u8f6c\u6362\u6210 "),e.I0R(488,"code"),e.OEk(489,"hsb"),e.C$Y(),e.OEk(490," \u683c\u5f0f\u989c\u8272\u5b57\u7b26\u4e32\uff0c\u8fd4\u56de\u683c\u5f0f\u5982\uff1a"),e.I0R(491,"code"),e.OEk(492,"hsb(2
115, 91%, 100%)"),e.C$Y()(),e.I0R(493,"td")(494,"code"),e.OEk(495,"() => string"),e.C$Y()(),e.I0R(496,"td"),e.OEk(497,"-"),e.C$Y()(),e.I0R(498,"tr")(499,"td")(500,"code"),e.OEk(501,"toRgb"),e.C$Y()(),e.I0R(502,"td"),e.OEk(503,"\u8f6c\u6362\u6210 "),e.I0R(504,"code"),e.OEk(505,"rgb"),e.C$Y(),e.OEk(506," \u5bf9\u8c61"),e.C$Y(),e.I0R(507,"td")(508,"code"),e.OEk(509,"() => ({ r: number, g: number, b: number, a number })"),e.C$Y()(),e.I0R(510,"td"),e.OEk(511,"-"),e.C$Y()(),e.I0R(512,"tr")(513,"td")(514,"code"),e.OEk(515,"toRgbString"),e.C$Y()(),e.I0R(516,"td"),e.OEk(517,"\u8f6c\u6362\u6210 "),e.I0R(518,"code"),e.OEk(519,"rgb"),e.C$Y(),e.OEk(520," \u683c\u5f0f\u989c\u8272\u5b57\u7b26\u4e32\uff0c\u8fd4\u56de\u683c\u5f0f\u5982\uff1a"),e.I0R(521,"code"),e.OEk(522,"rgb(22, 119, 255)"),e.C$Y()(),e.I0R(523,"td")(524,"code"),e.OEk(525,"() => string"),e.C$Y()(),e.I0R(526,"td"),e.OEk(527,"-"),e.C$Y()()()(),e.eAF(),e.C$Y()()),2&t&&(e.yG2(),e.E7m("nzOffsetTop",16),e.yG2(),e.E7m("nzAffix",!1),e.yG2(51),e.E7m("nzGutter",16),e.yG2(),e.E7m("nzXl",12)("nzSpan",24),e.yG2(),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(11),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(11),e.E7m("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"),e.yG2(14),e.E7m("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"),e.yG2(6),e.E7m("nzXl",12)("nzSpan",24),e.yG2(),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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:[y.A,D.s9,D.mK,W.g,O.QD,O.ox,q.qG,ee.If,w.k,oe,ne,te,re,ie,ce,ae,se,de,me,ue],encapsulation:2})}return n})(),We=(()=>{class n{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>{o.nzExpanded=this.expanded,o.expandCode(this.expanded),o.check()})}static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275cmp=e.In1({type:n,selectors:[["nz-demo-color-picker"]],viewQuery:function(t,r){if(1&t&&e.CC$(y.A,5),2&t){let i;e.wto(i=e.Gqi())&&(r.codeBoxes=i)}},decls:531,vars:51,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzAffix","nzClick"],["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
1Color"],["nzHref","#components-color-picker-demo-trigger","nzTitle","Custom Trigger Event"],["nzHref","#components-color-picker-demo-flip-flop","nzTitle","Custom Trigger"],["nzHref","#components-color-picker-demo-format","nzTitle","Color Format"],["nzHref","#components-color-picker-demo-block","nzTitle","Color Block"],["nzHref","#components-color-picker-demo-use","nzTitle","Use with forms"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/color-picker/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-color-picker-basic","nzGenerateCommand","ng g ng-zorro-antd:color-picker-basic <name>","nzComponentName","NzDemoColorPickerBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Show Color Text","nzSelector","nz-demo-color-picker-show-text","nzGenerateCommand","ng g ng-zorro-antd:color-picker-show-text <name>","nzComponentName","NzDemoColorPickerShowTextComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Disabled Alpha","nzSelector","nz-demo-color-picker-disable-alpha","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable-alpha <name>","nzComponentName","NzDemoColorPickerDisableAlphaComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom Trigger Event","nzSelector","nz-demo-color-picker-trigger","nzGenerateCommand","ng g ng-zorro-antd:color-picker-trigger <name>","nzComponentName","NzDemoColorPickerTriggerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Color Format","nzSelector","nz-demo-color-picker-format","nzGenerateCommand","ng g ng-zorro-antd:color-picker-format <name>","nzComponentName","NzDemoColorPickerFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Use with forms","nzSelector","nz-demo-color-picker-use","nzGenerateCommand","ng g ng-zorro-antd:color-picker-use <name>","nzComponentName","NzDemoColorPickerUseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Trigger size","nzSelector","nz-demo-color-picker-size","nzGenerateCommand","ng g ng-zorro-antd:color-picker-size <name>","nzComponentName","NzDemoColorPickerSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Disabled","nzSelector","nz-demo-color-picker-disable","nzGenerateCommand","ng g ng-zorro-antd:color-picker-disable <name>","nzComponentName","NzDemoColorPickerDisableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Clear Color","nzSelector","nz-demo-color-picker-clear","nzGenerateCommand","ng g ng-zorro-antd:color-picker-clear <name>","nzComponentName","NzDemoColorPickerClearComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Custom Trigger","nzSelector","nz-demo-color-picker-flip-flop","nzGenerateCommand","ng g ng-zorro-antd:color-picker-flip-flop <name>","nzComponentName","NzDemoColorPickerFlipFlopComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Color Block","nzSelector","nz-demo-color-picker-block","nzGenerateCommand","ng g ng-zorro-antd:color-picker-block <name>","nzComponentName","NzDemoColorPickerBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-color-picker:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-color-picker:standalone'",1,"anchor"],["id","nz-color-block:standalone"],["onclick","window.location.hash = 'nz-color-block:standalone'",1,"anchor"],["id","nzcolor"],["onclick","window.location.hash = 'nzcolor'",1,"anchor"]],template:function(t,r){1&t&&(e.I0R(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),e.qCj("nzClick",function(l){return r.goLink(l)}),e.wR5(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),e.C$Y()(),e.I0R(15,"section",14)(16,"h1"),e.OEk(17,"ColorPicker"),e.wR5(18,"span",15)(19,"span",16),e.I0R(20,"a",17),e.wR5(21,"span",18),e.C$Y()(),e.I0R(22,"section",14),e.EdD(),e.I0R(23,"h2",19)(24,"span"),e.OEk(25,"When To Use"),e.C$Y(),e.I0R(26,"a",20),e.OEk(27,"#"),e.C$Y()(),e.I0R(28,"p"),e.OEk(29,"Used when the user needs to customize the color selection."),e.C$Y(),e.I0R(30,"pre",21)(31,"code")(32,"span",22),e.OEk(33,"import"),e.C$Y(),e.OEk(34," "),e.I0R(35,"span",23),e.OEk(36,"{"),e.C$Y(),e.OEk(37," NzColorPickerModule "),e.I0R(38,"span",23),e.OEk(39,"}"),e.C$Y(),e.OEk(40," "),e.I0R(41,"span",22),e.OEk(42,"from"),e.C$Y(),e.OEk(43," "),e.I0R(44,"span",24),e.OEk(45,"'ng-zorro-antd/color-picker'"),e.C$Y(),e.I0R(46,"span",23),e.OEk(47,";"),e.C$Y()()(),e.eAF(),e.C$Y(),e.I0R(48,"h2")(49,"span"),e.OEk(50,"Examples"),e.C$Y(),e.I0R(51,"span",25),e.qCj("click",function(){return r.expandAllCode()}),e.C$Y()()(),e.I0R(52,"div",26)(53,"div",27)(54,"nz-code-box",28),e.wR5(55,"nz-demo-color-picker-basic",29),e.I0R(56,"div",30),e.EdD(),e.I0R(57,"p"),e.OEk(58,"The simplest usage."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(59,"nz-code-box",31),e.wR5(60,"nz-demo-color-picker-show-text",29),e.I0R(61,"div",30),e.EdD(),e.I0R(62,"p"),e.OEk(63,"The default text of the rendering trigger, effective when "),e.I0R(64,"code"),e.OEk(65,"nzShowText"),e.C$Y(),e.OEk(66," is "),e.I0R(67,"code"),e.OEk(68,"true"),e.C$Y(),e.OEk(69,"."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(70,"nz-code-box",32),e.wR5(71,"nz-demo-color-picker-disable-alpha",29),e.I0R(72,"div",30),e.EdD(),e.I0R(73,"p"),e.OEk(74,"Disabled color alpha."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(75,"nz-code-box",33),e.wR5(76,"nz-demo-color-picker-trigger",29),e.I0R(77,"div",30),e.EdD(),e.I0R(78,"p"),e.OEk(79,"Triggers event for customizing color panels, provide options "),e.I0R(80,"code"),e.OEk(81,"click"),e.C$Y(),e.OEk(82," and "),e.I0R(83,"code"),e.OEk(84,"hover"),e.C$Y(),e.OEk(85,"."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(86,"nz-code-box",34),e.wR5(87,"nz-demo-color-picker-format",29),e.I0R(88,"div",30),e.EdD(),e.I0R(89,"p"),e.OEk(90,"Encoding formats, support "),e.I0R(91,"code"),e.OEk(92,"HEX"),e.C$Y(),e.OEk(93,", "),e.I0R(94,"code"),e.OEk(95,"HSB"),e.C$Y(),e.OEk(96,", "),e.I0R(97,"code"),e.OEk(98,"RGB"),e.C$Y(),e.OEk(99,"."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(100,"nz-code-box",35),e.wR5(101,"nz-demo-color-picker-use",29),e.I0R(102,"div",30),e.EdD(),e.I0R(103,"p")(104,"code"),e.OEk(105,'<nz-color-picker formControlName="color"></nz-color-picker>'),e.C$Y()(),e.eAF(),e.C$Y()()(),e.I0R(106,"div",27)(107,"nz-code-box",36),e.wR5(108,"nz-demo-color-picker-size",29),e.I0R(109,"div",30),e.EdD(),e.I0R(110,"p"),e.OEk(111,"The trigger has three sizes: large, medium and small."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(112,"nz-code-box",37),e.wR5(113,"nz-demo-color-picker-disable",29),e.I0R(114,"div",30),e.EdD(),e.I0R(115,"p"),e.OEk(116,"Set to disabled state."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(117,"nz-code-box",38),e.wR5(118,"nz-demo-color-picker-clear",29),e.I0R(119,"div",30),e.EdD(),e.I0R(120,"p"),e.OEk(121,"Clear Color."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(122,"nz-code-box",39),e.wR5(123,"nz-demo-color-picker-flip-flop",29),e.I0R(124,"div",30),e.EdD(),e.I0R(125,"p"),e.OEk(126,"Triggers for customizing color panels."),e.C$Y(),e.eAF(),e.C$Y()(),e.I0R(127,"nz-code-box",40),e.wR5(128,"nz-demo-color-picker-block",29),e.I0R(129,"div",30),e.EdD(),e.I0R(130,"p"),e.OEk(131,"Color Block."),e.C$Y(),e.eAF(),e.C$Y()()()(),e.I0R(132,"section",41),e.EdD(),e.I0R(133,"h2",42)(134,"span"),e.OEk(135,"API"),e.C$Y(),e.I0R(136,"a",43),e.OEk(137,"#"),e.C$Y()(),e.I0R(138,"h3",44)(139,"span"),e.OEk(140,"nz-color-picker"),e.C$Y(),e.I0R(141,"label",45),e.OEk(142,"component"),e.C$Y(),e.I0R(143,"label",46),e.OEk(144,"standalone"),e.C$Y(),e.I0R(145,"a",47),e.OEk(146,"#"),e.C$Y()(),e.I0R(147,"table")(148,"thead")(149,"tr")(150,"th"),e.OEk(151,"Parameter"),e.C$Y(),e.I0R(152,"th"),e.OEk(153,"Description"),e.C$Y(),e.I0R(154,"th"),e.OEk(155,"Type"),e.C$Y(),e.I0R(156,"th"),e.OEk(157,"Default"),e.C$Y()()(),e.I0R(158,"tbody")(159,"tr")(160,"td")(161,"code"),e.OEk(162,"[nzFormat]"),e.C$Y()(),e.I0R(163,"td"),e.OEk(164,"Format of color"),e.C$Y(),e.I0R(165,"td")(166,"code"),e.OEk(167,"rgb"),e.C$Y(),e.OEk(168,"\uff5c"),e.I0R(169,"code"),e.OEk(170,"hex"),e.C$Y(),e.OEk(171,"\uff5c"),e.I0R(172,"code"),e.OEk(173,"hsb"),e.C$Y()(),e.I0R(174,"td")(175,"code"),e.OEk(176,"hex"),e.C$Y()()(),e.I0R(177,"tr")(178,"td")(179,"code"),e.OEk(180,"[nzValue]"),e.C$Y()(),e.I0R(181,"td"),e.OEk(182,"Value of color"),e.C$Y(),e.I0R(183,"td")(184,"code"),e.OEk(185,"string"),e.C$Y(),e.OEk(186,"\uff5c"),e.I0R(187,"code"),e.OEk(188,"NzColor"),e.C$Y()(),e.I0R(189,"td"),e.OEk(190,"-"),e.C$Y()(),e.I0R(191,"tr")(192,"td")(193,"code"),e.OEk(194,"[nzSize]"),e.C$Y()(),e.I0R(195,"td"),e.OEk(196,"Setting the trigger size"),e.C$Y(),e.I0R(197,"td")(198,"code"),e.OEk(199,"large"),e.C$Y(),e.OEk(200,"\uff5c"),e.I0R(201,"code"),e.OEk(202,"default"),e.C$Y(),e.OEk(203,"\uff5c"),e.I0R(204,"code"),e.OEk(205,"small"),e.C$Y()(),e.I0R(206,"td")(207,"code"),e.OEk(208,"default"),e.C$Y()()(),e.I0R(209,"tr")(210,"td")(211,"code"),e.OEk(212,"[nzDefaultValue]"),e.C$Y()(),e.I0R(213,"td"),e.OEk(214,"Default value of color"),e.C$Y(),e.I0R(215,"td")(216,"code"),e.OEk(217,"string"),e.C$Y(),e.OEk(218,"\uff5c"),e.I0R(219,"code"),e.OEk(220,"NzColor"),e.C$Y()(),e.I0R(221,"td")(222,"code"),e.OEk(223,"false"),e.C$Y()()(),e.I0R(224,"tr")(225,"td")(226,"code"),e.OEk(227,"[
1nzAllowClear]"),e.C$Y()(),e.I0R(228,"td"),e.OEk(229,"Allow clearing color selected"),e.C$Y(),e.I0R(230,"td")(231,"code"),e.OEk(232,"boolean"),e.C$Y()(),e.I0R(233,"td")(234,"code"),e.OEk(235,"false"),e.C$Y()()(),e.I0R(236,"tr")(237,"td")(238,"code"),e.OEk(239,"[nzTrigger]"),e.C$Y()(),e.I0R(240,"td"),e.OEk(241,"ColorPicker trigger mode"),e.C$Y(),e.I0R(242,"td")(243,"code"),e.OEk(244,"hover"),e.C$Y(),e.OEk(245,"\uff5c"),e.I0R(246,"code"),e.OEk(247,"click"),e.C$Y()(),e.I0R(248,"td")(249,"code"),e.OEk(250,"click"),e.C$Y()()(),e.I0R(251,"tr")(252,"td")(253,"code"),e.OEk(254,"[nzShowText]"),e.C$Y()(),e.I0R(255,"td"),e.OEk(256,"Show color text"),e.C$Y(),e.I0R(257,"td")(258,"code"),e.OEk(259,"boolean"),e.C$Y()(),e.I0R(260,"td")(261,"code"),e.OEk(262,"false"),e.C$Y()()(),e.I0R(263,"tr")(264,"td")(265,"code"),e.OEk(266,"[nzOpen]"),e.C$Y()(),e.I0R(267,"td"),e.OEk(268,"Whether to show popups"),e.C$Y(),e.I0R(269,"td")(270,"code"),e.OEk(271,"boolean"),e.C$Y()(),e.I0R(272,"td")(273,"code"),e.OEk(274,"false"),e.C$Y()()(),e.I0R(275,"tr")(276,"td")(277,"code"),e.OEk(278,"[nzDisabled]"),e.C$Y()(),e.I0R(279,"td"),e.OEk(280,"Disable ColorPicker"),e.C$Y(),e.I0R(281,"td")(282,"code"),e.OEk(283,"boolean"),e.C$Y()(),e.I0R(284,"td")(285,"code"),e.OEk(286,"false"),e.C$Y()()(),e.I0R(287,"tr")(288,"td")(289,"code"),e.OEk(290,"[nzDisabledAlpha]"),e.C$Y()(),e.I0R(291,"td"),e.OEk(292,"Disable Alpha"),e.C$Y(),e.I0R(293,"td")(294,"code"),e.OEk(295,"boolean"),e.C$Y()(),e.I0R(296,"td")(297,"code"),e.OEk(298,"false"),e.C$Y()()(),e.I0R(299,"tr")(300,"td")(301,"code"),e.OEk(302,"[nzTitle]"),e.C$Y()(),e.I0R(303,"td"),e.OEk(304,"Setting the title of the color picker"),e.C$Y(),e.I0R(305,"td")(306,"code"),e.OEk(307,"TemplateRef<void>"),e.C$Y(),e.OEk(308,"\uff5c"),e.I0R(309,"code"),e.OEk(310,"string"),e.C$Y()(),e.I0R(311,"td"),e.OEk(312,"-"),e.C$Y()(),e.I0R(313,"tr")(314,"td")(315,"code"),e.OEk(316,"(nzOnChange)"),e.C$Y()(),e.I0R(317,"td"),e.OEk(318,"Callback when value is changed"),e.C$Y(),e.I0R(319,"td")(320,"code"),e.OEk(321,"EventEmitter<{ color: NzColor; format: string }>"),e.C$Y()(),e.I0R(322,"td"),e.OEk(323,"-"),e.C$Y()(),e.I0R(324,"tr")(325,"td")(326,"code"),e.OEk(327,"(nzOnClear)"),e.C$Y()(),e.I0R(328,"td"),e.OEk(329,"Called when clear"),e.C$Y(),e.I0R(330,"td")(331,"code"),e.OEk(332,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(333,"td"),e.OEk(334,"-"),e.C$Y()(),e.I0R(335,"tr")(336,"td")(337,"code"),e.OEk(338,"(nzOnFormatChange)"),e.C$Y()(),e.I0R(339,"td"),e.OEk(340,"Callback when "),e.I0R(341,"code"),e.OEk(342,"format"),e.C$Y(),e.OEk(343," is changed"),e.C$Y(),e.I0R(344,"td")(345,"code"),e.OEk(346,"EventEmitter<'rgb'\uff5c'hex'\uff5c'hsb'>"),e.C$Y()(),e.I0R(347,"td"),e.OEk(348,"-"),e.C$Y()(),e.I0R(349,"tr")(350,"td")(351,"code"),e.OEk(352,"(nzOnOpenChange)"),e.C$Y()(),e.I0R(353,"td"),e.OEk(354,"Callback for opening the color panel"),e.C$Y(),e.I0R(355,"td")(356,"code"),e.OEk(357,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(358,"td"),e.OEk(359,"-"),e.C$Y()()()(),e.I0R(360,"h3",48)(361,"span"),e.OEk(362,"nz-color-block"),e.C$Y(),e.I0R(363,"label",45),e.OEk(364,"component"),e.C$Y(),e.I0R(365,"label",46),e.OEk(366,"standalone"),e.C$Y(),e.I0R(367,"a",49),e.OEk(368,"#"),e.C$Y()(),e.I0R(369,"table")(370,"thead")(371,"tr")(372,"th"),e.OEk(373,"Parameter"),e.C$Y(),e.I0R(374,"th"),e.OEk(375,"Description"),e.C$Y(),e.I0R(376,"th"),e.OEk(377,"Type"),e.C$Y(),e.I0R(378,"th"),e.OEk(379,"Default"),e.C$Y()()(),e.I0R(380,"tbody")(381,"tr")(382,"td")(383,"code"),e.OEk(384,"[nzColor]"),e.C$Y()(),e.I0R(385,"td"),e.OEk(386,"Module colors"),e.C$Y(),e.I0R(387,"td")(388,"code"),e.OEk(389,"string"),e.C$Y()(),e.I0R(390,"td")(391,"code"),e.OEk(392,"#1677ff"),e.C$Y()()(),e.I0R(393,"tr")(394,"td")(395,"code"),e.OEk(396,"[nzSize]"),e.C$Y()(),e.I0R(397,"td"),e.OEk(398,"Color block size"),e.C$Y(),e.I0R(399,"td")(400,"code"),e.OEk(401,"large"),e.C$Y(),e.OEk(402,"\uff5c"),e.I0R(403,"code"),e.OEk(404,"default"),e.C$Y(),e.OEk(405,"\uff5c"),e.I0R(406,"code"),e.OEk(407,"small"),e.C$Y()(),e.I0R(408,"td")(409,"code"),e.OEk(410,"default"),e.C$Y()()(),e.I0R(411,"tr")(412,"td")(413,"code"),e.OEk(414,"[nzOnClick]"),e.C$Y()(),e.I0R(415,"td"),e.OEk(416,"Callbacks for clicking on color blocks"),e.C$Y(),e.I0R(417,"td")(418,"code"),e.OEk(419,"EventEmitter<boolean>"),e.C$Y()(),e.I0R(420,"td"),e.OEk(421,"-"),e.C$Y()()()(),e.I0R(422,"h3",50)(423,"span"),e.OEk(424,"NzColor"),e.C$Y(),e.I0R(425,"a",51),e.OEk(426,"#"),e.C$Y()(),e.I0R(427,"table")(428,"thead")(429,"tr")(430,"th"),e.OEk(431,"Parameter"),e.C$Y(),e.I0R(432,"th"),e.OEk(433,"Description"),e.C$Y(),e.I0R(434,"th"),e.OEk(435,"Type"),e.C$Y(),e.I0R(436,"th"),e.OEk(437,"Default"),e.C$Y()()(),e.I0R(438,"tbody")(439,"tr")(440,"td")(441,"code"),e.OEk(442,"toHex"),e.C$Y()(),e.I0R(443,"td"),e.OEk(444,"Convert to "),e.I0R(445,"code"),e.OEk(446,"hex"),e.C$Y(),e.OEk(447," format characters, the return type like: "),e.I0R(448,"code"),e.OEk(449,"1677ff"),e.C$Y()(),e.I0R(450,"td")(451,"code"),e.OEk(452,"() => string"),e.C$Y()(),e.I0R(453,"td"),e.OEk(454,"-"),e.C$Y()(),e.I0R(455,"tr")(456,"td")(457,"code"),e.OEk(458,"toHexString"),e.C$Y()(),e.I0R(459,"td"),e.OEk(460,"Convert to "),e.I0R(461,"code"),e.OEk(462,"hex"),e.C$Y(),e.OEk(463," format color string, the return type like: "),e.I0R(464,"code"),e.OEk(465,"#1677ff"),e.C$Y()(),e.I0R(466,"td")(467,"code"),e.OEk(468,"() => string"),e.C$Y()(),e.I0R(469,"td"),e.OEk(470,"-"),e.C$Y()(),e.I0R(471,"tr")(472,"td")(473,"code"),e.OEk(474,"toHsb"),e.C$Y()(),e.I0R(475,"td"),e.OEk(476,"Convert to "),e.I0R(477,"code"),e.OEk(478,"hsb"),e.C$Y(),e.OEk(479," object"),e.C$Y(),e.I0R(480,"td")(481,"code"),e.OEk(482,"() => ({ h: number, s: number, b: number, a number })"),e.C$Y()(),e.I0R(483,"td"),e.OEk(484,"-"),e.C$Y()(),e.I0R(485,"tr")(486,"td")(487,"code"),e.OEk(488,"toHsbString"),e.C$Y()(),e.I0R(489,"td"),e.OEk(490,"Convert to "),e.I0R(491,"code"),e.OEk(492,"hsb"),e.C$Y(),e.OEk(493," format color string, the return type like: "),e.I0R(494,"code"),e.OEk(495,"hsb(215, 91%, 100%)"),e.C$Y()(),e.I0R(496,"td")(497,"code"),e.OEk(498,"() => string"),e.C$Y()(),e.I0R(499,"td"),e.OEk(500,"-"),e.C$Y()(),e.I0R(501,"tr")(502,"td")(503,"code"),e.OEk(504,"toRgb"),e.C$Y()(),e.I0R(505,"td"),e.OEk(506,"Convert to "),e.I0R(507,"code"),e.OEk(508,"rgb"),e.C$Y(),e.OEk(509," object"),e.C$Y(),e.I0R(510,"td")(511,"code"),e.OEk(512,"() => ({ r: number, g: number, b: number, a number })"),e.C$Y()(),e.I0R(513,"td"),e.OEk(514,"-"),e.C$Y()(),e.I0R(515,"tr")(516,"td")(517,"code"),e.OEk(518,"toRgbString"),e.C$Y()(),e.I0R(519,"td"),e.OEk(520,"Convert to "),e.I0R(52
11,"code"),e.OEk(522,"rgb"),e.C$Y(),e.OEk(523," format color string, the return type like: "),e.I0R(524,"code"),e.OEk(525,"rgb(22, 119, 255)"),e.C$Y()(),e.I0R(526,"td")(527,"code"),e.OEk(528,"() => string"),e.C$Y()(),e.I0R(529,"td"),e.OEk(530,"-"),e.C$Y()()()(),e.eAF(),e.C$Y()()),2&t&&(e.yG2(),e.E7m("nzOffsetTop",16),e.yG2(),e.E7m("nzAffix",!1),e.yG2(50),e.E7m("nzGutter",16),e.yG2(),e.E7m("nzXl",12)("nzSpan",24),e.yG2(),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(11),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(11),e.E7m("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"),e.yG2(14),e.E7m("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"),e.yG2(6),e.E7m("nzXl",12)("nzSpan",24),e.yG2(),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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"),e.yG2(5),e.E7m("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:[y.A,D.s9,D.mK,W.g,O.QD,O.ox,q.qG,ee.If,w.k,oe,ne,te,re,ie,ce,ae,se,de,me,ue],encapsulation:2})}return n})(),qe=(()=>{class n{static#e=this.\u0275fac=function(t){return new(t||n)};static#o=this.\u0275mod=e.a4G({type:n});static#n=this.\u0275inj=e.s3X({imports:[Ce.K,Je,pe.qQ.forChild([{path:"en",component:We},{path:"zh",component:Ke}])]})}return n})()}}]);
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.