diff --git a/3rdpartylicenses.txt b/3rdpartylicenses.txt index f0c4b1d..2f9d954 100644 --- a/3rdpartylicenses.txt +++ b/3rdpartylicenses.txt @@ -237,13 +237,18 @@ Package: @angular/platform-browser License: "MIT" +-------------------------------------------------------------------------------- +Package: @angular/forms +License: "MIT" + + -------------------------------------------------------------------------------- Package: zone.js License: "MIT" The MIT License -Copyright (c) 2010-2023 Google LLC. https://angular.io/license +Copyright (c) 2010-2024 Google LLC. https://angular.io/license Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/browser/index.html b/browser/index.html index 4121a1c..c733bb1 100644 --- a/browser/index.html +++ b/browser/index.html @@ -57,7 +57,7 @@ -
diff --git a/browser/main.js b/browser/main.js index 409b5dd..8e16c4a 100644 --- a/browser/main.js +++ b/browser/main.js @@ -1,55 +1,55 @@ -var ku=Object.defineProperty,Pu=Object.defineProperties;var Nu=Object.getOwnPropertyDescriptors;var ms=Object.getOwnPropertySymbols;var Ou=Object.prototype.hasOwnProperty,Ru=Object.prototype.propertyIsEnumerable;var vs=(e,t,n)=>t in e?ku(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Le=(e,t)=>{for(var n in t||={})Ou.call(t,n)&&vs(e,n,t[n]);if(ms)for(var n of ms(t))Ru.call(t,n)&&vs(e,n,t[n]);return e},tt=(e,t)=>Pu(e,Nu(t));var ys=null;var qr=1;function re(e){let t=ys;return ys=e,t}var Cs={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function Fu(e){if(!(Yr(e)&&!e.dirty)&&!(!e.dirty&&e.lastCleanEpoch===qr)){if(!e.producerMustRecompute(e)&&!Wr(e)){e.dirty=!1,e.lastCleanEpoch=qr;return}e.producerRecomputeValue(e),e.dirty=!1,e.lastCleanEpoch=qr}}function Ds(e){return e&&(e.nextProducerIndex=0),re(e)}function ws(e,t){if(re(t),!(!e||e.producerNode===void 0||e.producerIndexOfThis===void 0||e.producerLastReadVersion===void 0)){if(Yr(e))for(let n=e.nextProducerIndex;n-1?nt(e.index,t):t;gs(a);let l=il(t,n,r,s),c=i.__ngNextListenerFn__;for(;c;)l=il(t,n,c,s)&&l,c=c.__ngNextListenerFn__;return o&&l===!1&&s.preventDefault(),l}}function E(e=1){return zp(e)}function zr(e,t,n){gm(e,t,n)}function $r(e){let t=R(),n=ee(),r=$l();Zi(r+1);let o=vs(n,r);if(e.dirty&&xp(t)===((o.metadata.flags&2)===2)){if(o.matches===null)e.reset([]);else{let i=ym(t,r);e.reset(i,uh),e.notifyOnChanges()}return!0}return!1}function Yr(){return pm(R(),$l())}function Kr(e){let t=Lp();return Ip(t,Le+e)}function p(e,t=""){let n=R(),r=ee(),o=e+Le,i=r.firstCreatePass?wn(r,o,1,t,null):r.data[o],s=fv(r,n,i,t,e);n[o]=s,Rr()&&Hr(r,n,s,i),bt(i,!1)}var fv=(e,t,n,r,o)=>(Vr(!0),Ah(t[K],r));function it(e){return Jt("",e,""),it}function Jt(e,t,n){let r=R(),o=iu(r,e,t,n);return o!==Ce&&Wc(r,rt(),o),Jt}function Zr(e,t,n,r,o){let i=R(),s=Bm(i,e,t,n,r,o);return s!==Ce&&Wc(i,rt(),s),Zr}function W(e,t,n){eu(t)&&(t=t());let r=R(),o=Yi();if(Dt(r,o,t)){let i=ee(),s=Jl();Fc(i,s,r,e,t,r[K],n,!1)}return W}function G(e,t){let n=eu(e);return n&&e.set(t),n}function q(e,t){let n=R(),r=ee(),o=ce();return yu(r,n,n[K],o,e,t),q}function pv(e,t,n){let r=ee();if(r.firstCreatePass){let o=et(e);Ti(n,r.data,r.blueprint,o,!0),Ti(t,r.data,r.blueprint,o,!1)}}function Ti(e,t,n,r,o){if(e=oe(e),Array.isArray(e))for(let i=0;i{let s=o.get(i.currentIndex);ku(s,i)})}static ngTemplateContextGuard(r,o){return!0}};t.\u0275fac=function(o){return new(o||t)(M(Te),M(Ct),M(_s))},t.\u0275dir=ne({type:t,selectors:[["","ngFor","","ngForOf",""]],inputs:{ngForOf:"ngForOf",ngForTrackBy:"ngForTrackBy",ngForTemplate:"ngForTemplate"},standalone:!0});let e=t;return e})();function ku(e,t){e.context.$implicit=t.item}var Lu=(()=>{let t=class t{constructor(r,o){this._viewContainer=r,this._context=new Ms,this._thenTemplateRef=null,this._elseTemplateRef=null,this._thenViewRef=null,this._elseViewRef=null,this._thenTemplateRef=o}set ngIf(r){this._context.$implicit=this._context.ngIf=r,this._updateView()}set ngIfThen(r){Nu("ngIfThen",r),this._thenTemplateRef=r,this._thenViewRef=null,this._updateView()}set ngIfElse(r){Nu("ngIfElse",r),this._elseTemplateRef=r,this._elseViewRef=null,this._updateView()}_updateView(){this._context.$implicit?this._thenViewRef||(this._viewContainer.clear(),this._elseViewRef=null,this._thenTemplateRef&&(this._thenViewRef=this._viewContainer.createEmbeddedView(this._thenTemplateRef,this._context))):this._elseViewRef||(this._viewContainer.clear(),this._thenViewRef=null,this._elseTemplateRef&&(this._elseViewRef=this._viewContainer.createEmbeddedView(this._elseTemplateRef,this._context)))}static ngTemplateContextGuard(r,o){return!0}};t.\u0275fac=function(o){return new(o||t)(M(Te),M(Ct))},t.\u0275dir=ne({type:t,selectors:[["","ngIf",""]],inputs:{ngIf:"ngIf",ngIfThen:"ngIfThen",ngIfElse:"ngIfElse"},standalone:!0});let e=t;return e})(),Ms=class{constructor(){this.$implicit=null,this.ngIf=null}};function Nu(e,t){if(!!!(!t||t.createEmbeddedView))throw new Error(`${e} must be a TemplateRef, but received '${ie(t)}'.`)}var ju=(()=>{let t=class t{constructor(r){this._viewContainerRef=r,this._viewRef=null,this.ngTemplateOutletContext=null,this.ngTemplateOutlet=null,this.ngTemplateOutletInjector=null}ngOnChanges(r){if(this._shouldRecreateView(r)){let o=this._viewContainerRef;if(this._viewRef&&o.remove(o.indexOf(this._viewRef)),!this.ngTemplateOutlet){this._viewRef=null;return}let i=this._createContextForwardProxy();this._viewRef=o.createEmbeddedView(this.ngTemplateOutlet,i,{injector:this.ngTemplateOutletInjector??void 0})}}_shouldRecreateView(r){return!!r.ngTemplateOutlet||!!r.ngTemplateOutletInjector}_createContextForwardProxy(){return new Proxy({},{set:(r,o,i)=>this.ngTemplateOutletContext?Reflect.set(this.ngTemplateOutletContext,o,i):!1,get:(r,o,i)=>{if(this.ngTemplateOutletContext)return Reflect.get(this.ngTemplateOutletContext,o,i)}})}};t.\u0275fac=function(o){return new(o||t)(M(Te))},t.\u0275dir=ne({type:t,selectors:[["","ngTemplateOutlet",""]],inputs:{ngTemplateOutletContext:"ngTemplateOutletContext",ngTemplateOutlet:"ngTemplateOutlet",ngTemplateOutletInjector:"ngTemplateOutletInjector"},standalone:!0,features:[Et]});let e=t;return e})();var no=(()=>{let t=class t{};t.\u0275fac=function(o){return new(o||t)},t.\u0275mod=ve({type:t}),t.\u0275inj=me({});let e=t;return e})(),As="browser",Wv="server";function Bu(e){return e===As}function Ss(e){return e===Wv}var to=class{};var Ns=class extends eo{constructor(){super(...arguments),this.supportsDOMEvents=!0}},Ps=class e extends Ns{static makeCurrent(){Fu(new e)}onAndCancel(t,n,r){return t.addEventListener(n,r),()=>{t.removeEventListener(n,r)}}dispatchEvent(t,n){t.dispatchEvent(n)}remove(t){t.parentNode&&t.parentNode.removeChild(t)}createElement(t,n){return n=n||this.getDefaultDocument(),n.createElement(t)}createHtmlDocument(){return document.implementation.createHTMLDocument("fakeTitle")}getDefaultDocument(){return document}isElementNode(t){return t.nodeType===Node.ELEMENT_NODE}isShadowRoot(t){return t instanceof DocumentFragment}getGlobalEventTarget(t,n){return n==="window"?window:n==="document"?t:n==="body"?t.body:null}getBaseHref(t){let n=zv();return n==null?null:$v(n)}resetBaseElement(){xn=null}getUserAgent(){return window.navigator.userAgent}getCookie(t){return Ru(document.cookie,t)}},xn=null;function zv(){return xn=xn||document.querySelector("base"),xn?xn.getAttribute("href"):null}function $v(e){return new URL(e,document.baseURI).pathname}var Os=class{addToWindow(t){pe.getAngularTestability=(r,o=!0)=>{let i=t.findTestabilityInTree(r,o);if(i==null)throw new T(5103,!1);return i},pe.getAllAngularTestabilities=()=>t.getAllTestabilities(),pe.getAllAngularRootElements=()=>t.getAllRootElements();let n=r=>{let o=pe.getAllAngularTestabilities(),i=o.length,s=function(){i--,i==0&&r()};o.forEach(a=>{a.whenStable(s)})};pe.frameworkStabilizers||(pe.frameworkStabilizers=[]),pe.frameworkStabilizers.push(n)}findTestabilityInTree(t,n,r){if(n==null)return null;let o=t.getTestability(n);return o??(r?xt().isShadowRoot(n)?this.findTestabilityInTree(t,n.host,!0):this.findTestabilityInTree(t,n.parentElement,!0):null)}},Yv=(()=>{let t=class t{build(){return new XMLHttpRequest}};t.\u0275fac=function(o){return new(o||t)},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})(),Fs=new N(""),Gu=(()=>{let t=class t{constructor(r,o){this._zone=o,this._eventNameToPlugin=new Map,r.forEach(i=>{i.manager=this}),this._plugins=r.slice().reverse()}addEventListener(r,o,i){return this._findPluginFor(o).addEventListener(r,o,i)}getZone(){return this._zone}_findPluginFor(r){let o=this._eventNameToPlugin.get(r);if(o)return o;if(o=this._plugins.find(s=>s.supports(r)),!o)throw new T(5101,!1);return this._eventNameToPlugin.set(r,o),o}};t.\u0275fac=function(o){return new(o||t)(F(Fs),F($))},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})(),ro=class{constructor(t){this._doc=t}},Ts="ng-app-id",qu=(()=>{let t=class t{constructor(r,o,i,s={}){this.doc=r,this.appId=o,this.nonce=i,this.platformId=s,this.styleRef=new Map,this.hostNodes=new Set,this.styleNodesInDOM=this.collectServerRenderedStyles(),this.platformIsServer=Ss(s),this.resetHostNodes()}addStyles(r){for(let o of r)this.changeUsageCount(o,1)===1&&this.onStyleAdded(o)}removeStyles(r){for(let o of r)this.changeUsageCount(o,-1)<=0&&this.onStyleRemoved(o)}ngOnDestroy(){let r=this.styleNodesInDOM;r&&(r.forEach(o=>o.remove()),r.clear());for(let o of this.getAllStyles())this.onStyleRemoved(o);this.resetHostNodes()}addHost(r){this.hostNodes.add(r);for(let o of this.getAllStyles())this.addStyleToHost(r,o)}removeHost(r){this.hostNodes.delete(r)}getAllStyles(){return this.styleRef.keys()}onStyleAdded(r){for(let o of this.hostNodes)this.addStyleToHost(o,r)}onStyleRemoved(r){let o=this.styleRef;o.get(r)?.elements?.forEach(i=>i.remove()),o.delete(r)}collectServerRenderedStyles(){let r=this.doc.head?.querySelectorAll(`style[${Ts}="${this.appId}"]`);if(r?.length){let o=new Map;return r.forEach(i=>{i.textContent!=null&&o.set(i.textContent,i)}),o}return null}changeUsageCount(r,o){let i=this.styleRef;if(i.has(r)){let s=i.get(r);return s.usage+=o,s.usage}return i.set(r,{usage:o,elements:[]}),o}getStyleElement(r,o){let i=this.styleNodesInDOM,s=i?.get(o);if(s?.parentNode===r)return i.delete(o),s.removeAttribute(Ts),s;{let a=this.doc.createElement("style");return this.nonce&&a.setAttribute("nonce",this.nonce),a.textContent=o,this.platformIsServer&&a.setAttribute(Ts,this.appId),r.appendChild(a),a}}addStyleToHost(r,o){let i=this.getStyleElement(r,o),s=this.styleRef,a=s.get(o)?.elements;a?a.push(i):s.set(o,{elements:[i],usage:1})}resetHostNodes(){let r=this.hostNodes;r.clear(),r.add(this.doc.head)}};t.\u0275fac=function(o){return new(o||t)(F(He),F(jr),F(ns,8),F(ot))},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})(),ks={svg:"http://www.w3.org/2000/svg",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/",math:"http://www.w3.org/1998/MathML/"},Vs=/%COMP%/g,zu="%COMP%",Kv=`_nghost-${zu}`,Zv=`_ngcontent-${zu}`,Qv=!0,Xv=new N("",{providedIn:"root",factory:()=>Qv});function Jv(e){return Zv.replace(Vs,e)}function ey(e){return Kv.replace(Vs,e)}function $u(e,t){return t.map(n=>n.replace(Vs,e))}var Hu=(()=>{let t=class t{constructor(r,o,i,s,a,l,c,f=null){this.eventManager=r,this.sharedStylesHost=o,this.appId=i,this.removeStylesOnCompDestroy=s,this.doc=a,this.platformId=l,this.ngZone=c,this.nonce=f,this.rendererByCompId=new Map,this.platformIsServer=Ss(l),this.defaultRenderer=new Mn(r,a,c,this.platformIsServer)}createRenderer(r,o){if(!r||!o)return this.defaultRenderer;this.platformIsServer&&o.encapsulation===Fe.ShadowDom&&(o=fe(X({},o),{encapsulation:Fe.Emulated}));let i=this.getOrCreateRenderer(r,o);return i instanceof oo?i.applyToHost(r):i instanceof An&&i.applyStyles(),i}getOrCreateRenderer(r,o){let i=this.rendererByCompId,s=i.get(o.id);if(!s){let a=this.doc,l=this.ngZone,c=this.eventManager,f=this.sharedStylesHost,h=this.removeStylesOnCompDestroy,y=this.platformIsServer;switch(o.encapsulation){case Fe.Emulated:s=new oo(c,f,o,this.appId,h,a,l,y);break;case Fe.ShadowDom:return new Rs(c,f,r,o,a,l,this.nonce,y);default:s=new An(c,f,o,h,a,l,y);break}i.set(o.id,s)}return s}ngOnDestroy(){this.rendererByCompId.clear()}};t.\u0275fac=function(o){return new(o||t)(F(Gu),F(qu),F(jr),F(Xv),F(He),F(ot),F($),F(ns))},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})(),Mn=class{constructor(t,n,r,o){this.eventManager=t,this.doc=n,this.ngZone=r,this.platformIsServer=o,this.data=Object.create(null),this.throwOnSyntheticProps=!0,this.destroyNode=null}destroy(){}createElement(t,n){return n?this.doc.createElementNS(ks[n]||n,t):this.doc.createElement(t)}createComment(t){return this.doc.createComment(t)}createText(t){return this.doc.createTextNode(t)}appendChild(t,n){(Uu(t)?t.content:t).appendChild(n)}insertBefore(t,n,r){t&&(Uu(t)?t.content:t).insertBefore(n,r)}removeChild(t,n){t&&t.removeChild(n)}selectRootElement(t,n){let r=typeof t=="string"?this.doc.querySelector(t):t;if(!r)throw new T(-5104,!1);return n||(r.textContent=""),r}parentNode(t){return t.parentNode}nextSibling(t){return t.nextSibling}setAttribute(t,n,r,o){if(o){n=o+":"+n;let i=ks[o];i?t.setAttributeNS(i,n,r):t.setAttribute(n,r)}else t.setAttribute(n,r)}removeAttribute(t,n,r){if(r){let o=ks[r];o?t.removeAttributeNS(o,n):t.removeAttribute(`${r}:${n}`)}else t.removeAttribute(n)}addClass(t,n){t.classList.add(n)}removeClass(t,n){t.classList.remove(n)}setStyle(t,n,r,o){o&(qe.DashCase|qe.Important)?t.style.setProperty(n,r,o&qe.Important?"important":""):t.style[n]=r}removeStyle(t,n,r){r&qe.DashCase?t.style.removeProperty(n):t.style[n]=""}setProperty(t,n,r){t!=null&&(t[n]=r)}setValue(t,n){t.nodeValue=n}listen(t,n,r){if(typeof t=="string"&&(t=xt().getGlobalEventTarget(this.doc,t),!t))throw new Error(`Unsupported event target ${t} for event ${n}`);return this.eventManager.addEventListener(t,n,this.decoratePreventDefault(r))}decoratePreventDefault(t){return n=>{if(n==="__ngUnwrap__")return t;(this.platformIsServer?this.ngZone.runGuarded(()=>t(n)):t(n))===!1&&n.preventDefault()}}};function Uu(e){return e.tagName==="TEMPLATE"&&e.content!==void 0}var Rs=class extends Mn{constructor(t,n,r,o,i,s,a,l){super(t,i,s,l),this.sharedStylesHost=n,this.hostEl=r,this.shadowRoot=r.attachShadow({mode:"open"}),this.sharedStylesHost.addHost(this.shadowRoot);let c=$u(o.id,o.styles);for(let f of c){let h=document.createElement("style");a&&h.setAttribute("nonce",a),h.textContent=f,this.shadowRoot.appendChild(h)}}nodeOrShadowRoot(t){return t===this.hostEl?this.shadowRoot:t}appendChild(t,n){return super.appendChild(this.nodeOrShadowRoot(t),n)}insertBefore(t,n,r){return super.insertBefore(this.nodeOrShadowRoot(t),n,r)}removeChild(t,n){return super.removeChild(this.nodeOrShadowRoot(t),n)}parentNode(t){return this.nodeOrShadowRoot(super.parentNode(this.nodeOrShadowRoot(t)))}destroy(){this.sharedStylesHost.removeHost(this.shadowRoot)}},An=class extends Mn{constructor(t,n,r,o,i,s,a,l){super(t,i,s,a),this.sharedStylesHost=n,this.removeStylesOnCompDestroy=o,this.styles=l?$u(l,r.styles):r.styles}applyStyles(){this.sharedStylesHost.addStyles(this.styles)}destroy(){this.removeStylesOnCompDestroy&&this.sharedStylesHost.removeStyles(this.styles)}},oo=class extends An{constructor(t,n,r,o,i,s,a,l){let c=o+"-"+r.id;super(t,n,r,i,s,a,l,c),this.contentAttr=Jv(c),this.hostAttr=ey(c)}applyToHost(t){this.applyStyles(),this.setAttribute(t,this.hostAttr,"")}createElement(t,n){let r=super.createElement(t,n);return super.setAttribute(r,this.contentAttr,""),r}},ty=(()=>{let t=class t extends ro{constructor(r){super(r)}supports(r){return!0}addEventListener(r,o,i){return r.addEventListener(o,i,!1),()=>this.removeEventListener(r,o,i)}removeEventListener(r,o,i){return r.removeEventListener(o,i)}};t.\u0275fac=function(o){return new(o||t)(F(He))},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})(),Wu=["alt","control","meta","shift"],ny={"\b":"Backspace"," ":"Tab","\x7F":"Delete","\x1B":"Escape",Del:"Delete",Esc:"Escape",Left:"ArrowLeft",Right:"ArrowRight",Up:"ArrowUp",Down:"ArrowDown",Menu:"ContextMenu",Scroll:"ScrollLock",Win:"OS"},ry={alt:e=>e.altKey,control:e=>e.ctrlKey,meta:e=>e.metaKey,shift:e=>e.shiftKey},oy=(()=>{let t=class t extends ro{constructor(r){super(r)}supports(r){return t.parseEventName(r)!=null}addEventListener(r,o,i){let s=t.parseEventName(o),a=t.eventCallback(s.fullKey,i,this.manager.getZone());return this.manager.getZone().runOutsideAngular(()=>xt().onAndCancel(r,s.domEventName,a))}static parseEventName(r){let o=r.toLowerCase().split("."),i=o.shift();if(o.length===0||!(i==="keydown"||i==="keyup"))return null;let s=t._normalizeKey(o.pop()),a="",l=o.indexOf("code");if(l>-1&&(o.splice(l,1),a="code."),Wu.forEach(f=>{let h=o.indexOf(f);h>-1&&(o.splice(h,1),a+=f+".")}),a+=s,o.length!=0||s.length===0)return null;let c={};return c.domEventName=i,c.fullKey=a,c}static matchEventFullKeyCode(r,o){let i=ny[r.key]||r.key,s="";return o.indexOf("code.")>-1&&(i=r.code,s="code."),i==null||!i?!1:(i=i.toLowerCase(),i===" "?i="space":i==="."&&(i="dot"),Wu.forEach(a=>{if(a!==i){let l=ry[a];l(r)&&(s+=a+".")}}),s+=i,s===o)}static eventCallback(r,o,i){return s=>{t.matchEventFullKeyCode(s,r)&&i.runGuarded(()=>o(s))}}static _normalizeKey(r){return r==="esc"?"escape":r}};t.\u0275fac=function(o){return new(o||t)(F(He))},t.\u0275prov=H({token:t,factory:t.\u0275fac});let e=t;return e})();function iy(){Ps.makeCurrent()}function sy(){return new Ge}function ay(){return Dc(document),document}var ly=[{provide:ot,useValue:As},{provide:ts,useValue:iy,multi:!0},{provide:He,useFactory:ay,deps:[]}],Yu=bs(Su,"browser",ly),cy=new N(""),uy=[{provide:_n,useClass:Os,deps:[]},{provide:Ds,useClass:Xr,deps:[$,Jr,_n]},{provide:Xr,useClass:Xr,deps:[$,Jr,_n]}],dy=[{provide:Nr,useValue:"root"},{provide:Ge,useFactory:sy,deps:[]},{provide:Fs,useClass:ty,multi:!0,deps:[He,$,ot]},{provide:Fs,useClass:oy,multi:!0,deps:[He]},Hu,qu,Gu,{provide:mn,useExisting:Hu},{provide:to,useClass:Yv,deps:[]},[]],Ku=(()=>{let t=class t{constructor(r){}static withServerTransition(r){return{ngModule:t,providers:[{provide:jr,useValue:r.appId}]}}};t.\u0275fac=function(o){return new(o||t)(F(cy,12))},t.\u0275mod=ve({type:t}),t.\u0275inj=me({providers:[...dy,...uy],imports:[no,Tu]});let e=t;return e})();var rd=(()=>{let t=class t{constructor(r,o){this._renderer=r,this._elementRef=o,this.onChange=i=>{},this.onTouched=()=>{}}setProperty(r,o){this._renderer.setProperty(this._elementRef.nativeElement,r,o)}registerOnTouched(r){this.onTouched=r}registerOnChange(r){this.onChange=r}setDisabledState(r){this.setProperty("disabled",r)}};t.\u0275fac=function(o){return new(o||t)(M(bn),M(se))},t.\u0275dir=ne({type:t});let e=t;return e})(),od=(()=>{let t=class t extends rd{};t.\u0275fac=(()=>{let r;return function(i){return(r||(r=es(t)))(i||t)}})(),t.\u0275dir=ne({type:t,features:[_t]});let e=t;return e})(),Us=new N(""),py={provide:Us,useExisting:Kt(()=>Ws),multi:!0},Ws=(()=>{let t=class t extends od{writeValue(r){this.setProperty("checked",r)}};t.\u0275fac=(()=>{let r;return function(i){return(r||(r=es(t)))(i||t)}})(),t.\u0275dir=ne({type:t,selectors:[["input","type","checkbox","formControlName",""],["input","type","checkbox","formControl",""],["input","type","checkbox","ngModel",""]],hostBindings:function(o,i){o&1&&_("change",function(a){return i.onChange(a.target.checked)})("blur",function(){return i.onTouched()})},features:[Qr([py]),_t]});let e=t;return e})(),hy={provide:Us,useExisting:Kt(()=>id),multi:!0};function gy(){let e=xt()?xt().getUserAgent():"";return/android (\d+)/.test(e.toLowerCase())}var my=new N(""),id=(()=>{let t=class t extends rd{constructor(r,o,i){super(r,o),this._compositionMode=i,this._composing=!1,this._compositionMode==null&&(this._compositionMode=!gy())}writeValue(r){let o=r??"";this.setProperty("value",o)}_handleInput(r){(!this._compositionMode||this._compositionMode&&!this._composing)&&this.onChange(r)}_compositionStart(){this._composing=!0}_compositionEnd(r){this._composing=!1,this._compositionMode&&this.onChange(r)}};t.\u0275fac=function(o){return new(o||t)(M(bn),M(se),M(my,8))},t.\u0275dir=ne({type:t,selectors:[["input","formControlName","",3,"type","checkbox"],["textarea","formControlName",""],["input","formControl","",3,"type","checkbox"],["textarea","formControl",""],["input","ngModel","",3,"type","checkbox"],["textarea","ngModel",""],["","ngDefaultControl",""]],hostBindings:function(o,i){o&1&&_("input",function(a){return i._handleInput(a.target.value)})("blur",function(){return i.onTouched()})("compositionstart",function(){return i._compositionStart()})("compositionend",function(a){return i._compositionEnd(a.target.value)})},features:[Qr([hy]),_t]});let e=t;return e})();var vy=new N(""),yy=new N("");function sd(e){return e!=null}function ad(e){return In(e)?_o(e):e}function ld(e){let t={};return e.forEach(n=>{t=n!=null?X(X({},t),n):t}),Object.keys(t).length===0?null:t}function cd(e,t){return t.map(n=>n(e))}function Cy(e){return!e.validate}function ud(e){return e.map(t=>Cy(t)?t:n=>t.validate(n))}function Dy(e){if(!e)return null;let t=e.filter(sd);return t.length==0?null:function(n){return ld(cd(n,t))}}function dd(e){return e!=null?Dy(ud(e)):null}function wy(e){if(!e)return null;let t=e.filter(sd);return t.length==0?null:function(n){let r=cd(n,t).map(ad);return Io(r).pipe(ct(ld))}}function fd(e){return e!=null?wy(ud(e)):null}function Zu(e,t){return e===null?[t]:Array.isArray(e)?[...e,t]:[e,t]}function Ey(e){return e._rawValidators}function by(e){return e._rawAsyncValidators}function Ls(e){return e?Array.isArray(e)?e:[e]:[]}function so(e,t){return Array.isArray(e)?e.includes(t):e===t}function Qu(e,t){let n=Ls(t);return Ls(e).forEach(o=>{so(n,o)||n.push(o)}),n}function Xu(e,t){return Ls(t).filter(n=>!so(e,n))}var ao=class{constructor(){this._rawValidators=[],this._rawAsyncValidators=[],this._onDestroyCallbacks=[]}get value(){return this.control?this.control.value:null}get valid(){return this.control?this.control.valid:null}get invalid(){return this.control?this.control.invalid:null}get pending(){return this.control?this.control.pending:null}get disabled(){return this.control?this.control.disabled:null}get enabled(){return this.control?this.control.enabled:null}get errors(){return this.control?this.control.errors:null}get pristine(){return this.control?this.control.pristine:null}get dirty(){return this.control?this.control.dirty:null}get touched(){return this.control?this.control.touched:null}get status(){return this.control?this.control.status:null}get untouched(){return this.control?this.control.untouched:null}get statusChanges(){return this.control?this.control.statusChanges:null}get valueChanges(){return this.control?this.control.valueChanges:null}get path(){return null}_setValidators(t){this._rawValidators=t||[],this._composedValidatorFn=dd(this._rawValidators)}_setAsyncValidators(t){this._rawAsyncValidators=t||[],this._composedAsyncValidatorFn=fd(this._rawAsyncValidators)}get validator(){return this._composedValidatorFn||null}get asyncValidator(){return this._composedAsyncValidatorFn||null}_registerOnDestroy(t){this._onDestroyCallbacks.push(t)}_invokeOnDestroyCallbacks(){this._onDestroyCallbacks.forEach(t=>t()),this._onDestroyCallbacks=[]}reset(t=void 0){this.control&&this.control.reset(t)}hasError(t,n){return this.control?this.control.hasError(t,n):!1}getError(t,n){return this.control?this.control.getError(t,n):null}},js=class extends ao{get formDirective(){return null}get path(){return null}},kn=class extends ao{constructor(){super(...arguments),this._parent=null,this.name=null,this.valueAccessor=null}},Bs=class{constructor(t){this._cd=t}get isTouched(){return!!this._cd?.control?.touched}get isUntouched(){return!!this._cd?.control?.untouched}get isPristine(){return!!this._cd?.control?.pristine}get isDirty(){return!!this._cd?.control?.dirty}get isValid(){return!!this._cd?.control?.valid}get isInvalid(){return!!this._cd?.control?.invalid}get isPending(){return!!this._cd?.control?.pending}get isSubmitted(){return!!this._cd?.submitted}},_y={"[class.ng-untouched]":"isUntouched","[class.ng-touched]":"isTouched","[class.ng-pristine]":"isPristine","[class.ng-dirty]":"isDirty","[class.ng-valid]":"isValid","[class.ng-invalid]":"isInvalid","[class.ng-pending]":"isPending"},eb=fe(X({},_y),{"[class.ng-submitted]":"isSubmitted"}),pd=(()=>{let t=class t extends Bs{constructor(r){super(r)}};t.\u0275fac=function(o){return new(o||t)(M(kn,2))},t.\u0275dir=ne({type:t,selectors:[["","formControlName",""],["","ngModel",""],["","formControl",""]],hostVars:14,hostBindings:function(o,i){o&2&&Xt("ng-untouched",i.isUntouched)("ng-touched",i.isTouched)("ng-pristine",i.isPristine)("ng-dirty",i.isDirty)("ng-valid",i.isValid)("ng-invalid",i.isInvalid)("ng-pending",i.isPending)},features:[_t]});let e=t;return e})();var Sn="VALID",io="INVALID",nn="PENDING",Tn="DISABLED";function Iy(e){return(lo(e)?e.validators:e)||null}function xy(e){return Array.isArray(e)?dd(e):e||null}function My(e,t){return(lo(t)?t.asyncValidators:e)||null}function Ay(e){return Array.isArray(e)?fd(e):e||null}function lo(e){return e!=null&&!Array.isArray(e)&&typeof e=="object"}var Hs=class{constructor(t,n){this._pendingDirty=!1,this._hasOwnPendingAsyncValidator=!1,this._pendingTouched=!1,this._onCollectionChange=()=>{},this._parent=null,this.pristine=!0,this.touched=!1,this._onDisabledChange=[],this._assignValidators(t),this._assignAsyncValidators(n)}get validator(){return this._composedValidatorFn}set validator(t){this._rawValidators=this._composedValidatorFn=t}get asyncValidator(){return this._composedAsyncValidatorFn}set asyncValidator(t){this._rawAsyncValidators=this._composedAsyncValidatorFn=t}get parent(){return this._parent}get valid(){return this.status===Sn}get invalid(){return this.status===io}get pending(){return this.status==nn}get disabled(){return this.status===Tn}get enabled(){return this.status!==Tn}get dirty(){return!this.pristine}get untouched(){return!this.touched}get updateOn(){return this._updateOn?this._updateOn:this.parent?this.parent.updateOn:"change"}setValidators(t){this._assignValidators(t)}setAsyncValidators(t){this._assignAsyncValidators(t)}addValidators(t){this.setValidators(Qu(t,this._rawValidators))}addAsyncValidators(t){this.setAsyncValidators(Qu(t,this._rawAsyncValidators))}removeValidators(t){this.setValidators(Xu(t,this._rawValidators))}removeAsyncValidators(t){this.setAsyncValidators(Xu(t,this._rawAsyncValidators))}hasValidator(t){return so(this._rawValidators,t)}hasAsyncValidator(t){return so(this._rawAsyncValidators,t)}clearValidators(){this.validator=null}clearAsyncValidators(){this.asyncValidator=null}markAsTouched(t={}){this.touched=!0,this._parent&&!t.onlySelf&&this._parent.markAsTouched(t)}markAllAsTouched(){this.markAsTouched({onlySelf:!0}),this._forEachChild(t=>t.markAllAsTouched())}markAsUntouched(t={}){this.touched=!1,this._pendingTouched=!1,this._forEachChild(n=>{n.markAsUntouched({onlySelf:!0})}),this._parent&&!t.onlySelf&&this._parent._updateTouched(t)}markAsDirty(t={}){this.pristine=!1,this._parent&&!t.onlySelf&&this._parent.markAsDirty(t)}markAsPristine(t={}){this.pristine=!0,this._pendingDirty=!1,this._forEachChild(n=>{n.markAsPristine({onlySelf:!0})}),this._parent&&!t.onlySelf&&this._parent._updatePristine(t)}markAsPending(t={}){this.status=nn,t.emitEvent!==!1&&this.statusChanges.emit(this.status),this._parent&&!t.onlySelf&&this._parent.markAsPending(t)}disable(t={}){let n=this._parentMarkedDirty(t.onlySelf);this.status=Tn,this.errors=null,this._forEachChild(r=>{r.disable(fe(X({},t),{onlySelf:!0}))}),this._updateValue(),t.emitEvent!==!1&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._updateAncestors(fe(X({},t),{skipPristineCheck:n})),this._onDisabledChange.forEach(r=>r(!0))}enable(t={}){let n=this._parentMarkedDirty(t.onlySelf);this.status=Sn,this._forEachChild(r=>{r.enable(fe(X({},t),{onlySelf:!0}))}),this.updateValueAndValidity({onlySelf:!0,emitEvent:t.emitEvent}),this._updateAncestors(fe(X({},t),{skipPristineCheck:n})),this._onDisabledChange.forEach(r=>r(!1))}_updateAncestors(t){this._parent&&!t.onlySelf&&(this._parent.updateValueAndValidity(t),t.skipPristineCheck||this._parent._updatePristine(),this._parent._updateTouched())}setParent(t){this._parent=t}getRawValue(){return this.value}updateValueAndValidity(t={}){this._setInitialStatus(),this._updateValue(),this.enabled&&(this._cancelExistingSubscription(),this.errors=this._runValidator(),this.status=this._calculateStatus(),(this.status===Sn||this.status===nn)&&this._runAsyncValidator(t.emitEvent)),t.emitEvent!==!1&&(this.valueChanges.emit(this.value),this.statusChanges.emit(this.status)),this._parent&&!t.onlySelf&&this._parent.updateValueAndValidity(t)}_updateTreeValidity(t={emitEvent:!0}){this._forEachChild(n=>n._updateTreeValidity(t)),this.updateValueAndValidity({onlySelf:!0,emitEvent:t.emitEvent})}_setInitialStatus(){this.status=this._allControlsDisabled()?Tn:Sn}_runValidator(){return this.validator?this.validator(this):null}_runAsyncValidator(t){if(this.asyncValidator){this.status=nn,this._hasOwnPendingAsyncValidator=!0;let n=ad(this.asyncValidator(this));this._asyncValidationSubscription=n.subscribe(r=>{this._hasOwnPendingAsyncValidator=!1,this.setErrors(r,{emitEvent:t})})}}_cancelExistingSubscription(){this._asyncValidationSubscription&&(this._asyncValidationSubscription.unsubscribe(),this._hasOwnPendingAsyncValidator=!1)}setErrors(t,n={}){this.errors=t,this._updateControlsErrors(n.emitEvent!==!1)}get(t){let n=t;return n==null||(Array.isArray(n)||(n=n.split(".")),n.length===0)?null:n.reduce((r,o)=>r&&r._find(o),this)}getError(t,n){let r=n?this.get(n):this;return r&&r.errors?r.errors[t]:null}hasError(t,n){return!!this.getError(t,n)}get root(){let t=this;for(;t._parent;)t=t._parent;return t}_updateControlsErrors(t){this.status=this._calculateStatus(),t&&this.statusChanges.emit(this.status),this._parent&&this._parent._updateControlsErrors(t)}_initObservables(){this.valueChanges=new O,this.statusChanges=new O}_calculateStatus(){return this._allControlsDisabled()?Tn:this.errors?io:this._hasOwnPendingAsyncValidator||this._anyControlsHaveStatus(nn)?nn:this._anyControlsHaveStatus(io)?io:Sn}_anyControlsHaveStatus(t){return this._anyControls(n=>n.status===t)}_anyControlsDirty(){return this._anyControls(t=>t.dirty)}_anyControlsTouched(){return this._anyControls(t=>t.touched)}_updatePristine(t={}){this.pristine=!this._anyControlsDirty(),this._parent&&!t.onlySelf&&this._parent._updatePristine(t)}_updateTouched(t={}){this.touched=this._anyControlsTouched(),this._parent&&!t.onlySelf&&this._parent._updateTouched(t)}_registerOnCollectionChange(t){this._onCollectionChange=t}_setUpdateStrategy(t){lo(t)&&t.updateOn!=null&&(this._updateOn=t.updateOn)}_parentMarkedDirty(t){let n=this._parent&&this._parent.dirty;return!t&&!!n&&!this._parent._anyControlsDirty()}_find(t){return null}_assignValidators(t){this._rawValidators=Array.isArray(t)?t.slice():t,this._composedValidatorFn=xy(this._rawValidators)}_assignAsyncValidators(t){this._rawAsyncValidators=Array.isArray(t)?t.slice():t,this._composedAsyncValidatorFn=Ay(this._rawAsyncValidators)}};var hd=new N("CallSetDisabledState",{providedIn:"root",factory:()=>Gs}),Gs="always";function Sy(e,t){return[...t.path,e]}function Ty(e,t,n=Gs){Ny(e,t),t.valueAccessor.writeValue(e.value),(e.disabled||n==="always")&&t.valueAccessor.setDisabledState?.(e.disabled),Py(e,t),Fy(e,t),Oy(e,t),ky(e,t)}function Ju(e,t){e.forEach(n=>{n.registerOnValidatorChange&&n.registerOnValidatorChange(t)})}function ky(e,t){if(t.valueAccessor.setDisabledState){let n=r=>{t.valueAccessor.setDisabledState(r)};e.registerOnDisabledChange(n),t._registerOnDestroy(()=>{e._unregisterOnDisabledChange(n)})}}function Ny(e,t){let n=Ey(e);t.validator!==null?e.setValidators(Zu(n,t.validator)):typeof n=="function"&&e.setValidators([n]);let r=by(e);t.asyncValidator!==null?e.setAsyncValidators(Zu(r,t.asyncValidator)):typeof r=="function"&&e.setAsyncValidators([r]);let o=()=>e.updateValueAndValidity();Ju(t._rawValidators,o),Ju(t._rawAsyncValidators,o)}function Py(e,t){t.valueAccessor.registerOnChange(n=>{e._pendingValue=n,e._pendingChange=!0,e._pendingDirty=!0,e.updateOn==="change"&&gd(e,t)})}function Oy(e,t){t.valueAccessor.registerOnTouched(()=>{e._pendingTouched=!0,e.updateOn==="blur"&&e._pendingChange&&gd(e,t),e.updateOn!=="submit"&&e.markAsTouched()})}function gd(e,t){e._pendingDirty&&e.markAsDirty(),e.setValue(e._pendingValue,{emitModelToViewChange:!1}),t.viewToModelUpdate(e._pendingValue),e._pendingChange=!1}function Fy(e,t){let n=(r,o)=>{t.valueAccessor.writeValue(r),o&&t.viewToModelUpdate(r)};e.registerOnChange(n),t._registerOnDestroy(()=>{e._unregisterOnChange(n)})}function Ry(e,t){if(!e.hasOwnProperty("model"))return!1;let n=e.model;return n.isFirstChange()?!0:!Object.is(t,n.currentValue)}function Vy(e){return Object.getPrototypeOf(e.constructor)===od}function Ly(e,t){if(!t)return null;Array.isArray(t);let n,r,o;return t.forEach(i=>{i.constructor===id?n=i:Vy(i)?r=i:o=i}),o||r||n||null}function ed(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}function td(e){return typeof e=="object"&&e!==null&&Object.keys(e).length===2&&"value"in e&&"disabled"in e}var jy=class extends Hs{constructor(t=null,n,r){super(Iy(n),My(r,n)),this.defaultValue=null,this._onChange=[],this._pendingChange=!1,this._applyFormState(t),this._setUpdateStrategy(n),this._initObservables(),this.updateValueAndValidity({onlySelf:!0,emitEvent:!!this.asyncValidator}),lo(n)&&(n.nonNullable||n.initialValueIsDefault)&&(td(t)?this.defaultValue=t.value:this.defaultValue=t)}setValue(t,n={}){this.value=this._pendingValue=t,this._onChange.length&&n.emitModelToViewChange!==!1&&this._onChange.forEach(r=>r(this.value,n.emitViewToModelChange!==!1)),this.updateValueAndValidity(n)}patchValue(t,n={}){this.setValue(t,n)}reset(t=this.defaultValue,n={}){this._applyFormState(t),this.markAsPristine(n),this.markAsUntouched(n),this.setValue(this.value,n),this._pendingChange=!1}_updateValue(){}_anyControls(t){return!1}_allControlsDisabled(){return this.disabled}registerOnChange(t){this._onChange.push(t)}_unregisterOnChange(t){ed(this._onChange,t)}registerOnDisabledChange(t){this._onDisabledChange.push(t)}_unregisterOnDisabledChange(t){ed(this._onDisabledChange,t)}_forEachChild(t){}_syncPendingControls(){return this.updateOn==="submit"&&(this._pendingDirty&&this.markAsDirty(),this._pendingTouched&&this.markAsTouched(),this._pendingChange)?(this.setValue(this._pendingValue,{onlySelf:!0,emitModelToViewChange:!1}),!0):!1}_applyFormState(t){td(t)?(this.value=this._pendingValue=t.value,t.disabled?this.disable({onlySelf:!0,emitEvent:!1}):this.enable({onlySelf:!0,emitEvent:!1})):this.value=this._pendingValue=t}};var By={provide:kn,useExisting:Kt(()=>qs)},nd=Promise.resolve(),qs=(()=>{let t=class t extends kn{constructor(r,o,i,s,a,l){super(),this._changeDetectorRef=a,this.callSetDisabledState=l,this.control=new jy,this._registered=!1,this.name="",this.update=new O,this._parent=r,this._setValidators(o),this._setAsyncValidators(i),this.valueAccessor=Ly(this,s)}ngOnChanges(r){if(this._checkForErrors(),!this._registered||"name"in r){if(this._registered&&(this._checkName(),this.formDirective)){let o=r.name.previousValue;this.formDirective.removeControl({name:o,path:this._getPath(o)})}this._setUpControl()}"isDisabled"in r&&this._updateDisabled(r),Ry(r,this.viewModel)&&(this._updateValue(this.model),this.viewModel=this.model)}ngOnDestroy(){this.formDirective&&this.formDirective.removeControl(this)}get path(){return this._getPath(this.name)}get formDirective(){return this._parent?this._parent.formDirective:null}viewToModelUpdate(r){this.viewModel=r,this.update.emit(r)}_setUpControl(){this._setUpdateStrategy(),this._isStandalone()?this._setUpStandalone():this.formDirective.addControl(this),this._registered=!0}_setUpdateStrategy(){this.options&&this.options.updateOn!=null&&(this.control._updateOn=this.options.updateOn)}_isStandalone(){return!this._parent||!!(this.options&&this.options.standalone)}_setUpStandalone(){Ty(this.control,this,this.callSetDisabledState),this.control.updateValueAndValidity({emitEvent:!1})}_checkForErrors(){this._isStandalone()||this._checkParentType(),this._checkName()}_checkParentType(){}_checkName(){this.options&&this.options.name&&(this.name=this.options.name),!this._isStandalone()&&this.name}_updateValue(r){nd.then(()=>{this.control.setValue(r,{emitViewToModelChange:!1}),this._changeDetectorRef?.markForCheck()})}_updateDisabled(r){let o=r.isDisabled.currentValue,i=o!==0&&Is(o);nd.then(()=>{i&&!this.control.disabled?this.control.disable():!i&&this.control.disabled&&this.control.enable(),this._changeDetectorRef?.markForCheck()})}_getPath(r){return this._parent?Sy(r,this._parent):[r]}};t.\u0275fac=function(o){return new(o||t)(M(js,9),M(vy,10),M(yy,10),M(Us,10),M(tn,8),M(hd,8))},t.\u0275dir=ne({type:t,selectors:[["","ngModel","",3,"formControlName","",3,"formControl",""]],inputs:{name:"name",isDisabled:[xe.None,"disabled","isDisabled"],model:[xe.None,"ngModel","model"],options:[xe.None,"ngModelOptions","options"]},outputs:{update:"ngModelChange"},exportAs:["ngModel"],features:[Qr([By]),_t,Et]});let e=t;return e})();var Hy=(()=>{let t=class t{};t.\u0275fac=function(o){return new(o||t)},t.\u0275mod=ve({type:t}),t.\u0275inj=me({});let e=t;return e})();var md=(()=>{let t=class t{static withConfig(r){return{ngModule:t,providers:[{provide:hd,useValue:r.callSetDisabledState??Gs}]}}};t.\u0275fac=function(o){return new(o||t)},t.\u0275mod=ve({type:t}),t.\u0275inj=me({imports:[Hy]});let e=t;return e})();var re=function(e){return e[e.HEX=0]="HEX",e[e.RGBA=1]="RGBA",e[e.HSLA=2]="HSLA",e[e.CMYK=3]="CMYK",e}(re||{}),ue=class{r;g;b;a;constructor(t,n,r,o){this.r=t,this.g=n,this.b=r,this.a=o}},Ye=class{h;s;v;a;constructor(t,n,r,o){this.h=t,this.s=n,this.v=r,this.a=o}},De=class{h;s;l;a;constructor(t,n,r,o){this.h=t,this.s=n,this.l=r,this.a=o}},ge=class{c;m;y;k;a;constructor(t,n,r,o,i=1){this.c=t,this.m=n,this.y=r,this.k=o,this.a=i}};function vd(e,t){let n="right",r="bottom",{height:o,width:i}=e,{top:s,left:a}=t,l=s+t.height,c=a+t.width,f=s-o<0,h=l+o>(window.innerHeight||document.documentElement.clientHeight),y=a-i<0,v=c+i>(window.innerWidth||document.documentElement.clientWidth),b=f&&h&&y&&v;return h&&(r="top"),f&&(r="bottom"),y&&(n="right"),v&&(n="left"),b?["left","right","top","bottom"].reduce((z,B)=>e[z]>e[B]?z:B):y&&v?f?"bottom":h||s>l?"top":"bottom":f&&h?y?"right":v||a>c?"left":"right":`${r}-${n}`}function yd(){let e="";typeof navigator<"u"&&(e=navigator.userAgent.toLowerCase());let t=e.indexOf("msie ");return t>0?parseInt(e.substring(t+5,e.indexOf(".",t)),10):!1}var zs=(()=>{class e{rg;text;newValue=new O;inputChange(n){let r=n.target.value;if(this.rg===void 0)this.newValue.emit(r);else{let o=parseFloat(r);this.newValue.emit({v:o,rg:this.rg})}}static \u0275fac=function(r){return new(r||e)};static \u0275dir=ne({type:e,selectors:[["","text",""]],hostBindings:function(r,o){r&1&&_("input",function(s){return o.inputChange(s)})},inputs:{rg:"rg",text:"text"},outputs:{newValue:"newValue"}})}return e})(),$s=(()=>{class e{elRef;listenerMove;listenerStop;rgX;rgY;slider;dragEnd=new O;dragStart=new O;newValue=new O;mouseDown(n){this.start(n)}touchStart(n){this.start(n)}constructor(n){this.elRef=n,this.listenerMove=r=>this.move(r),this.listenerStop=()=>this.stop()}move(n){n.preventDefault(),this.setCursor(n)}start(n){this.setCursor(n),n.stopPropagation(),document.addEventListener("mouseup",this.listenerStop),document.addEventListener("touchend",this.listenerStop),document.addEventListener("mousemove",this.listenerMove),document.addEventListener("touchmove",this.listenerMove),this.dragStart.emit()}stop(){document.removeEventListener("mouseup",this.listenerStop),document.removeEventListener("touchend",this.listenerStop),document.removeEventListener("mousemove",this.listenerMove),document.removeEventListener("touchmove",this.listenerMove),this.dragEnd.emit()}getX(n){let r=this.elRef.nativeElement.getBoundingClientRect();return(n.pageX!==void 0?n.pageX:n.touches[0].pageX)-r.left-window.pageXOffset}getY(n){let r=this.elRef.nativeElement.getBoundingClientRect();return(n.pageY!==void 0?n.pageY:n.touches[0].pageY)-r.top-window.pageYOffset}setCursor(n){let r=this.elRef.nativeElement.offsetWidth,o=this.elRef.nativeElement.offsetHeight,i=Math.max(0,Math.min(this.getX(n),r)),s=Math.max(0,Math.min(this.getY(n),o));this.rgX!==void 0&&this.rgY!==void 0?this.newValue.emit({s:i/r,v:1-s/o,rgX:this.rgX,rgY:this.rgY}):this.rgX===void 0&&this.rgY!==void 0?this.newValue.emit({v:s/o,rgY:this.rgY}):this.rgX!==void 0&&this.rgY===void 0&&this.newValue.emit({v:i/r,rgX:this.rgX})}static \u0275fac=function(r){return new(r||e)(M(se))};static \u0275dir=ne({type:e,selectors:[["","slider",""]],hostBindings:function(r,o){r&1&&_("mousedown",function(s){return o.mouseDown(s)})("touchstart",function(s){return o.touchStart(s)})},inputs:{rgX:"rgX",rgY:"rgY",slider:"slider"},outputs:{dragEnd:"dragEnd",dragStart:"dragStart",newValue:"newValue"}})}return e})(),Nn=class{h;s;v;a;constructor(t,n,r,o){this.h=t,this.s=n,this.v=r,this.a=o}},Pn=class{h;s;v;a;constructor(t,n,r,o){this.h=t,this.s=n,this.v=r,this.a=o}};var Mt=(()=>{class e{active=null;setActive(n){this.active&&this.active!==n&&this.active.cpDialogDisplay!=="inline"&&this.active.closeDialog(),this.active=n}hsva2hsla(n){let r=n.h,o=n.s,i=n.v,s=n.a;if(i===0)return new De(r,0,0,s);if(o===0&&i===1)return new De(r,1,1,s);{let a=i*(2-o)/2;return new De(r,i*o/(1-Math.abs(2*a-1)),a,s)}}hsla2hsva(n){let r=Math.min(n.h,1),o=Math.min(n.s,1),i=Math.min(n.l,1),s=Math.min(n.a,1);if(i===0)return new Ye(r,0,0,s);{let a=i+o*(1-Math.abs(2*i-1))/2;return new Ye(r,2*(a-i)/a,a,s)}}hsvaToRgba(n){let r,o,i,s=n.h,a=n.s,l=n.v,c=n.a,f=Math.floor(s*6),h=s*6-f,y=l*(1-a),v=l*(1-h*a),b=l*(1-(1-h)*a);switch(f%6){case 0:r=l,o=b,i=y;break;case 1:r=v,o=l,i=y;break;case 2:r=y,o=l,i=b;break;case 3:r=y,o=v,i=l;break;case 4:r=b,o=y,i=l;break;case 5:r=l,o=y,i=v;break;default:r=0,o=0,i=0}return new ue(r,o,i,c)}cmykToRgb(n){let r=(1-n.c)*(1-n.k),o=(1-n.m)*(1-n.k),i=(1-n.y)*(1-n.k);return new ue(r,o,i,n.a)}rgbaToCmyk(n){let r=1-Math.max(n.r,n.g,n.b);if(r===1)return new ge(0,0,0,1,n.a);{let o=(1-n.r-r)/(1-r),i=(1-n.g-r)/(1-r),s=(1-n.b-r)/(1-r);return new ge(o,i,s,r,n.a)}}rgbaToHsva(n){let r,o,i=Math.min(n.r,1),s=Math.min(n.g,1),a=Math.min(n.b,1),l=Math.min(n.a,1),c=Math.max(i,s,a),f=Math.min(i,s,a),h=c,y=c-f;if(o=c===0?0:y/c,c===f)r=0;else{switch(c){case i:r=(s-a)/y+(s=n.cpMaxPresetColorsLength),C(),Jt(" ",n.cpAddColorButtonText," ")}}function Qy(e,t){e&1&&w(0,"div",33)}function Xy(e,t){if(e&1){let n=Y();d(0,"input",39),_("keyup.enter",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E(2);return m(i.onAlphaInput(o))}),u()}if(e&2){let n=E(2);D("rg",1)("value",n.cmykText==null?null:n.cmykText.a)}}function Jy(e,t){e&1&&(d(0,"div"),p(1,"A"),u())}function e0(e,t){if(e&1){let n=Y();d(0,"div",34)(1,"div",35)(2,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onCyanInput(o))}),u(),d(3,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onMagentaInput(o))}),u(),d(4,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onYellowInput(o))}),u(),d(5,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onBlackInput(o))}),u(),U(6,Xy,1,2,"input",37),u(),d(7,"div",35)(8,"div"),p(9,"C"),u(),d(10,"div"),p(11,"M"),u(),d(12,"div"),p(13,"Y"),u(),d(14,"div"),p(15,"K"),u(),U(16,Jy,2,0,"div",38),u()()}if(e&2){let n=E();I("display",n.format!==3?"none":"block"),C(2),D("rg",100)("value",n.cmykText==null?null:n.cmykText.c),C(),D("rg",100)("value",n.cmykText==null?null:n.cmykText.m),C(),D("rg",100)("value",n.cmykText==null?null:n.cmykText.y),C(),D("rg",100)("value",n.cmykText==null?null:n.cmykText.k),C(),D("ngIf",n.cpAlphaChannel!=="disabled"),C(10),D("ngIf",n.cpAlphaChannel!=="disabled")}}function t0(e,t){if(e&1){let n=Y();d(0,"input",39),_("keyup.enter",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E(2);return m(i.onAlphaInput(o))}),u()}if(e&2){let n=E(2);D("rg",1)("value",n.hslaText==null?null:n.hslaText.a)}}function n0(e,t){e&1&&(d(0,"div"),p(1,"A"),u())}function r0(e,t){if(e&1){let n=Y();d(0,"div",40)(1,"div",35)(2,"input",41),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onHueInput(o))}),u(),d(3,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onSaturationInput(o))}),u(),d(4,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onLightnessInput(o))}),u(),U(5,t0,1,2,"input",37),u(),d(6,"div",35)(7,"div"),p(8,"H"),u(),d(9,"div"),p(10,"S"),u(),d(11,"div"),p(12,"L"),u(),U(13,n0,2,0,"div",38),u()()}if(e&2){let n=E();I("display",n.format!==2?"none":"block"),C(2),D("rg",360)("value",n.hslaText==null?null:n.hslaText.h),C(),D("rg",100)("value",n.hslaText==null?null:n.hslaText.s),C(),D("rg",100)("value",n.hslaText==null?null:n.hslaText.l),C(),D("ngIf",n.cpAlphaChannel!=="disabled"),C(8),D("ngIf",n.cpAlphaChannel!=="disabled")}}function o0(e,t){if(e&1){let n=Y();d(0,"input",39),_("keyup.enter",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E(2);return m(i.onAlphaInput(o))}),u()}if(e&2){let n=E(2);D("rg",1)("value",n.rgbaText==null?null:n.rgbaText.a)}}function i0(e,t){e&1&&(d(0,"div"),p(1,"A"),u())}function s0(e,t){if(e&1){let n=Y();d(0,"div",42)(1,"div",35)(2,"input",43),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onRedInput(o))}),u(),d(3,"input",43),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onGreenInput(o))}),u(),d(4,"input",43),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onBlueInput(o))}),u(),U(5,o0,1,2,"input",37),u(),d(6,"div",35)(7,"div"),p(8,"R"),u(),d(9,"div"),p(10,"G"),u(),d(11,"div"),p(12,"B"),u(),U(13,i0,2,0,"div",38),u()()}if(e&2){let n=E();I("display",n.format!==1?"none":"block"),C(2),D("rg",255)("value",n.rgbaText==null?null:n.rgbaText.r),C(),D("rg",255)("value",n.rgbaText==null?null:n.rgbaText.g),C(),D("rg",255)("value",n.rgbaText==null?null:n.rgbaText.b),C(),D("ngIf",n.cpAlphaChannel!=="disabled"),C(8),D("ngIf",n.cpAlphaChannel!=="disabled")}}function a0(e,t){if(e&1){let n=Y();d(0,"input",39),_("keyup.enter",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E(2);return m(i.onAlphaInput(o))}),u()}if(e&2){let n=E(2);D("rg",1)("value",n.hexAlpha)}}function l0(e,t){e&1&&(d(0,"div"),p(1,"A"),u())}function c0(e,t){if(e&1){let n=Y();d(0,"div",44)(1,"div",35)(2,"input",45),_("blur",function(){g(n);let o=E();return m(o.onHexInput(null))})("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onHexInput(o))}),u(),U(3,a0,1,2,"input",37),u(),d(4,"div",35)(5,"div"),p(6,"Hex"),u(),U(7,l0,2,0,"div",38),u()()}if(e&2){let n=E();I("display",n.format!==0?"none":"block"),Xt("hex-alpha",n.cpAlphaChannel==="forced"),C(2),D("value",n.hexText),C(),D("ngIf",n.cpAlphaChannel==="forced"),C(4),D("ngIf",n.cpAlphaChannel==="forced")}}function u0(e,t){if(e&1){let n=Y();d(0,"input",39),_("keyup.enter",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E(2);return m(i.onAlphaInput(o))}),u()}if(e&2){let n=E(2);D("rg",1)("value",n.hslaText==null?null:n.hslaText.a)}}function d0(e,t){if(e&1){let n=Y();d(0,"div",46)(1,"div",35)(2,"input",36),_("keyup.enter",function(o){g(n);let i=E();return m(i.onAcceptColor(o))})("newValue",function(o){g(n);let i=E();return m(i.onValueInput(o))}),u(),U(3,u0,1,2,"input",37),u(),d(4,"div",35)(5,"div"),p(6,"V"),u(),d(7,"div"),p(8,"A"),u()()()}if(e&2){let n=E();C(2),D("rg",100)("value",n.hslaText==null?null:n.hslaText.l),C(),D("ngIf",n.cpAlphaChannel!=="disabled")}}function f0(e,t){if(e&1){let n=Y();d(0,"div",47)(1,"span",48),_("click",function(){g(n);let o=E();return m(o.onFormatToggle(-1))}),u(),d(2,"span",48),_("click",function(){g(n);let o=E();return m(o.onFormatToggle(1))}),u()()}}function p0(e,t){if(e&1){let n=Y();d(0,"span",55),_("click",function(o){g(n);let i=E().$implicit,s=E(3);return m(s.onRemovePresetColor(o,i))}),u()}if(e&2){let n=E(4);It(n.cpRemoveColorButtonClass)}}function h0(e,t){if(e&1){let n=Y();d(0,"div",53),_("click",function(){let o=g(n).$implicit,i=E(3);return m(i.setColorFromString(o))}),U(1,p0,1,3,"span",54),u()}if(e&2){let n=t.$implicit,r=E(3);I("background-color",n),C(),D("ngIf",r.cpAddColorButton)}}function g0(e,t){if(e&1&&(d(0,"div"),U(1,h0,2,3,"div",52),u()),e&2){let n=E(2);It(n.cpPresetColorsClass),C(),D("ngForOf",n.cpPresetColors)}}function m0(e,t){if(e&1&&(d(0,"div"),p(1),u()),e&2){let n=E(2);It(n.cpPresetEmptyMessageClass),C(),it(n.cpPresetEmptyMessage)}}function v0(e,t){if(e&1&&(d(0,"div",49),w(1,"hr"),d(2,"div",50),p(3),u(),U(4,g0,2,4,"div",51)(5,m0,2,4,"div",51),u()),e&2){let n=E();C(3),it(n.cpPresetLabel),C(),D("ngIf",n.cpPresetColors==null?null:n.cpPresetColors.length),C(),D("ngIf",!(n.cpPresetColors!=null&&n.cpPresetColors.length)&&n.cpAddColorButton)}}function y0(e,t){if(e&1){let n=Y();d(0,"button",58),_("click",function(o){g(n);let i=E(2);return m(i.onCancelColor(o))}),p(1),u()}if(e&2){let n=E(2);It(n.cpCancelButtonClass),C(),it(n.cpCancelButtonText)}}function C0(e,t){if(e&1){let n=Y();d(0,"button",58),_("click",function(o){g(n);let i=E(2);return m(i.onAcceptColor(o))}),p(1),u()}if(e&2){let n=E(2);It(n.cpOKButtonClass),C(),it(n.cpOKButtonText)}}function D0(e,t){if(e&1&&(d(0,"div",56),U(1,y0,2,4,"button",57)(2,C0,2,4,"button",57),u()),e&2){let n=E();C(),D("ngIf",n.cpCancelButton),C(),D("ngIf",n.cpOKButton)}}function w0(e,t){e&1&&ys(0)}function E0(e,t){if(e&1&&(d(0,"div",59),U(1,w0,1,0,"ng-container",60),u()),e&2){let n=E();C(),D("ngTemplateOutlet",n.cpExtraTemplate)}}var Dd=typeof window<"u"&&"ontouchstart"in window,Ys=(()=>{class e{ngZone;elRef;cdRef;document;platformId;service;isIE10=!1;cmyk;hsva;width;height;cmykColor;outputColor;initialColor;fallbackColor;listenerResize;listenerMouseDown;directiveInstance;sliderH;sliderDimMax;directiveElementRef;dialogArrowSize=10;dialogArrowOffset=15;dialogInputFields=[re.HEX,re.RGBA,re.HSLA,re.CMYK];useRootViewContainer=!1;show;hidden;top;left;position;format;slider;hexText;hexAlpha;cmykText;hslaText;rgbaText;arrowTop;selectedColor;hueSliderColor;alphaSliderColor;cpWidth;cpHeight;cpColorMode;cpCmykEnabled;cpAlphaChannel;cpOutputFormat;cpDisableInput;cpDialogDisplay;cpIgnoredElements;cpSaveClickOutside;cpCloseClickOutside;cpPosition;cpUsePosition;cpPositionOffset;cpOKButton;cpOKButtonText;cpOKButtonClass;cpCancelButton;cpCancelButtonText;cpCancelButtonClass;cpEyeDropper;eyeDropperSupported;cpPresetLabel;cpPresetColors;cpPresetColorsClass;cpMaxPresetColorsLength;cpPresetEmptyMessage;cpPresetEmptyMessageClass;cpAddColorButton;cpAddColorButtonText;cpAddColorButtonClass;cpRemoveColorButtonClass;cpArrowPosition;cpTriggerElement;cpExtraTemplate;dialogElement;hueSlider;alphaSlider;handleEsc(n){this.show&&this.cpDialogDisplay==="popup"&&this.onCancelColor(n)}handleEnter(n){this.show&&this.cpDialogDisplay==="popup"&&this.onAcceptColor(n)}constructor(n,r,o,i,s,a){this.ngZone=n,this.elRef=r,this.cdRef=o,this.document=i,this.platformId=s,this.service=a,this.eyeDropperSupported=Bu(this.platformId)&&"EyeDropper"in this.document.defaultView}ngOnInit(){this.slider=new Nn(0,0,0,0);let n=this.hueSlider.nativeElement.offsetWidth||140,r=this.alphaSlider.nativeElement.offsetWidth||140;this.sliderDimMax=new Pn(n,this.cpWidth,130,r),this.cpCmykEnabled?this.format=re.CMYK:this.cpOutputFormat==="rgba"?this.format=re.RGBA:this.cpOutputFormat==="hsla"?this.format=re.HSLA:this.format=re.HEX,this.listenerMouseDown=o=>{this.onMouseDown(o)},this.listenerResize=()=>{this.onResize()},this.openDialog(this.initialColor,!1)}ngOnDestroy(){this.closeDialog()}ngAfterViewInit(){if(this.cpWidth!==230||this.cpDialogDisplay==="inline"){let n=this.hueSlider.nativeElement.offsetWidth||140,r=this.alphaSlider.nativeElement.offsetWidth||140;this.sliderDimMax=new Pn(n,this.cpWidth,130,r),this.updateColorPicker(!1),this.cdRef.detectChanges()}}openDialog(n,r=!0){this.service.setActive(this),this.width||(this.cpWidth=this.directiveElementRef.nativeElement.offsetWidth),this.height||(this.height=320),this.setInitialColor(n),this.setColorFromString(n,r),this.openColorPicker()}closeDialog(){this.closeColorPicker()}setupDialog(n,r,o,i,s,a,l,c,f,h,y,v,b,P,z,B,Ue,te,we,Ke,de,Ze,rn,co,uo,bd,_d,Id,xd,Md,Ad,Sd,Td,kd,Nd,Pd,Od,Fd){this.setInitialColor(o),this.setColorMode(c),this.isIE10=yd()===10,this.directiveInstance=n,this.directiveElementRef=r,this.cpDisableInput=v,this.cpCmykEnabled=f,this.cpAlphaChannel=h,this.cpOutputFormat=y,this.cpDialogDisplay=a,this.cpIgnoredElements=b,this.cpSaveClickOutside=P,this.cpCloseClickOutside=z,this.useRootViewContainer=B,this.width=this.cpWidth=parseInt(i,10),this.height=this.cpHeight=parseInt(s,10),this.cpPosition=Ue,this.cpPositionOffset=parseInt(te,10),this.cpOKButton=bd,this.cpOKButtonText=Id,this.cpOKButtonClass=_d,this.cpCancelButton=xd,this.cpCancelButtonText=Ad,this.cpCancelButtonClass=Md,this.cpEyeDropper=Pd,this.fallbackColor=l||"#fff",this.setPresetConfig(Ke,de),this.cpPresetColorsClass=Ze,this.cpMaxPresetColorsLength=rn,this.cpPresetEmptyMessage=co,this.cpPresetEmptyMessageClass=uo,this.cpAddColorButton=Sd,this.cpAddColorButtonText=kd,this.cpAddColorButtonClass=Td,this.cpRemoveColorButtonClass=Nd,this.cpTriggerElement=Od,this.cpExtraTemplate=Fd,we||(this.dialogArrowOffset=0),a==="inline"&&(this.dialogArrowSize=0,this.dialogArrowOffset=0),y==="hex"&&h!=="always"&&h!=="forced"&&(this.cpAlphaChannel="disabled")}setColorMode(n){switch(n.toString().toUpperCase()){case"1":case"C":case"COLOR":this.cpColorMode=1;break;case"2":case"G":case"GRAYSCALE":this.cpColorMode=2;break;case"3":case"P":case"PRESETS":this.cpColorMode=3;break;default:this.cpColorMode=1}}setInitialColor(n){this.initialColor=n}setPresetConfig(n,r){this.cpPresetLabel=n,this.cpPresetColors=r}setColorFromString(n,r=!0,o=!0){let i;this.cpAlphaChannel==="always"||this.cpAlphaChannel==="forced"?(i=this.service.stringToHsva(n,!0),!i&&!this.hsva&&(i=this.service.stringToHsva(n,!1))):i=this.service.stringToHsva(n,!1),!i&&!this.hsva&&(i=this.service.stringToHsva(this.fallbackColor,!1)),i&&(this.hsva=i,this.sliderH=this.hsva.h,this.cpOutputFormat==="hex"&&this.cpAlphaChannel==="disabled"&&(this.hsva.a=1),this.updateColorPicker(r,o))}onResize(){this.position==="fixed"?this.setDialogPosition():this.cpDialogDisplay!=="inline"&&this.closeColorPicker()}onDragEnd(n){this.directiveInstance.sliderDragEnd({slider:n,color:this.outputColor})}onDragStart(n){this.directiveInstance.sliderDragStart({slider:n,color:this.outputColor})}onMouseDown(n){this.show&&!this.isIE10&&this.cpDialogDisplay==="popup"&&n.target!==this.directiveElementRef.nativeElement&&!this.isDescendant(this.elRef.nativeElement,n.target)&&!this.isDescendant(this.directiveElementRef.nativeElement,n.target)&&this.cpIgnoredElements.filter(r=>r===n.target).length===0&&this.ngZone.run(()=>{this.cpSaveClickOutside?this.directiveInstance.colorSelected(this.outputColor):(this.hsva=null,this.setColorFromString(this.initialColor,!1),this.cpCmykEnabled&&this.directiveInstance.cmykChanged(this.cmykColor),this.directiveInstance.colorChanged(this.initialColor),this.directiveInstance.colorCanceled()),this.cpCloseClickOutside&&this.closeColorPicker()})}onAcceptColor(n){n.stopPropagation(),this.outputColor&&this.directiveInstance.colorSelected(this.outputColor),this.cpDialogDisplay==="popup"&&this.closeColorPicker()}onCancelColor(n){this.hsva=null,n.stopPropagation(),this.directiveInstance.colorCanceled(),this.setColorFromString(this.initialColor,!0),this.cpDialogDisplay==="popup"&&(this.cpCmykEnabled&&this.directiveInstance.cmykChanged(this.cmykColor),this.directiveInstance.colorChanged(this.initialColor,!0),this.closeColorPicker())}onEyeDropper(){if(!this.eyeDropperSupported)return;new window.EyeDropper().open().then(r=>{this.setColorFromString(r.sRGBHex,!0)})}onFormatToggle(n){let r=this.dialogInputFields.length-(this.cpCmykEnabled?0:1),o=((this.dialogInputFields.indexOf(this.format)+n)%r+r)%r;this.format=this.dialogInputFields[o]}onColorChange(n){this.hsva.s=n.s/n.rgX,this.hsva.v=n.v/n.rgY,this.updateColorPicker(),this.directiveInstance.sliderChanged({slider:"lightness",value:this.hsva.v,color:this.outputColor}),this.directiveInstance.sliderChanged({slider:"saturation",value:this.hsva.s,color:this.outputColor})}onHueChange(n){this.hsva.h=n.v/n.rgX,this.sliderH=this.hsva.h,this.updateColorPicker(),this.directiveInstance.sliderChanged({slider:"hue",value:this.hsva.h,color:this.outputColor})}onValueChange(n){this.hsva.v=n.v/n.rgX,this.updateColorPicker(),this.directiveInstance.sliderChanged({slider:"value",value:this.hsva.v,color:this.outputColor})}onAlphaChange(n){this.hsva.a=n.v/n.rgX,this.updateColorPicker(),this.directiveInstance.sliderChanged({slider:"alpha",value:this.hsva.a,color:this.outputColor})}onHexInput(n){if(n===null)this.updateColorPicker();else{n&&n[0]!=="#"&&(n="#"+n);let r=/^#([a-f0-9]{3}|[a-f0-9]{6})$/gi;this.cpAlphaChannel==="always"&&(r=/^#([a-f0-9]{3}|[a-f0-9]{6}|[a-f0-9]{8})$/gi);let o=r.test(n);o&&(n.length<5&&(n="#"+n.substring(1).split("").map(i=>i+i).join("")),this.cpAlphaChannel==="forced"&&(n+=Math.round(this.hsva.a*255).toString(16)),this.setColorFromString(n,!0,!1)),this.directiveInstance.inputChanged({input:"hex",valid:o,value:n,color:this.outputColor})}}onRedInput(n){let r=this.service.hsvaToRgba(this.hsva),o=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;o&&(r.r=n.v/n.rg,this.hsva=this.service.rgbaToHsva(r),this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"red",valid:o,value:r.r,color:this.outputColor})}onBlueInput(n){let r=this.service.hsvaToRgba(this.hsva),o=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;o&&(r.b=n.v/n.rg,this.hsva=this.service.rgbaToHsva(r),this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"blue",valid:o,value:r.b,color:this.outputColor})}onGreenInput(n){let r=this.service.hsvaToRgba(this.hsva),o=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;o&&(r.g=n.v/n.rg,this.hsva=this.service.rgbaToHsva(r),this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"green",valid:o,value:r.g,color:this.outputColor})}onHueInput(n){let r=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;r&&(this.hsva.h=n.v/n.rg,this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"hue",valid:r,value:this.hsva.h,color:this.outputColor})}onValueInput(n){let r=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;r&&(this.hsva.v=n.v/n.rg,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"value",valid:r,value:this.hsva.v,color:this.outputColor})}onAlphaInput(n){let r=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;r&&(this.hsva.a=n.v/n.rg,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"alpha",valid:r,value:this.hsva.a,color:this.outputColor})}onLightnessInput(n){let r=this.service.hsva2hsla(this.hsva),o=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;o&&(r.l=n.v/n.rg,this.hsva=this.service.hsla2hsva(r),this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"lightness",valid:o,value:r.l,color:this.outputColor})}onSaturationInput(n){let r=this.service.hsva2hsla(this.hsva),o=!isNaN(n.v)&&n.v>=0&&n.v<=n.rg;o&&(r.s=n.v/n.rg,this.hsva=this.service.hsla2hsva(r),this.sliderH=this.hsva.h,this.updateColorPicker()),this.directiveInstance.inputChanged({input:"saturation",valid:o,value:r.s,color:this.outputColor})}onCyanInput(n){!isNaN(n.v)&&n.v>=0&&n.v<=n.rg&&(this.cmyk.c=n.v,this.updateColorPicker(!1,!0,!0)),this.directiveInstance.inputChanged({input:"cyan",valid:!0,value:this.cmyk.c,color:this.outputColor})}onMagentaInput(n){!isNaN(n.v)&&n.v>=0&&n.v<=n.rg&&(this.cmyk.m=n.v,this.updateColorPicker(!1,!0,!0)),this.directiveInstance.inputChanged({input:"magenta",valid:!0,value:this.cmyk.m,color:this.outputColor})}onYellowInput(n){!isNaN(n.v)&&n.v>=0&&n.v<=n.rg&&(this.cmyk.y=n.v,this.updateColorPicker(!1,!0,!0)),this.directiveInstance.inputChanged({input:"yellow",valid:!0,value:this.cmyk.y,color:this.outputColor})}onBlackInput(n){!isNaN(n.v)&&n.v>=0&&n.v<=n.rg&&(this.cmyk.k=n.v,this.updateColorPicker(!1,!0,!0)),this.directiveInstance.inputChanged({input:"black",valid:!0,value:this.cmyk.k,color:this.outputColor})}onAddPresetColor(n,r){n.stopPropagation(),this.cpPresetColors.filter(o=>o===r).length||(this.cpPresetColors=this.cpPresetColors.concat(r),this.directiveInstance.presetColorsChanged(this.cpPresetColors))}onRemovePresetColor(n,r){n.stopPropagation(),this.cpPresetColors=this.cpPresetColors.filter(o=>o!==r),this.directiveInstance.presetColorsChanged(this.cpPresetColors)}openColorPicker(){this.show||(this.show=!0,this.hidden=!0,setTimeout(()=>{this.hidden=!1,this.setDialogPosition(),this.cdRef.detectChanges()},0),this.directiveInstance.stateChanged(!0),this.isIE10||this.ngZone.runOutsideAngular(()=>{Dd?document.addEventListener("touchstart",this.listenerMouseDown):document.addEventListener("mousedown",this.listenerMouseDown)}),window.addEventListener("resize",this.listenerResize))}closeColorPicker(){this.show&&(this.show=!1,this.directiveInstance.stateChanged(!1),this.isIE10||(Dd?document.removeEventListener("touchstart",this.listenerMouseDown):document.removeEventListener("mousedown",this.listenerMouseDown)),window.removeEventListener("resize",this.listenerResize),this.cdRef.destroyed||this.cdRef.detectChanges())}updateColorPicker(n=!0,r=!0,o=!1){if(this.sliderDimMax){this.cpColorMode===2&&(this.hsva.s=0);let i,s,a,l=this.outputColor;if(s=this.service.hsva2hsla(this.hsva),this.cpCmykEnabled?(o?(a=this.service.cmykToRgb(this.service.normalizeCMYK(this.cmyk)),this.hsva=this.service.rgbaToHsva(a)):(a=this.service.hsvaToRgba(this.hsva),this.cmyk=this.service.denormalizeCMYK(this.service.rgbaToCmyk(a))),a=this.service.denormalizeRGBA(a),this.sliderH=this.hsva.h):a=this.service.denormalizeRGBA(this.service.hsvaToRgba(this.hsva)),i=this.service.denormalizeRGBA(this.service.hsvaToRgba(new Ye(this.sliderH||this.hsva.h,1,1,1))),r){this.hslaText=new De(Math.round(s.h*360),Math.round(s.s*100),Math.round(s.l*100),Math.round(s.a*100)/100),this.rgbaText=new ue(a.r,a.g,a.b,Math.round(a.a*100)/100),this.cpCmykEnabled&&(this.cmykText=new ge(this.cmyk.c,this.cmyk.m,this.cmyk.y,this.cmyk.k,Math.round(this.cmyk.a*100)/100));let c=this.cpAlphaChannel==="always";this.hexText=this.service.rgbaToHex(a,c),this.hexAlpha=this.rgbaText.a}if(this.cpOutputFormat==="auto"&&this.format!==re.RGBA&&this.format!==re.CMYK&&this.format!==re.HSLA&&this.hsva.a<1&&(this.format=this.hsva.a<1?re.RGBA:re.HEX),this.hueSliderColor="rgb("+i.r+","+i.g+","+i.b+")",this.alphaSliderColor="rgb("+a.r+","+a.g+","+a.b+")",this.outputColor=this.service.outputFormat(this.hsva,this.cpOutputFormat,this.cpAlphaChannel),this.selectedColor=this.service.outputFormat(this.hsva,"rgba",null),this.format!==re.CMYK)this.cmykColor="";else if(this.cpAlphaChannel==="always"||this.cpAlphaChannel==="enabled"||this.cpAlphaChannel==="forced"){let c=Math.round(this.cmyk.a*100)/100;this.cmykColor=`cmyka(${this.cmyk.c},${this.cmyk.m},${this.cmyk.y},${this.cmyk.k},${c})`}else this.cmykColor=`cmyk(${this.cmyk.c},${this.cmyk.m},${this.cmyk.y},${this.cmyk.k})`;this.slider=new Nn((this.sliderH||this.hsva.h)*this.sliderDimMax.h-8,this.hsva.s*this.sliderDimMax.s-8,(1-this.hsva.v)*this.sliderDimMax.v-8,this.hsva.a*this.sliderDimMax.a-8),n&&l!==this.outputColor&&(this.cpCmykEnabled&&this.directiveInstance.cmykChanged(this.cmykColor),this.directiveInstance.colorChanged(this.outputColor))}}setDialogPosition(){if(this.cpDialogDisplay==="inline")this.position="relative";else{let n="static",r="",o,i=null,s=null,a=this.directiveElementRef.nativeElement.parentNode,l=this.dialogElement.nativeElement.offsetHeight;for(;a!==null&&a.tagName!=="HTML";){if(o=window.getComputedStyle(a),n=o.getPropertyValue("position"),r=o.getPropertyValue("transform"),n!=="static"&&i===null&&(i=a),r&&r!=="none"&&s===null&&(s=a),n==="fixed"){i=s;break}a=a.parentNode}let c=this.createDialogBox(this.directiveElementRef.nativeElement,n!=="fixed");if(this.useRootViewContainer||n==="fixed"&&(!i||i instanceof HTMLUnknownElement))this.top=c.top,this.left=c.left;else{i===null&&(i=a);let B=this.createDialogBox(i,n!=="fixed");this.top=c.top-B.top,this.left=c.left-B.left}n==="fixed"&&(this.position="fixed");let f=this.cpPosition,h=this.dialogElement.nativeElement.getBoundingClientRect();if(this.cpPosition==="auto"){let B=this.cpTriggerElement.nativeElement.getBoundingClientRect();f=vd(h,B)}switch(this.arrowTop=f==="top"?l-1:void 0,this.cpArrowPosition=void 0,f){case"top":this.top-=l+this.dialogArrowSize,this.left+=this.cpPositionOffset/100*c.width-this.dialogArrowOffset;break;case"bottom":this.top+=c.height+this.dialogArrowSize,this.left+=this.cpPositionOffset/100*c.width-this.dialogArrowOffset;break;case"top-left":case"left-top":this.top-=l-c.height+c.height*this.cpPositionOffset/100,this.left-=this.cpWidth+this.dialogArrowSize-2-this.dialogArrowOffset;break;case"top-right":case"right-top":this.top-=l-c.height+c.height*this.cpPositionOffset/100,this.left+=c.width+this.dialogArrowSize-2-this.dialogArrowOffset;break;case"left":case"bottom-left":case"left-bottom":this.top+=c.height*this.cpPositionOffset/100-this.dialogArrowOffset,this.left-=this.cpWidth+this.dialogArrowSize-2;break;case"right":case"bottom-right":case"right-bottom":default:this.top+=c.height*this.cpPositionOffset/100-this.dialogArrowOffset,this.left+=c.width+this.dialogArrowSize-2;break}let y=window.innerHeight,v=window.innerWidth,b=this.elRef.nativeElement.getBoundingClientRect();this.top+h.height>y&&(this.top=y-h.height,this.cpArrowPosition=b.x/2-20),this.left+h.width>v&&(this.left=v-h.width,this.cpArrowPosition=b.x/2-20),this.cpUsePosition=f}}isDescendant(n,r){let o=r.parentNode;for(;o!==null;){if(o===n)return!0;o=o.parentNode}return!1}createDialogBox(n,r){let{top:o,left:i}=n.getBoundingClientRect();return{top:o+(r?window.pageYOffset:0),left:i+(r?window.pageXOffset:0),width:n.offsetWidth,height:n.offsetHeight}}static \u0275fac=function(r){return new(r||e)(M($),M(se),M(tn),M(He),M(ot),M(Mt))};static \u0275cmp=kr({type:e,selectors:[["color-picker"]],viewQuery:function(r,o){if(r&1&&(zr(Gy,7),zr(qy,7),zr(zy,7)),r&2){let i;$r(i=Yr())&&(o.dialogElement=i.first),$r(i=Yr())&&(o.hueSlider=i.first),$r(i=Yr())&&(o.alphaSlider=i.first)}},hostBindings:function(r,o){r&1&&_("keyup.esc",function(s){return o.handleEsc(s)},!1,os)("keyup.enter",function(s){return o.handleEnter(s)},!1,os)},decls:30,vars:51,consts:[["dialogPopup",""],["hueSlider",""],["valueSlider",""],["alphaSlider",""],[1,"color-picker",3,"click"],[3,"left","class","top",4,"ngIf"],["class","saturation-lightness",3,"slider","rgX","rgY","background-color","newValue","dragStart","dragEnd",4,"ngIf"],[1,"hue-alpha","box"],[1,"left"],[1,"selected-color-background"],[1,"selected-color",3,"click"],["class","eyedropper-icon","xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","#000000",4,"ngIf"],["type","button",3,"class","disabled","click",4,"ngIf"],[1,"right"],["style","height: 16px;",4,"ngIf"],[1,"hue",3,"newValue","dragStart","dragEnd","slider","rgX"],[1,"cursor"],[1,"value",3,"newValue","dragStart","dragEnd","slider","rgX"],[1,"alpha",3,"newValue","dragStart","dragEnd","slider","rgX"],["class","cmyk-text",3,"display",4,"ngIf"],["class","hsla-text",3,"display",4,"ngIf"],["class","rgba-text",3,"display",4,"ngIf"],["class","hex-text",3,"hex-alpha","display",4,"ngIf"],["class","value-text",4,"ngIf"],["class","type-policy",4,"ngIf"],["class","preset-area",4,"ngIf"],["class","button-area",4,"ngIf"],["class","extra-template",4,"ngIf"],[1,"saturation-lightness",3,"newValue","dragStart","dragEnd","slider","rgX","rgY"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","#000000",1,"eyedropper-icon"],["d","M0 0h24v24H0V0z","fill","none"],["d","M17.66 5.41l.92.92-2.69 2.69-.92-.92 2.69-2.69M17.67 3c-.26 0-.51.1-.71.29l-3.12 3.12-1.93-1.91-1.41 1.41 1.42 1.42L3 16.25V21h4.75l8.92-8.92 1.42 1.42 1.41-1.41-1.92-1.92 3.12-3.12c.4-.4.4-1.03.01-1.42l-2.34-2.34c-.2-.19-.45-.29-.7-.29zM6.92 19L5 17.08l8.06-8.06 1.92 1.92L6.92 19z"],["type","button",3,"click","disabled"],[2,"height","16px"],[1,"cmyk-text"],[1,"box"],["type","number","pattern","[0-9]*","min","0","max","100",3,"keyup.enter","newValue","text","rg","value"],["type","number","pattern","[0-9]+([\\.,][0-9]{1,2})?","min","0","max","1","step","0.1",3,"text","rg","value","keyup.enter","newValue",4,"ngIf"],[4,"ngIf"],["type","number","pattern","[0-9]+([\\.,][0-9]{1,2})?","min","0","max","1","step","0.1",3,"keyup.enter","newValue","text","rg","value"],[1,"hsla-text"],["type","number","pattern","[0-9]*","min","0","max","360",3,"keyup.enter","newValue","text","rg","value"],[1,"rgba-text"],["type","number","pattern","[0-9]*","min","0","max","255",3,"keyup.enter","newValue","text","rg","value"],[1,"hex-text"],[3,"blur","keyup.enter","newValue","text","value"],[1,"value-text"],[1,"type-policy"],[1,"type-policy-arrow",3,"click"],[1,"preset-area"],[1,"preset-label"],[3,"class",4,"ngIf"],["class","preset-color",3,"backgroundColor","click",4,"ngFor","ngForOf"],[1,"preset-color",3,"click"],[3,"class","click",4,"ngIf"],[3,"click"],[1,"button-area"],["type","button",3,"class","click",4,"ngIf"],["type","button",3,"click"],[1,"extra-template"],[4,"ngTemplateOutlet"]],template:function(r,o){if(r&1){let i=Y();d(0,"div",4,0),_("click",function(a){return g(i),m(a.stopPropagation())}),U(2,$y,1,7,"div",5)(3,Yy,2,8,"div",6),d(4,"div",7)(5,"div",8),w(6,"div",9),d(7,"div",10),_("click",function(){return g(i),m(o.eyeDropperSupported&&o.cpEyeDropper&&o.onEyeDropper())}),U(8,Ky,3,0,"svg",11),u(),U(9,Zy,2,5,"button",12),u(),d(10,"div",13),U(11,Qy,1,0,"div",14),d(12,"div",15,1),_("newValue",function(a){return g(i),m(o.onHueChange(a))})("dragStart",function(){return g(i),m(o.onDragStart("hue"))})("dragEnd",function(){return g(i),m(o.onDragEnd("hue"))}),w(14,"div",16),u(),d(15,"div",17,2),_("newValue",function(a){return g(i),m(o.onValueChange(a))})("dragStart",function(){return g(i),m(o.onDragStart("value"))})("dragEnd",function(){return g(i),m(o.onDragEnd("value"))}),w(17,"div",16),u(),d(18,"div",18,3),_("newValue",function(a){return g(i),m(o.onAlphaChange(a))})("dragStart",function(){return g(i),m(o.onDragStart("alpha"))})("dragEnd",function(){return g(i),m(o.onDragEnd("alpha"))}),w(20,"div",16),u()()(),U(21,e0,17,12,"div",19)(22,r0,14,10,"div",20)(23,s0,14,10,"div",21)(24,c0,8,7,"div",22)(25,d0,9,3,"div",23)(26,f0,3,0,"div",24)(27,v0,6,3,"div",25)(28,D0,3,2,"div",26)(29,E0,2,1,"div",27),u()}r&2&&(I("display",o.show?"block":"none")("visibility",o.hidden?"hidden":"visible")("top",o.top,"px")("left",o.left,"px")("position",o.position)("height",o.cpHeight,"px")("width",o.cpWidth,"px"),Xt("open",o.show),C(2),D("ngIf",o.cpDialogDisplay==="popup"),C(),D("ngIf",(o.cpColorMode||1)===1),C(4),I("background-color",o.selectedColor)("cursor",o.eyeDropperSupported&&o.cpEyeDropper?"pointer":null),C(),D("ngIf",o.eyeDropperSupported&&o.cpEyeDropper),C(),D("ngIf",o.cpAddColorButton),C(2),D("ngIf",o.cpAlphaChannel==="disabled"),C(),I("display",(o.cpColorMode||1)===1?"block":"none"),D("rgX",1),C(2),I("left",o.slider==null?null:o.slider.h,"px"),C(),I("display",(o.cpColorMode||1)===2?"block":"none"),D("rgX",1),C(2),I("right",o.slider==null?null:o.slider.v,"px"),C(),I("display",o.cpAlphaChannel==="disabled"?"none":"block")("background-color",o.alphaSliderColor),D("rgX",1),C(2),I("left",o.slider==null?null:o.slider.a,"px"),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===1),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===1),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===1),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===1),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===2),C(),D("ngIf",!o.cpDisableInput&&(o.cpColorMode||1)===1),C(),D("ngIf",(o.cpPresetColors==null?null:o.cpPresetColors.length)||o.cpAddColorButton),C(),D("ngIf",o.cpOKButton||o.cpCancelButton),C(),D("ngIf",o.cpExtraTemplate))},dependencies:[Vu,Lu,ju,zs,$s],styles:[`.color-picker{position:absolute;z-index:1000;width:230px;height:auto;border:#777 solid 1px;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.color-picker *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;font-size:11px}.color-picker input{width:0;height:26px;min-width:0;font-size:13px;text-align:center;color:#000}.color-picker input:invalid,.color-picker input:-moz-ui-invalid,.color-picker input:-moz-submit-invalid{box-shadow:none}.color-picker input::-webkit-inner-spin-button,.color-picker input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.color-picker .arrow{position:absolute;z-index:999999;width:0;height:0;border-style:solid}.color-picker .arrow.arrow-top{left:8px;border-width:10px 5px;border-color:#777 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.color-picker .arrow.arrow-bottom{top:-20px;left:8px;border-width:10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #777 rgba(0,0,0,0)}.color-picker .arrow.arrow-top-left,.color-picker .arrow.arrow-left-top{right:-21px;bottom:8px;border-width:5px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #777}.color-picker .arrow.arrow-top-right,.color-picker .arrow.arrow-right-top{bottom:8px;left:-20px;border-width:5px 10px;border-color:rgba(0,0,0,0) #777 rgba(0,0,0,0) rgba(0,0,0,0)}.color-picker .arrow.arrow-left,.color-picker .arrow.arrow-left-bottom,.color-picker .arrow.arrow-bottom-left{top:8px;right:-21px;border-width:5px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #777}.color-picker .arrow.arrow-right,.color-picker .arrow.arrow-right-bottom,.color-picker .arrow.arrow-bottom-right{top:8px;left:-20px;border-width:5px 10px;border-color:rgba(0,0,0,0) #777 rgba(0,0,0,0) rgba(0,0,0,0)}.color-picker .cursor{position:relative;width:16px;height:16px;border:#222 solid 2px;border-radius:50%;cursor:default}.color-picker .box{display:flex;padding:4px 8px}.color-picker .left{position:relative;padding:16px 8px}.color-picker .right{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:12px 8px}.color-picker .button-area{padding:0 16px 16px;text-align:right}.color-picker .button-area button{margin-left:8px}.color-picker .preset-area{padding:4px 15px}.color-picker .preset-area .preset-label{overflow:hidden;width:100%;padding:4px;font-size:11px;white-space:nowrap;text-align:left;text-overflow:ellipsis;color:#555}.color-picker .preset-area .preset-color{position:relative;display:inline-block;width:18px;height:18px;margin:4px 6px 8px;border:#a9a9a9 solid 1px;border-radius:25%;cursor:pointer}.color-picker .preset-area .preset-empty-message{min-height:18px;margin-top:4px;margin-bottom:8px;font-style:italic;text-align:center}.color-picker .hex-text{width:100%;padding:4px 8px;font-size:11px}.color-picker .hex-text .box{padding:0 24px 8px 8px}.color-picker .hex-text .box div{float:left;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center;color:#555;clear:left}.color-picker .hex-text .box input{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1px;border:#a9a9a9 solid 1px}.color-picker .hex-alpha .box div:first-child,.color-picker .hex-alpha .box input:first-child{flex-grow:3;margin-right:8px}.color-picker .cmyk-text,.color-picker .hsla-text,.color-picker .rgba-text,.color-picker .value-text{width:100%;padding:4px 8px;font-size:11px}.color-picker .cmyk-text .box,.color-picker .hsla-text .box,.color-picker .rgba-text .box{padding:0 24px 8px 8px}.color-picker .value-text .box{padding:0 8px 8px}.color-picker .cmyk-text .box div,.color-picker .hsla-text .box div,.color-picker .rgba-text .box div,.color-picker .value-text .box div{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:8px;text-align:center;color:#555}.color-picker .cmyk-text .box div:last-child,.color-picker .hsla-text .box div:last-child,.color-picker .rgba-text .box div:last-child,.color-picker .value-text .box div:last-child{margin-right:0}.color-picker .cmyk-text .box input,.color-picker .hsla-text .box input,.color-picker .rgba-text .box input,.color-picker .value-text .box input{float:left;-webkit-flex:1;-ms-flex:1;flex:1;padding:1px;margin:0 8px 0 0;border:#a9a9a9 solid 1px}.color-picker .cmyk-text .box input:last-child,.color-picker .hsla-text .box input:last-child,.color-picker .rgba-text .box input:last-child,.color-picker .value-text .box input:last-child{margin-right:0}.color-picker .hue-alpha{align-items:center;margin-bottom:3px}.color-picker .hue{direction:ltr;width:100%;height:16px;margin-bottom:16px;border:none;cursor:pointer;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwkUFWbCCAAAAFxJREFUaN7t0kEKg0AQAME2x83/n2qu5qCgD1iDhCoYdpnbQC9bbY1qVO/jvc6k3ad91s7/7F1/csgPrujuQ17BDYSFsBAWwgJhISyEBcJCWAgLhIWwEBYIi2f7Ar/1TCgFH2X9AAAAAElFTkSuQmCC)}.color-picker .value{direction:rtl;width:100%;height:16px;margin-bottom:16px;border:none;cursor:pointer;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAACTklEQVR42u3SYUcrABhA4U2SkmRJMmWSJklKJiWZZpKUJJskKUmaTFImKZOUzMySpGRmliRNJilJSpKSJEtmSpIpmWmSdO736/6D+x7OP3gUCoWCv1cqlSQlJZGcnExKSgqpqamkpaWRnp5ORkYGmZmZqFQqsrKyyM7OJicnh9zcXNRqNXl5eeTn56PRaCgoKKCwsJCioiK0Wi3FxcWUlJRQWlpKWVkZ5eXlVFRUUFlZiU6no6qqiurqampqaqitraWurg69Xk99fT0GgwGj0UhDQwONjY00NTXR3NxMS0sLra2ttLW10d7ejslkwmw209HRQWdnJ11dXXR3d9PT00Nvby99fX309/czMDDA4OAgFouFoaEhrFYrw8PDjIyMMDo6ytjYGDabjfHxcSYmJpicnGRqagq73c709DQzMzPMzs4yNzfH/Pw8DocDp9OJy+XC7XazsLDA4uIiS0tLLC8vs7KywurqKmtra3g8HrxeLz6fD7/fz/r6OhsbG2xubrK1tcX29jaBQICdnR2CwSC7u7vs7e2xv7/PwcEBh4eHHB0dcXx8zMnJCaenp5ydnXF+fs7FxQWXl5dcXV1xfX3Nzc0Nt7e33N3dEQqFuL+/5+HhgXA4TCQS4fHxkaenJ56fn3l5eeH19ZVoNMrb2xvv7+98fHwQi8WIx+N8fn6SSCT4+vri+/ubn58ffn9/+VcKgSWwBJbAElgCS2AJLIElsASWwBJYAktgCSyBJbAElsASWAJLYAksgSWwBJbAElgCS2AJLIElsP4/WH8AmJ5Z6jHS4h8AAAAASUVORK5CYII=)}.color-picker .alpha{direction:ltr;width:100%;height:16px;border:none;cursor:pointer;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAQCAYAAAD06IYnAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AIWDwYQlZMa3gAAAWVJREFUaN7tmEGO6jAQRCsOArHgBpyAJYGjcGocxAm4A2IHpmoWE0eBH+ezmFlNvU06shJ3W6VEelWMUQAIIF9f6qZpimsA1LYtS2uF51/u27YVAFZVRUkEoGHdPV/sIcbIEIIkUdI/9Xa7neyv61+SWFUVAVCSct00TWn2fv6u3+Ecfd3tXzy/0+nEUu+SPjo/kqzrmiQpScN6v98XewfA8/lMkiLJ2WxGSUopcT6fM6U0NX9/frfbjev1WtfrlZfLhYfDQQHG/AIOlnGwjINlHCxjHCzjYJm/TJWdCwquJXseFFzGwDNNeiKMOJTO8xQdDQaeB29+K9efeLaBo9J7vdvtJj1RjFFjfiv7qv95tjx/7leSQgh93e1ffMeIp6O+YQjho/N791t1XVOSSI7N//K+4/GoxWLBx+PB5/Op5XLJ+/3OlJJWqxU3m83ovv5iGf8KjYNlHCxjHCzjYBkHy5gf5gusvQU7U37jTAAAAABJRU5ErkJggg==)}.color-picker .type-policy{position:absolute;top:218px;right:12px;width:16px;height:24px;background-size:8px 16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAACewAAAnsB01CO3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIASURBVEiJ7ZY9axRRFIafsxMStrLQJpAgpBFhi+C9w1YSo00I6RZ/g9vZpBf/QOr4GyRgkSKNSrAadsZqQGwCkuAWyRZJsySwvhZ7N/vhzrgbLH3Ld8597jlzz50zJokyxXH8DqDVar0qi6v8BbItqSGpEcfxdlmsFWXkvX8AfAVWg3UKPEnT9GKujMzsAFgZsVaCN1VTQd77XUnrgE1kv+6935268WRpzrnHZvYRWC7YvC3pRZZl3wozqtVqiyH9IgjAspkd1Gq1xUJQtVrdB9ZKIAOthdg/Qc65LUk7wNIMoCVJO865rYFhkqjX6/d7vV4GPJwBMqofURS5JEk6FYBer/eeYb/Mo9WwFnPOvQbeAvfuAAK4BN4sAJtAG/gJIElmNuiJyba3EGNmZiPeZuEVmVell/Y/6N+CzDn3AXhEOOo7Hv/3BeAz8IzQkMPnJbuPx1wC+yYJ7/0nYIP5S/0FHKdp+rwCEEXRS/rf5Hl1Gtb2M0iSpCOpCZzPATmX1EySpHMLAsiy7MjMDoHrGSDXZnaYZdnRwBh7J91utwmczAA6CbG3GgPleX4jqUH/a1CktqRGnuc3hSCAMB32gKspkCtgb3KCQMmkjeP4WNJThrNNZval1WptTIsv7JtQ4tmIdRa8qSoEpWl6YWZNoAN0zKxZNPehpLSBZv2t+Q0CJ9lLnARQLAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center}.color-picker .type-policy .type-policy-arrow{display:block;width:100%;height:50%}.color-picker .selected-color{position:absolute;top:16px;left:8px;width:40px;height:40px;border:1px solid #a9a9a9;border-radius:50%}.color-picker .selected-color-background{width:40px;height:40px;border-radius:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAh0lEQVRYR+2W0QlAMQgD60zdfwOdqa8TmI/wQMr5K0I5bZLIzLOa2nt37VVVbd+dDx5obgCC3KBLwJ2ff4PnVidkf+ucIhw80HQaCLo3DMH3CRK3iFsmAWVl6hPNDwt8EvNE5q+YuEXcMgkonVM6SdyCoEvAnZ8v1Hjx817MilmxSUB5rdLJDycZgUAZUch/AAAAAElFTkSuQmCC)}.color-picker .saturation-lightness{direction:ltr;width:100%;height:130px;border:none;cursor:pointer;touch-action:manipulation;background-size:100% 100%;background-image:url(data:image/png;base64,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)}.color-picker .cp-add-color-button-class{position:absolute;display:inline;padding:0;margin:3px -3px;border:0;cursor:pointer;background:transparent}.color-picker .cp-add-color-button-class:hover{text-decoration:underline}.color-picker .cp-add-color-button-class:disabled{cursor:not-allowed;color:#999}.color-picker .cp-add-color-button-class:disabled:hover{text-decoration:none}.color-picker .cp-remove-color-button-class{position:absolute;top:-5px;right:-5px;display:block;width:10px;height:10px;border-radius:50%;cursor:pointer;text-align:center;background:#fff;box-shadow:1px 1px 5px #333}.color-picker .cp-remove-color-button-class:before{content:"x";position:relative;bottom:3.5px;display:inline-block;font-size:10px}.color-picker .eyedropper-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#fff;mix-blend-mode:exclusion}
+`],encapsulation:2})}return e})();var b0=!1,Ks=(()=>{class e{injector;cfr;appRef;vcRef;elRef;_service;dialog;dialogCreated=!1;ignoreChanges=!1;cmpRef;viewAttachedToAppRef=!1;colorPicker;cpWidth="230px";cpHeight="auto";cpToggle=!1;cpDisabled=!1;cpIgnoredElements=[];cpFallbackColor="";cpColorMode="color";cpCmykEnabled=!1;cpOutputFormat="auto";cpAlphaChannel="enabled";cpDisableInput=!1;cpDialogDisplay="popup";cpSaveClickOutside=!0;cpCloseClickOutside=!0;cpUseRootViewContainer=!1;cpPosition="auto";cpPositionOffset="0%";cpPositionRelativeToArrow=!1;cpOKButton=!1;cpOKButtonText="OK";cpOKButtonClass="cp-ok-button-class";cpCancelButton=!1;cpCancelButtonText="Cancel";cpCancelButtonClass="cp-cancel-button-class";cpEyeDropper=!1;cpPresetLabel="Preset colors";cpPresetColors;cpPresetColorsClass="cp-preset-colors-class";cpMaxPresetColorsLength=6;cpPresetEmptyMessage="No colors added";cpPresetEmptyMessageClass="preset-empty-message";cpAddColorButton=!1;cpAddColorButtonText="Add color";cpAddColorButtonClass="cp-add-color-button-class";cpRemoveColorButtonClass="cp-remove-color-button-class";cpArrowPosition=0;cpExtraTemplate;cpInputChange=new O(!0);cpToggleChange=new O(!0);cpSliderChange=new O(!0);cpSliderDragEnd=new O(!0);cpSliderDragStart=new O(!0);colorPickerOpen=new O(!0);colorPickerClose=new O(!0);colorPickerCancel=new O(!0);colorPickerSelect=new O(!0);colorPickerChange=new O(!1);cpCmykColorChange=new O(!0);cpPresetColorsChange=new O(!0);handleClick(){this.inputFocus()}handleFocus(){this.inputFocus()}handleInput(n){this.inputChange(n)}constructor(n,r,o,i,s,a){this.injector=n,this.cfr=r,this.appRef=o,this.vcRef=i,this.elRef=s,this._service=a}ngOnDestroy(){this.cmpRef!=null&&(this.viewAttachedToAppRef&&this.appRef.detachView(this.cmpRef.hostView),this.cmpRef.destroy(),this.cmpRef=null,this.dialog=null)}ngOnChanges(n){n.cpToggle&&!this.cpDisabled&&(n.cpToggle.currentValue?this.openDialog():n.cpToggle.currentValue||this.closeDialog()),n.colorPicker&&(this.dialog&&!this.ignoreChanges&&(this.cpDialogDisplay==="inline"&&this.dialog.setInitialColor(n.colorPicker.currentValue),this.dialog.setColorFromString(n.colorPicker.currentValue,!1),this.cpUseRootViewContainer&&this.cpDialogDisplay!=="inline"&&this.cmpRef.changeDetectorRef.detectChanges()),this.ignoreChanges=!1),(n.cpPresetLabel||n.cpPresetColors)&&this.dialog&&this.dialog.setPresetConfig(this.cpPresetLabel,this.cpPresetColors)}openDialog(){if(this.dialogCreated)this.dialog&&(this.cmpRef.instance.cpAlphaChannel=this.cpAlphaChannel,this.dialog.openDialog(this.colorPicker));else{let n=this.vcRef;if(this.dialogCreated=!0,this.viewAttachedToAppRef=!1,this.cpUseRootViewContainer&&this.cpDialogDisplay!=="inline"){let o=this.appRef.componentTypes[0],i=this.injector.get(o,ye.NULL);i!==ye.NULL?(n=i.vcRef||i.viewContainerRef||this.vcRef,b0&&n===this.vcRef&&console.warn("You are using cpUseRootViewContainer, but the root component is not exposing viewContainerRef!Please expose it by adding 'public vcRef: ViewContainerRef' to the constructor.")):this.viewAttachedToAppRef=!0}let r=this.cfr.resolveComponentFactory(Ys);if(this.viewAttachedToAppRef)this.cmpRef=r.create(this.injector),this.appRef.attachView(this.cmpRef.hostView),document.body.appendChild(this.cmpRef.hostView.rootNodes[0]);else{let o=ye.create({providers:[],parent:n.injector});this.cmpRef=n.createComponent(r,0,o,[])}this.cmpRef.instance.setupDialog(this,this.elRef,this.colorPicker,this.cpWidth,this.cpHeight,this.cpDialogDisplay,this.cpFallbackColor,this.cpColorMode,this.cpCmykEnabled,this.cpAlphaChannel,this.cpOutputFormat,this.cpDisableInput,this.cpIgnoredElements,this.cpSaveClickOutside,this.cpCloseClickOutside,this.cpUseRootViewContainer,this.cpPosition,this.cpPositionOffset,this.cpPositionRelativeToArrow,this.cpPresetLabel,this.cpPresetColors,this.cpPresetColorsClass,this.cpMaxPresetColorsLength,this.cpPresetEmptyMessage,this.cpPresetEmptyMessageClass,this.cpOKButton,this.cpOKButtonClass,this.cpOKButtonText,this.cpCancelButton,this.cpCancelButtonClass,this.cpCancelButtonText,this.cpAddColorButton,this.cpAddColorButtonClass,this.cpAddColorButtonText,this.cpRemoveColorButtonClass,this.cpEyeDropper,this.elRef,this.cpExtraTemplate),this.dialog=this.cmpRef.instance,this.vcRef!==n&&this.cmpRef.changeDetectorRef.detectChanges()}}closeDialog(){this.dialog&&this.cpDialogDisplay==="popup"&&this.dialog.closeDialog()}cmykChanged(n){this.cpCmykColorChange.emit(n)}stateChanged(n){this.cpToggleChange.emit(n),n?this.colorPickerOpen.emit(this.colorPicker):this.colorPickerClose.emit(this.colorPicker)}colorChanged(n,r=!0){this.ignoreChanges=r,this.colorPickerChange.emit(n)}colorSelected(n){this.colorPickerSelect.emit(n)}colorCanceled(){this.colorPickerCancel.emit()}inputFocus(){let n=this.elRef.nativeElement,r=this.cpIgnoredElements.filter(o=>o===n);!this.cpDisabled&&!r.length&&(typeof document<"u"&&n===document.activeElement?this.openDialog():!this.dialog||!this.dialog.show?this.openDialog():this.closeDialog())}inputChange(n){this.dialog?this.dialog.setColorFromString(n.target.value,!0):(this.colorPicker=n.target.value,this.colorPickerChange.emit(this.colorPicker))}inputChanged(n){this.cpInputChange.emit(n)}sliderChanged(n){this.cpSliderChange.emit(n)}sliderDragEnd(n){this.cpSliderDragEnd.emit(n)}sliderDragStart(n){this.cpSliderDragStart.emit(n)}presetColorsChanged(n){this.cpPresetColorsChange.emit(n)}static \u0275fac=function(r){return new(r||e)(M(ye),M(En),M(en),M(Te),M(se),M(Mt))};static \u0275dir=ne({type:e,selectors:[["","colorPicker",""]],hostBindings:function(r,o){r&1&&_("click",function(){return o.handleClick()})("focus",function(){return o.handleFocus()})("input",function(s){return o.handleInput(s)})},inputs:{colorPicker:"colorPicker",cpWidth:"cpWidth",cpHeight:"cpHeight",cpToggle:"cpToggle",cpDisabled:"cpDisabled",cpIgnoredElements:"cpIgnoredElements",cpFallbackColor:"cpFallbackColor",cpColorMode:"cpColorMode",cpCmykEnabled:"cpCmykEnabled",cpOutputFormat:"cpOutputFormat",cpAlphaChannel:"cpAlphaChannel",cpDisableInput:"cpDisableInput",cpDialogDisplay:"cpDialogDisplay",cpSaveClickOutside:"cpSaveClickOutside",cpCloseClickOutside:"cpCloseClickOutside",cpUseRootViewContainer:"cpUseRootViewContainer",cpPosition:"cpPosition",cpPositionOffset:"cpPositionOffset",cpPositionRelativeToArrow:"cpPositionRelativeToArrow",cpOKButton:"cpOKButton",cpOKButtonText:"cpOKButtonText",cpOKButtonClass:"cpOKButtonClass",cpCancelButton:"cpCancelButton",cpCancelButtonText:"cpCancelButtonText",cpCancelButtonClass:"cpCancelButtonClass",cpEyeDropper:"cpEyeDropper",cpPresetLabel:"cpPresetLabel",cpPresetColors:"cpPresetColors",cpPresetColorsClass:"cpPresetColorsClass",cpMaxPresetColorsLength:"cpMaxPresetColorsLength",cpPresetEmptyMessage:"cpPresetEmptyMessage",cpPresetEmptyMessageClass:"cpPresetEmptyMessageClass",cpAddColorButton:"cpAddColorButton",cpAddColorButtonText:"cpAddColorButtonText",cpAddColorButtonClass:"cpAddColorButtonClass",cpRemoveColorButtonClass:"cpRemoveColorButtonClass",cpArrowPosition:"cpArrowPosition",cpExtraTemplate:"cpExtraTemplate"},outputs:{cpInputChange:"cpInputChange",cpToggleChange:"cpToggleChange",cpSliderChange:"cpSliderChange",cpSliderDragEnd:"cpSliderDragEnd",cpSliderDragStart:"cpSliderDragStart",colorPickerOpen:"colorPickerOpen",colorPickerClose:"colorPickerClose",colorPickerCancel:"colorPickerCancel",colorPickerSelect:"colorPickerSelect",colorPickerChange:"colorPickerChange",cpCmykColorChange:"cpCmykColorChange",cpPresetColorsChange:"cpPresetColorsChange"},exportAs:["ngxColorPicker"],features:[Et]})}return e})();var Zs=(()=>{class e{static \u0275fac=function(r){return new(r||e)};static \u0275mod=ve({type:e});static \u0275inj=me({imports:[no]})}return e})();var x0=()=>["#fff","#000","#2889e9","#e920e9","#fff500","rgb(236,64,64)"],M0=()=>["#fff","#2889e9"],A0=(e,t)=>[e,t];function S0(e,t){e&1&&(d(0,"div",38)(1,"h3"),p(2,"Custom template content here."),u()())}var wd=(()=>{class e{vcRef;cpService;toggle=!1;rgbaText="rgba(165, 26, 214, 0.2)";arrayColors={color1:"#2883e9",color2:"#e920e9",color3:"rgb(255,245,0)",color4:"rgb(236,64,64)",color5:"rgba(45,208,45,1)"};selectedColor="color1";color1="#2889e9";color2="#e920e9";color3="#fff500";color4="rgb(236,64,64)";color5="rgba(45,208,45,1)";color6="#1973c0";color7="#f200bd";color8="#a8ff00";color9="#278ce2";color10="#0a6211";color11="#f2ff00";color12="#f200bd";color13="rgba(0,255,0,0.5)";color14="rgb(0,255,255)";color15="rgb(255,0,0)";color16="#a51ad633";color17="#666666";color18="#fa8072";color19="#f88888";color20="#ff0000";cmykValue="";cmykColor=new ge(0,0,0,0);alphaEnabled=!1;constructor(n,r){this.vcRef=n,this.cpService=r}onEventLog(n,r){console.log(n,r)}onChangeColor(n){console.log("Color changed:",n)}onChangeColorCmyk(n){let r=this.cpService.stringToHsva(n);if(r){let o=this.cpService.hsvaToRgba(r);return this.cpService.rgbaToCmyk(o)}return new ge(0,0,0,0)}onChangeColorHex8(n){let r=this.cpService.stringToHsva(n,!0);return r?this.cpService.outputFormat(r,"rgba",null):""}static \u0275fac=function(r){return new(r||e)(M(Te),M(Mt))};static \u0275cmp=kr({type:e,selectors:[["my-app"]],decls:556,vars:153,consts:[["ignoredInput",""],["ignoredButton",""],["customTemplate",""],[1,"container"],[1,"row"],[1,"col-md-5"],[3,"colorPickerChange","colorPickerOpen","colorPickerClose","cpInputChange","cpSliderDragStart","cpSliderDragEnd","colorPicker"],[1,"col-md-7"],[3,"colorPickerChange","colorPickerOpen","colorPickerClose","cpInputChange","cpSliderDragStart","cpSliderDragEnd","colorPicker","cpColorMode"],[3,"colorPickerChange","value","colorPicker"],[3,"colorPickerChange","value","cpOutputFormat","colorPicker"],[3,"colorPickerChange","value","cpPosition","colorPicker"],[1,"change-me",3,"colorPickerChange","cpPosition","cpPositionOffset","cpPositionRelativeToArrow","colorPicker"],[3,"colorPickerChange","value","cpCancelButton","colorPicker"],[3,"colorPickerChange","value","cpCancelButton","cpCancelButtonClass","colorPicker"],[3,"colorPickerChange","value","cpOKButton","cpSaveClickOutside","cpOKButtonClass","colorPicker"],[3,"colorPickerChange","value","cpEyeDropper","cpSaveClickOutside","cpOKButtonClass","colorPicker"],[3,"cpCmykColorChange","colorPickerChange","colorPicker","cpCmykEnabled"],[1,"clearfix"],[1,"cmyk-text",2,"color","rgb(0,255,255)"],[1,"cmyk-text",2,"color","rgb(255,0,255)"],[1,"cmyk-text",2,"color","rgb(255,255,0)"],[1,"cmyk-text"],[3,"colorPickerChange","cpPresetColors","colorPicker"],[3,"colorPickerChange","cpAlphaChannel","cpOutputFormat","cpPresetColors","cpAddColorButton","colorPicker"],[3,"cpToggleChange","colorPickerChange","cpFallbackColor","cpIgnoredElements","cpToggle","colorPicker"],[1,"btn","btn-primary",3,"click"],["cpPosition","auto",3,"colorPickerChange","value","colorPicker"],[3,"colorPickerChange","value","cpAlphaChannel","cpOutputFormat","colorPicker"],["type","checkbox",3,"ngModelChange","ngModel"],[1,"row",2,"height","320px"],[1,"col-md-3"],[3,"colorPickerChange","cpToggle","cpDialogDisplay","cpCancelButton","cpCancelButtonClass","colorPicker"],[1,"col-md-2"],[1,"color-box",3,"click"],["cpAlphaChannel","disabled",3,"colorPickerClose","colorPickerOpen","cpInputChange","cpSliderDragEnd","cpSliderDragStart","keyup","colorPicker","cpExtraTemplate"],[1,"col-md-12"],[1,"table"],[1,""]],template:function(r,o){if(r&1){let i=Y();d(0,"div",3),w(1,"br"),d(2,"h1"),p(3,"Angular Color Picker Directive"),u(),d(4,"h4"),p(5,"A Color Picker Directive for Angular with no dependencies."),u(),d(6,"h4")(7,"b"),p(8,"based on angular2-color-picker by Alberto Pujante"),u()(),w(9,"br")(10,"hr")(11,"br"),d(12,"div",4)(13,"div",5)(14,"input",6),q("colorPickerChange",function(a){return g(i),G(o.color1,a)||(o.color1=a),m(a)}),_("colorPickerOpen",function(a){return g(i),m(o.onEventLog("colorPickerOpen",a))})("colorPickerClose",function(a){return g(i),m(o.onEventLog("colorPickerClose",a))})("cpInputChange",function(a){return g(i),m(o.onEventLog("cpInputChange",a))})("cpSliderDragStart",function(a){return g(i),m(o.onEventLog("cpSliderDragStart",a))})("cpSliderDragEnd",function(a){return g(i),m(o.onEventLog("cpSliderDragEnd",a))}),u()(),d(15,"div",7)(16,"p"),p(17,"Usage:"),u(),d(18,"pre"),p(19,`
- `),u(),d(20,"p"),f(21,"Or:"),u(),d(22,"pre"),f(23,`
- `),u()()(),C(24,"hr"),d(25,"div",1)(26,"div",2)(27,"input",5),w("colorPickerChange",function(s){return o.color17=s})("colorPickerOpen",function(s){return o.onEventLog("colorPickerOpen",s)})("colorPickerClose",function(s){return o.onEventLog("colorPickerClose",s)})("cpInputChange",function(s){return o.onEventLog("cpInputChange",s)})("cpSliderDragStart",function(s){return o.onEventLog("cpSliderDragStart",s)})("cpSliderDragEnd",function(s){return o.onEventLog("cpSliderDragEnd",s)}),u()(),d(28,"div",4)(29,"p"),f(30,"Grayscale color mode:"),u(),d(31,"pre"),f(32,`
- `),u()()(),C(33,"hr"),d(34,"div",1)(35,"div",2)(36,"input",6),w("colorPickerChange",function(s){return o.color2=s}),u()(),d(37,"div",4)(38,"p"),f(39,"Show the color in the input field:"),u(),d(40,"pre"),f(41,`
- `),u()()(),C(42,"hr"),d(43,"div",1)(44,"div",2)(45,"input",7),w("colorPickerChange",function(s){return o.color3=s}),u(),C(46,"br")(47,"br"),d(48,"input",7),w("colorPickerChange",function(s){return o.color4=s}),u()(),d(49,"div",4)(50,"p"),f(51,"Output format:"),u(),d(52,"pre"),f(53,`
- `),u()()(),C(54,"hr"),d(55,"div",1)(56,"div",2)(57,"input",8),w("colorPickerChange",function(s){return o.color5=s}),u()(),d(58,"div",4)(59,"p"),f(60,"Changing dialog position:"),u(),d(61,"pre"),f(62,`
- `),u()()(),C(63,"hr"),d(64,"div",1)(65,"div",2)(66,"span",9),w("colorPickerChange",function(s){return o.color6=s}),f(67,"Change me!"),u()(),d(68,"div",4)(69,"p"),f(70,"You can introduce a offset of the color picker relative to the html element:"),u(),d(71,"pre"),f(72,`Change me!
- `),u()()(),C(73,"hr"),d(74,"div",1)(75,"div",2)(76,"input",10),w("colorPickerChange",function(s){return o.color7=s}),u()(),d(77,"div",4)(78,"p"),f(79,"Show cancel button:"),u(),d(80,"pre"),f(81,`
- `),u()()(),C(82,"hr"),d(83,"div",1)(84,"div",2)(85,"input",11),w("colorPickerChange",function(s){return o.color8=s}),u()(),d(86,"div",4)(87,"p"),f(88,"Change cancel button class, in this example we are using a bootstrap button:"),u(),d(89,"pre"),f(90,`
- `),u()()(),C(91,"hr"),d(92,"div",1)(93,"div",2)(94,"input",12),w("colorPickerChange",function(s){return o.color9=s}),u()(),d(95,"div",4)(96,"p"),f(97,"Show OK button:"),u(),d(98,"pre"),f(99,`
- `),u()()(),C(100,"hr"),d(101,"div",1)(102,"div",2)(103,"input",13),w("colorPickerChange",function(s){return o.color19=s}),u()(),d(104,"div",4)(105,"p"),f(106,"Enable Eye Dropper:"),u(),d(107,"p"),f(108,"You can open the eye dropper by clicking the colored circle."),u(),d(109,"pre"),f(110,`
- `),u()()(),C(111,"hr"),d(112,"div",1)(113,"div",2)(114,"input",14),w("cpCmykColorChange",function(s){return o.cmykValue=s})("colorPickerChange",function(s){return o.cmykColor=o.onChangeColorCmyk(s),o.color10=s}),u(),C(115,"div",15),d(116,"div"),f(117),u(),d(118,"div")(119,"span",16),f(120,"C"),u(),d(121,"span",17),f(122,"M"),u()(),C(123,"div",15),d(124,"div")(125,"span",18),f(126,"Y"),u(),d(127,"span",19),f(128,"K"),u()(),C(129,"div",15),u(),d(130,"div",4)(131,"p"),f(132,"Change event color:"),u(),d(133,"pre"),f(134,``${o+1}) ${r.toString()}`).join(`
M
Y
K
- `),u()()(),C(135,"hr"),d(136,"div",1)(137,"div",2)(138,"input",20),w("colorPickerChange",function(s){return o.color11=s}),u()(),d(139,"div",4)(140,"p"),f(141,"With preset colors:"),u(),d(142,"pre"),f(143,`
- `),u()()(),C(144,"hr"),d(145,"div",1)(146,"div",2)(147,"input",21),w("colorPickerChange",function(s){return o.color13=s}),u()(),d(148,"div",4)(149,"p"),f(150,"Add and remove preset colors:"),u(),d(151,"pre"),f(152,`
- `),u()()(),C(153,"hr"),d(154,"div",1)(155,"div",2)(156,"input",22,23),w("cpToggleChange",function(s){return o.toggle=s})("colorPickerChange",function(s){return o.color12=s}),u(),C(158,"div",15),d(159,"button",24,25),w("click",function(){return o.toggle=!o.toggle}),f(161,"Toggle"),u(),C(162,"br")(163,"br"),d(164,"div")(165,"b"),f(166),u()()(),d(167,"div",4)(168,"p"),f(169,"Use cpToggle with cpIgnoredElements:"),u(),d(170,"pre"),f(171,`
- `),u()()(),C(172,"hr"),d(173,"div",1)(174,"div",2)(175,"input",26),w("colorPickerChange",function(s){return o.color18=s}),u()(),d(176,"div",4)(177,"p"),f(178,"Auto positioning:"),u(),d(179,"pre"),f(180,`
- `),u()()(),C(181,"hr"),d(182,"div",1)(183,"div",2)(184,"input",27),w("colorPickerChange",function(s){return o.color14=s}),u(),C(185,"br"),d(186,"input",27),w("colorPickerChange",function(s){return o.color13=s}),u(),C(187,"br"),d(188,"input",27),w("colorPickerChange",function(s){return o.rgbaText=o.onChangeColorHex8(s),o.color16=s}),u(),C(189,"br"),d(190,"input",27),w("colorPickerChange",function(s){return o.color15=s}),u()(),d(191,"div",4)(192,"p"),f(193,"Change alpha channel behaviour:"),u(),d(194,"pre"),f(195,``${o+1}) ${r.toString()}`).join(`
[cpAlphaChannel]="'forced'"
[cpOutputFormat]="'hex'"
[(colorPicker)]="color"/>
- `),u()()(),C(196,"hr"),d(197,"div",28)(198,"div",29)(199,"span",30),w("colorPickerChange",function(s){return o.arrayColors[o.selectedColor]=s}),u()(),d(200,"div",31)(201,"div",32),w("click",function(){return o.selectedColor="color1"}),u(),d(202,"div",32),w("click",function(){return o.selectedColor="color2"}),u(),d(203,"div",32),w("click",function(){return o.selectedColor="color3"}),u(),d(204,"div",32),w("click",function(){return o.selectedColor="color4"}),u(),d(205,"div",32),w("click",function(){return o.selectedColor="color5"}),u()(),d(206,"div",4)(207,"p"),f(208,"Show the dialog permanently: "),u(),d(209,"pre"),f(210,`
+ `),u()()(),w(201,"hr"),d(202,"div",30)(203,"div",31)(204,"span",32),q("colorPickerChange",function(a){return g(i),G(o.arrayColors[o.selectedColor],a)||(o.arrayColors[o.selectedColor]=a),m(a)}),u()(),d(205,"div",33)(206,"div",34),_("click",function(){return g(i),m(o.selectedColor="color1")}),u(),d(207,"div",34),_("click",function(){return g(i),m(o.selectedColor="color2")}),u(),d(208,"div",34),_("click",function(){return g(i),m(o.selectedColor="color3")}),u(),d(209,"div",34),_("click",function(){return g(i),m(o.selectedColor="color4")}),u(),d(210,"div",34),_("click",function(){return g(i),m(o.selectedColor="color5")}),u()(),d(211,"div",7)(212,"p"),p(213,"Show the dialog permanently: "),u(),d(214,"pre"),p(215,``${o+1}) ${r.toString()}`).join(`
- `),u()()(),C(211,"hr")(212,"br")(213,"hr"),d(214,"div",1)(215,"div",2)(216,"input",33),w("colorPickerClose",function(s){return o.onEventLog("colorPickerClose",s)})("colorPickerOpen",function(s){return o.onEventLog("colorPickerOpen",s)})("cpInputChange",function(s){return o.onEventLog("cpInputChange",s)})("cpSliderDragEnd",function(s){return o.onEventLog("cpSliderDragEnd",s)})("cpSliderDragStart",function(s){return o.onEventLog("cpSliderDragStart",s)})("keyup",function(s){return o.onEventLog("cpInputChange",s)}),u(),H(217,S0,3,0,"ng-template",null,34,jc),u(),d(219,"div",4)(220,"p"),f(221,"Custom template: "),u(),d(222,"pre"),f(223,``${o+1}) ${r.toString()}`).join(`
Custom template.
- `),u()(),C(224,"hr")(225,"br"),d(226,"div",1)(227,"div",35)(228,"table",36)(229,"thead")(230,"tr")(231,"th"),f(232,"Options"),u(),d(233,"th"),f(234,"Values (default values in bold)"),u()()(),d(235,"tbody")(236,"tr")(237,"td"),f(238,"cpOutputFormat"),u(),d(239,"td")(240,"b"),f(241,"'auto'"),u(),f(242,", 'hex', 'rgba', 'hsla' "),u()(),d(243,"tr")(244,"td"),f(245,"cpPosition"),u(),d(246,"td")(247,"b"),f(248,"'auto'"),u(),f(249,", 'top', 'bottom', 'top-right', 'top-left', 'bottom-left', 'bottom-right' "),u()(),d(250,"tr")(251,"td"),f(252,"cpPositionOffset"),u(),d(253,"td")(254,"b"),f(255,"'0%'"),u(),C(256,"br"),f(257," Dialog offset (percent) relative to the element that contains the directive. "),u()(),d(258,"tr")(259,"td"),f(260,"cpPositionRelativeToArrow"),u(),d(261,"td")(262,"b"),f(263,"false"),u(),f(264,", true "),C(265,"br"),f(266," Dialog position is calculated relative to the dialog (false) or relative to the dialog arrow (true). "),u()(),d(267,"tr")(268,"td"),f(269,"cpWidth"),u(),d(270,"td")(271,"b"),f(272,"'230px'"),u(),C(273,"br"),f(274," Use this option to set color picker dialog width (pixels). "),u()(),d(275,"tr")(276,"td"),f(277,"cpHeight"),u(),d(278,"td")(279,"b"),f(280,"'auto'"),u(),C(281,"br"),f(282," Use this option to force color picker dialog height (pixels). "),u()(),d(283,"tr")(284,"td"),f(285,"cpSaveClickOutside"),u(),d(286,"td")(287,"b"),f(288,"true"),u(),f(289,", false"),C(290,"br"),f(291," If true the initial color is restored when user clicks outside. "),u()(),d(292,"tr")(293,"td"),f(294,"cpOKButton"),u(),d(295,"td")(296,"b"),f(297,"false"),u(),f(298,", true"),C(299,"br"),f(300," Shows the Ok button. Saves the selected color. "),u()(),d(301,"tr")(302,"td"),f(303,"cpOKButtonText"),u(),d(304,"td")(305,"b"),f(306,"'OK'"),u()()(),d(307,"tr")(308,"td"),f(309,"cpOKButtonClass"),u(),d(310,"td"),f(311," Class to customize the OK button. "),u()(),d(312,"tr")(313,"td"),f(314,"cpCancelButton"),u(),d(315,"td")(316,"b"),f(317,"false"),u(),f(318,", true"),C(319,"br"),f(320," Shows the Cancel button. Cancel the selected color. "),u()(),d(321,"tr")(322,"td"),f(323,"cpCancelButtonText"),u(),d(324,"td")(325,"b"),f(326,"'Cancel'"),u()()(),d(327,"tr")(328,"td"),f(329,"cpCancelButtonClass"),u(),d(330,"td"),f(331," Class to customize the Cancel button. "),u()(),d(332,"tr")(333,"td"),f(334,"cpFallbackColor"),u(),d(335,"td")(336,"b"),f(337,"'#fff'"),u(),C(338,"br"),f(339," Is used when the color is not well-formed or not defined. "),u()(),d(340,"tr")(341,"td"),f(342,"cpPresetLabel"),u(),d(343,"td")(344,"b"),f(345,"'Preset colors'"),u(),C(346,"br"),f(347," Label for preset colors if any provided used. "),u()(),d(348,"tr")(349,"td"),f(350,"cpPresetColors"),u(),d(351,"td")(352,"b"),f(353,"[]"),u(),C(354,"br"),f(355," Array of preset colors to show in the color picker dialog. "),u()(),d(356,"tr")(357,"td"),f(358,"cpToggle"),u(),d(359,"td")(360,"b"),f(361,"false"),u(),f(362,", true"),C(363,"br"),f(364," Input/ouput to open/close the color picker. "),u()(),d(365,"tr")(366,"td"),f(367,"cpIgnoredElements"),u(),d(368,"td")(369,"b"),f(370,"[]"),u(),C(371,"br"),f(372," Array of HTML elements that will be ignored by the color picker when they are clicked. "),u()(),d(373,"tr")(374,"td"),f(375,"cpDialogDisplay"),u(),d(376,"td")(377,"b"),f(378,"'popup'"),u(),f(379,", 'inline'"),C(380,"br"),f(381," popup: dialog is showed when user clicks in the directive."),C(382,"br"),f(383," inline: dialog is showed permanently. You can show/hide the dialog with cpToggle."),C(384,"br"),u()(),d(385,"tr")(386,"td"),f(387,"cpDisableInput"),u(),d(388,"td")(389,"b"),f(390,"false"),u(),f(391,", true"),C(392,"br"),f(393," Disables / hides the color input field from the dialog."),C(394,"br"),u()(),d(395,"tr")(396,"td"),f(397,"cpAlphaChannel"),u(),d(398,"td")(399,"b"),f(400,"'enabled'"),u(),f(401,", 'disabled', 'always', 'forced'"),C(402,"br"),f(403," enabled: alpha channel is not included for hexadecimal (hex6) values or for values without alpha (alpha = 1)."),C(404,"br"),f(405," disabled: alpha channel is completely disabled."),C(406,"br"),f(407," always: alpha channel is included for hexadecimal (hex6) values and values without alpha (alpha = 1)."),C(408,"br"),f(409," forced: alpha channel field is added for hexadecimal (hex6) values."),C(410,"br"),u()(),d(411,"tr")(412,"td"),f(413,"cpCmykEnabled"),u(),d(414,"td")(415,"b"),f(416,"false"),u(),f(417,", true"),C(418,"br"),f(419," Enables CMYK color input and selected CMYK color event sending on color change."),C(420,"br"),u()(),d(421,"tr")(422,"td"),f(423,"cpUseRootViewContainer"),u(),d(424,"td")(425,"b"),f(426,"false"),u(),f(427,", true"),C(428,"br"),f(429," Create dialog component in the root view container instead the elements view container."),C(430,"br"),u()(),d(431,"tr")(432,"td"),f(433,"cpAddColorButton"),u(),d(434,"td")(435,"b"),f(436,"false"),u(),f(437,", true"),C(438,"br"),f(439," Add or remove colors into your preset panel. The [cpPresetColors] is needed"),C(440,"br"),u()(),d(441,"tr")(442,"td"),f(443,"cpAddColorButtonText"),u(),d(444,"td")(445,"b"),f(446,"'Add color'"),u()()(),d(447,"tr")(448,"td"),f(449,"cpAddColorButtonClass"),u(),d(450,"td"),f(451," Class to customize the add color button. "),u()(),d(452,"tr")(453,"td"),f(454,"cpRemoveColorButtonClass"),u(),d(455,"td"),f(456," Class to customize the remove color button. "),u()(),d(457,"tr")(458,"td"),f(459,"cpPresetColorsClass"),u(),d(460,"td"),f(461," Class to customize the preset colors container. "),u()(),d(462,"tr")(463,"td"),f(464,"cpMaxPresetColorsLength"),u(),d(465,"td")(466,"b"),f(467,"8"),u(),f(468," (number)"),C(469,"br"),f(470," Use this option to set the max colors allowed into preset panel. "),u()(),d(471,"tr")(472,"td"),f(473,"cpPresetEmptyMessage"),u(),d(474,"td")(475,"b"),f(476,"'No colors added'"),u(),C(477,"br"),f(478," Message for empty colors if any provided used. "),u()(),d(479,"tr")(480,"td"),f(481,"cpPresetEmptyMessageClass"),u(),d(482,"td"),f(483," Class to customize the empty colors message. "),u()(),d(484,"tr")(485,"td"),f(486,"cpEyeDropper"),u(),d(487,"td"),f(488," Enable eye dropper on click of colored circle. Click again to pick a color. "),u()()()()()(),C(489,"hr")(490,"br"),d(491,"div",1)(492,"div",35)(493,"table",36)(494,"thead")(495,"tr")(496,"th"),f(497,"Events"),u(),d(498,"th"),f(499,"Description (data format in bold)"),u()()(),d(500,"tbody")(501,"tr")(502,"td"),f(503,"colorPickerChange"),u(),d(504,"td"),f(505," Changed color value, send when color is changed. "),d(506,"b"),f(507,"(value: string)"),u()()(),d(508,"tr")(509,"td"),f(510,"colorPickerSelect"),u(),d(511,"td"),f(512," Selected color value, send when user presses the OK button. "),d(513,"b"),f(514,"(value: string)"),u()()(),d(515,"tr")(516,"td"),f(517,"cpToggleChange"),u(),d(518,"td"),f(519," Status of the dialog, send when dialog is opened / closed. "),d(520,"b"),f(521,"(open: boolean)"),u()()(),d(522,"tr")(523,"td"),f(524,"cpInputChange"),u(),d(525,"td"),f(526," Input name and its value, send when user changes color through inputs. "),d(527,"b"),f(528),u()()(),d(529,"tr")(530,"td"),f(531,"cpSliderChange"),u(),d(532,"td"),f(533," Slider name and its value, send when user changes color through slider. "),d(534,"b"),f(535),u()()(),d(536,"tr")(537,"td"),f(538,"cpCmykColorChange"),u(),d(539,"td"),f(540," CMYK color value, send when on color change if cpCmykEnabled is true. "),d(541,"b"),f(542,"(value: string)"),u()()(),d(543,"tr")(544,"td"),f(545,"cpPresetColorsChange"),u(),d(546,"td"),f(547," Preset colors value, send when Add Color button is pressed. "),d(548,"b"),f(549,"(value: array)"),u()()()()()()(),C(550,"hr")(551,"br"),u()()),r&2){let i=Mr(157),s=Mr(160),a=Mr(218);m(14),b("background",o.color1),y("colorPicker",o.color1),m(13),b("background",o.color17),y("colorPicker",o.color17)("cpColorMode","grayscale"),m(9),b("background",o.color2),y("value",o.color2)("colorPicker",o.color2),m(9),b("background",o.color3),y("value",o.color3)("cpOutputFormat","rgba")("colorPicker",o.color3),m(3),b("background",o.color4),y("value",o.color4)("cpOutputFormat","hsla")("colorPicker",o.color4),m(9),b("background",o.color5),y("value",o.color5)("cpPosition","top-right")("colorPicker",o.color5),m(9),b("color",o.color6),y("cpPosition","bottom")("cpPositionOffset","50%")("cpPositionRelativeToArrow",!0)("colorPicker",o.color6),m(10),b("background",o.color7),y("value",o.color7)("cpCancelButton",!0)("colorPicker",o.color7),m(9),b("background",o.color8),y("value",o.color8)("cpCancelButton",!0)("cpCancelButtonClass","btn btn-primary btn-xs")("colorPicker",o.color8),m(9),b("background",o.color9),y("value",o.color9)("cpOKButton",!0)("cpSaveClickOutside",!1)("cpOKButtonClass","btn btn-primary btn-xs")("colorPicker",o.color9),m(9),b("background",o.color19),y("value",o.color9)("cpEyeDropper",!0)("cpSaveClickOutside",!1)("cpOKButtonClass","btn btn-primary btn-xs")("colorPicker",o.color19),m(11),b("background",o.color10),y("colorPicker",o.color10)("cpCmykEnabled",!0),m(3),et(o.cmykValue),m(2),b("font-size",100*o.cmykColor.c,"px"),m(2),b("font-size",100*o.cmykColor.m,"px"),m(4),b("font-size",100*o.cmykColor.y,"px"),m(2),b("font-size",100*o.cmykColor.k,"px"),m(11),b("background",o.color11),y("cpPresetColors",Gi(141,M0))("colorPicker",o.color11),m(9),b("background",o.color13),y("cpAlphaChannel","always")("cpOutputFormat","rgba")("cpPresetColors",Gi(142,A0))("cpAddColorButton",!0)("colorPicker",o.color13),m(9),b("background",o.color12),y("cpFallbackColor","#f200bd")("cpIgnoredElements",Fc(143,T0,s,i))("cpToggle",o.toggle)("colorPicker",o.color12),m(10),Ft("Toggle status: ",o.toggle,""),m(9),b("background",o.color18),y("value",o.color18)("colorPicker",o.color18),m(9),b("background",o.color14),y("value",o.color14)("cpAlphaChannel","always")("cpOutputFormat","rgba")("colorPicker",o.color14),m(2),b("background",o.color13),y("value",o.color13)("cpAlphaChannel","disabled")("cpOutputFormat","rgba")("colorPicker",o.color13),m(2),b("background",o.rgbaText),y("value",o.color16)("cpAlphaChannel","always")("cpOutputFormat","hex")("colorPicker",o.color16),m(2),b("background",o.color15),y("value",o.color15)("cpAlphaChannel","forced")("cpOutputFormat","hex")("colorPicker",o.color15),m(9),b("background",o.arrayColors[o.selectedColor]),y("cpToggle",!0)("cpDialogDisplay","inline")("cpCancelButton",!0)("cpCancelButtonClass","btn btn-primary btn-xs")("colorPicker",o.arrayColors[o.selectedColor]),m(2),b("background",o.arrayColors.color1),m(1),b("background",o.arrayColors.color2),m(1),b("background",o.arrayColors.color3),m(1),b("background",o.arrayColors.color4),m(1),b("background",o.arrayColors.color5),m(11),b("background",o.color18),y("colorPicker",o.color18)("cpExtraTemplate",a),m(312),Ar("(","{","input: string, value: string","}",")"),m(7),Ar("(","{","slider: string, value: Object","}",")")}},dependencies:[hs],styles:["input[_ngcontent-%COMP%]{width:150px;margin-bottom:16px}.cmyk-text[_ngcontent-%COMP%]{float:left;width:72px;height:72px;font-weight:bolder;line-height:72px;text-align:center;text-shadow:1px 1px 2px #bbb}.color-box[_ngcontent-%COMP%]{width:100px;height:25px;margin:16px auto;cursor:pointer}.change-me[_ngcontent-%COMP%]{cursor:pointer;font-size:30px;font-weight:bolder}"]})}return e})();var vu=(()=>{class e{static \u0275fac=function(r){return new(r||e)};static \u0275mod=Ue({type:e,bootstrap:[mu]});static \u0275inj=He({imports:[du,gs]})}return e})();uu().bootstrapModule(vu);
+ `),u()(),w(229,"hr")(230,"br"),d(231,"div",36)(232,"table",37)(233,"thead")(234,"tr")(235,"th"),p(236,"Options"),u(),d(237,"th"),p(238,"Values (default values in bold)"),u()()(),d(239,"tbody")(240,"tr")(241,"td"),p(242,"cpOutputFormat"),u(),d(243,"td")(244,"b"),p(245,"'auto'"),u(),p(246,", 'hex', 'rgba', 'hsla' "),u()(),d(247,"tr")(248,"td"),p(249,"cpPosition"),u(),d(250,"td")(251,"b"),p(252,"'auto'"),u(),p(253,", 'top', 'bottom', 'top-right', 'top-left', 'bottom-left', 'bottom-right' "),u()(),d(254,"tr")(255,"td"),p(256,"cpPositionOffset"),u(),d(257,"td")(258,"b"),p(259,"'0%'"),u(),w(260,"br"),p(261," Dialog offset (percent) relative to the element that contains the directive. "),u()(),d(262,"tr")(263,"td"),p(264,"cpPositionRelativeToArrow"),u(),d(265,"td")(266,"b"),p(267,"false"),u(),p(268,", true "),w(269,"br"),p(270," Dialog position is calculated relative to the dialog (false) or relative to the dialog arrow (true). "),u()(),d(271,"tr")(272,"td"),p(273,"cpWidth"),u(),d(274,"td")(275,"b"),p(276,"'230px'"),u(),w(277,"br"),p(278," Use this option to set color picker dialog width (pixels). "),u()(),d(279,"tr")(280,"td"),p(281,"cpHeight"),u(),d(282,"td")(283,"b"),p(284,"'auto'"),u(),w(285,"br"),p(286," Use this option to force color picker dialog height (pixels). "),u()(),d(287,"tr")(288,"td"),p(289,"cpSaveClickOutside"),u(),d(290,"td")(291,"b"),p(292,"true"),u(),p(293,", false"),w(294,"br"),p(295," If true the initial color is restored when user clicks outside. "),u()(),d(296,"tr")(297,"td"),p(298,"cpOKButton"),u(),d(299,"td")(300,"b"),p(301,"false"),u(),p(302,", true"),w(303,"br"),p(304," Shows the Ok button. Saves the selected color. "),u()(),d(305,"tr")(306,"td"),p(307,"cpOKButtonText"),u(),d(308,"td")(309,"b"),p(310,"'OK'"),u()()(),d(311,"tr")(312,"td"),p(313,"cpOKButtonClass"),u(),d(314,"td"),p(315," Class to customize the OK button. "),u()(),d(316,"tr")(317,"td"),p(318,"cpCancelButton"),u(),d(319,"td")(320,"b"),p(321,"false"),u(),p(322,", true"),w(323,"br"),p(324," Shows the Cancel button. Cancel the selected color. "),u()(),d(325,"tr")(326,"td"),p(327,"cpCancelButtonText"),u(),d(328,"td")(329,"b"),p(330,"'Cancel'"),u()()(),d(331,"tr")(332,"td"),p(333,"cpCancelButtonClass"),u(),d(334,"td"),p(335," Class to customize the Cancel button. "),u()(),d(336,"tr")(337,"td"),p(338,"cpFallbackColor"),u(),d(339,"td")(340,"b"),p(341,"'#fff'"),u(),w(342,"br"),p(343," Is used when the color is not well-formed or not defined. "),u()(),d(344,"tr")(345,"td"),p(346,"cpPresetLabel"),u(),d(347,"td")(348,"b"),p(349,"'Preset colors'"),u(),w(350,"br"),p(351," Label for preset colors if any provided used. "),u()(),d(352,"tr")(353,"td"),p(354,"cpPresetColors"),u(),d(355,"td")(356,"b"),p(357,"[]"),u(),w(358,"br"),p(359," Array of preset colors to show in the color picker dialog. "),u()(),d(360,"tr")(361,"td"),p(362,"cpToggle"),u(),d(363,"td")(364,"b"),p(365,"false"),u(),p(366,", true"),w(367,"br"),p(368," Input/ouput to open/close the color picker. "),u()(),d(369,"tr")(370,"td"),p(371,"cpIgnoredElements"),u(),d(372,"td")(373,"b"),p(374,"[]"),u(),w(375,"br"),p(376," Array of HTML elements that will be ignored by the color picker when they are clicked. "),u()(),d(377,"tr")(378,"td"),p(379,"cpDialogDisplay"),u(),d(380,"td")(381,"b"),p(382,"'popup'"),u(),p(383,", 'inline'"),w(384,"br"),p(385," popup: dialog is showed when user clicks in the directive."),w(386,"br"),p(387," inline: dialog is showed permanently. You can show/hide the dialog with cpToggle."),w(388,"br"),u()(),d(389,"tr")(390,"td"),p(391,"cpDisableInput"),u(),d(392,"td")(393,"b"),p(394,"false"),u(),p(395,", true"),w(396,"br"),p(397," Disables / hides the color input field from the dialog."),w(398,"br"),u()(),d(399,"tr")(400,"td"),p(401,"cpAlphaChannel"),u(),d(402,"td")(403,"b"),p(404,"'enabled'"),u(),p(405,", 'disabled', 'always', 'forced'"),w(406,"br"),p(407," enabled: alpha channel is not included for hexadecimal (hex6) values or for values without alpha (alpha = 1)."),w(408,"br"),p(409," disabled: alpha channel is completely disabled."),w(410,"br"),p(411," always: alpha channel is included for hexadecimal (hex6) values and values without alpha (alpha = 1)."),w(412,"br"),p(413," forced: alpha channel field is added for hexadecimal (hex6) values."),w(414,"br"),u()(),d(415,"tr")(416,"td"),p(417,"cpCmykEnabled"),u(),d(418,"td")(419,"b"),p(420,"false"),u(),p(421,", true"),w(422,"br"),p(423," Enables CMYK color input and selected CMYK color event sending on color change."),w(424,"br"),u()(),d(425,"tr")(426,"td"),p(427,"cpUseRootViewContainer"),u(),d(428,"td")(429,"b"),p(430,"false"),u(),p(431,", true"),w(432,"br"),p(433," Create dialog component in the root view container instead the elements view container."),w(434,"br"),u()(),d(435,"tr")(436,"td"),p(437,"cpAddColorButton"),u(),d(438,"td")(439,"b"),p(440,"false"),u(),p(441,", true"),w(442,"br"),p(443," Add or remove colors into your preset panel. The [cpPresetColors] is needed"),w(444,"br"),u()(),d(445,"tr")(446,"td"),p(447,"cpAddColorButtonText"),u(),d(448,"td")(449,"b"),p(450,"'Add color'"),u()()(),d(451,"tr")(452,"td"),p(453,"cpAddColorButtonClass"),u(),d(454,"td"),p(455," Class to customize the add color button. "),u()(),d(456,"tr")(457,"td"),p(458,"cpRemoveColorButtonClass"),u(),d(459,"td"),p(460," Class to customize the remove color button. "),u()(),d(461,"tr")(462,"td"),p(463,"cpPresetColorsClass"),u(),d(464,"td"),p(465," Class to customize the preset colors container. "),u()(),d(466,"tr")(467,"td"),p(468,"cpMaxPresetColorsLength"),u(),d(469,"td")(470,"b"),p(471,"8"),u(),p(472," (number)"),w(473,"br"),p(474," Use this option to set the max colors allowed into preset panel. "),u()(),d(475,"tr")(476,"td"),p(477,"cpPresetEmptyMessage"),u(),d(478,"td")(479,"b"),p(480,"'No colors added'"),u(),w(481,"br"),p(482," Message for empty colors if any provided used. "),u()(),d(483,"tr")(484,"td"),p(485,"cpPresetEmptyMessageClass"),u(),d(486,"td"),p(487," Class to customize the empty colors message. "),u()(),d(488,"tr")(489,"td"),p(490,"cpEyeDropper"),u(),d(491,"td"),p(492," Enable eye dropper on click of colored circle. Click again to pick a color. "),u()()()()()(),w(493,"hr")(494,"br"),d(495,"div",4)(496,"div",36)(497,"table",37)(498,"thead")(499,"tr")(500,"th"),p(501,"Events"),u(),d(502,"th"),p(503,"Description (data format in bold)"),u()()(),d(504,"tbody")(505,"tr")(506,"td"),p(507,"colorPickerChange"),u(),d(508,"td"),p(509," Changed color value, send when color is changed. "),d(510,"b"),p(511,"(value: string)"),u()()(),d(512,"tr")(513,"td"),p(514,"colorPickerSelect"),u(),d(515,"td"),p(516," Selected color value, send when user presses the OK button. "),d(517,"b"),p(518,"(value: string)"),u()()(),d(519,"tr")(520,"td"),p(521,"cpToggleChange"),u(),d(522,"td"),p(523," Status of the dialog, send when dialog is opened / closed. "),d(524,"b"),p(525,"(open: boolean)"),u()()(),d(526,"tr")(527,"td"),p(528,"cpInputChange"),u(),d(529,"td"),p(530," Input name and its value, send when user changes color through inputs. "),d(531,"b"),p(532),u()()(),d(533,"tr")(534,"td"),p(535,"cpSliderChange"),u(),d(536,"td"),p(537," Slider name and its value, send when user changes color through slider. "),d(538,"b"),p(539),u()()(),d(540,"tr")(541,"td"),p(542,"cpCmykColorChange"),u(),d(543,"td"),p(544," CMYK color value, send when on color change if cpCmykEnabled is true. "),d(545,"b"),p(546,"(value: string)"),u()()(),d(547,"tr")(548,"td"),p(549,"cpPresetColorsChange"),u(),d(550,"td"),p(551," Preset colors value, send when Add Color button is pressed. "),d(552,"b"),p(553,"(value: array)"),u()()()()()()(),w(554,"hr")(555,"br"),u()}if(r&2){let i=Kr(157),s=Kr(160),a=Kr(223);C(14),I("background",o.color1),W("colorPicker",o.color1),C(13),I("background",o.color17),W("colorPicker",o.color17),D("cpColorMode","grayscale"),C(9),I("background",o.color2),D("value",o.color2),W("colorPicker",o.color2),C(9),I("background",o.color3),D("value",o.color3)("cpOutputFormat","rgba"),W("colorPicker",o.color3),C(3),I("background",o.color4),D("value",o.color4)("cpOutputFormat","hsla"),W("colorPicker",o.color4),C(9),I("background",o.color5),D("value",o.color5)("cpPosition","top-right"),W("colorPicker",o.color5),C(9),I("color",o.color6),D("cpPosition","bottom")("cpPositionOffset","50%")("cpPositionRelativeToArrow",!0),W("colorPicker",o.color6),C(10),I("background",o.color7),D("value",o.color7)("cpCancelButton",!0),W("colorPicker",o.color7),C(9),I("background",o.color8),D("value",o.color8)("cpCancelButton",!0)("cpCancelButtonClass","btn btn-primary btn-xs"),W("colorPicker",o.color8),C(9),I("background",o.color9),D("value",o.color9)("cpOKButton",!0)("cpSaveClickOutside",!1)("cpOKButtonClass","btn btn-primary btn-xs"),W("colorPicker",o.color9),C(9),I("background",o.color19),D("value",o.color9)("cpEyeDropper",!0)("cpSaveClickOutside",!1)("cpOKButtonClass","btn btn-primary btn-xs"),W("colorPicker",o.color19),C(11),I("background",o.color10),D("colorPicker",o.color10)("cpCmykEnabled",!0),C(3),it(o.cmykValue),C(2),I("font-size",100*o.cmykColor.c,"px"),C(2),I("font-size",100*o.cmykColor.m,"px"),C(4),I("font-size",100*o.cmykColor.y,"px"),C(2),I("font-size",100*o.cmykColor.k,"px"),C(11),I("background",o.color11),D("cpPresetColors",Cs(148,x0)),W("colorPicker",o.color11),C(9),I("background",o.color13),D("cpAlphaChannel","always")("cpOutputFormat","rgba")("cpPresetColors",Cs(149,M0))("cpAddColorButton",!0),W("colorPicker",o.color13),C(9),I("background",o.color12),D("cpFallbackColor","#f200bd")("cpIgnoredElements",Du(150,A0,s,i)),W("cpToggle",o.toggle)("colorPicker",o.color12),C(10),Jt("Toggle status: ",o.toggle,""),C(9),I("background",o.color18),D("value",o.color18),W("colorPicker",o.color18),C(9),I("background",o.color14),D("value",o.color14)("cpAlphaChannel","always")("cpOutputFormat","rgba"),W("colorPicker",o.color14),C(2),I("background",o.color13),D("value",o.color13)("cpAlphaChannel","disabled")("cpOutputFormat","rgba"),W("colorPicker",o.color13),C(2),I("background",o.rgbaText),D("value",o.color16)("cpAlphaChannel","always")("cpOutputFormat","hex")("colorPicker",o.color16),C(2),I("background",o.color15),D("value",o.color15)("cpAlphaChannel","forced")("cpOutputFormat","hex"),W("colorPicker",o.color15),C(4),W("ngModel",o.alphaEnabled),C(),I("background",o.color20),D("value",o.color20)("cpAlphaChannel",o.alphaEnabled?"always":"disabled")("cpOutputFormat","hex"),W("colorPicker",o.color20),C(9),I("background",o.arrayColors[o.selectedColor]),D("cpToggle",!0)("cpDialogDisplay","inline")("cpCancelButton",!0)("cpCancelButtonClass","btn btn-primary btn-xs"),W("colorPicker",o.arrayColors[o.selectedColor]),C(2),I("background",o.arrayColors.color1),C(),I("background",o.arrayColors.color2),C(),I("background",o.arrayColors.color3),C(),I("background",o.arrayColors.color4),C(),I("background",o.arrayColors.color5),C(11),I("background",o.color18),D("colorPicker",o.color18)("cpExtraTemplate",a),C(311),Zr("(","{","input: string, value: string","}",")"),C(7),Zr("(","{","slider: string, value: Object","}",")")}},dependencies:[Ks,Ws,pd,qs],styles:["input[_ngcontent-%COMP%]{width:150px;margin-bottom:16px}.cmyk-text[_ngcontent-%COMP%]{float:left;width:72px;height:72px;font-weight:bolder;line-height:72px;text-align:center;text-shadow:1px 1px 2px #bbb}.color-box[_ngcontent-%COMP%]{width:100px;height:25px;margin:16px auto;cursor:pointer}.change-me[_ngcontent-%COMP%]{cursor:pointer;font-size:30px;font-weight:bolder}"]})}return e})();var Ed=(()=>{class e{static \u0275fac=function(r){return new(r||e)};static \u0275mod=ve({type:e,bootstrap:[wd]});static \u0275inj=me({imports:[Ku,Zs,md]})}return e})();Yu().bootstrapModule(Ed);
diff --git a/browser/polyfills.js b/browser/polyfills.js
index 475dc89..e322ce7 100644
--- a/browser/polyfills.js
+++ b/browser/polyfills.js
@@ -1,2 +1,2 @@
-(function(e){let n=e.performance;function s(A){n&&n.mark&&n.mark(A)}function r(A,h){n&&n.measure&&n.measure(A,h)}s("Zone");let i=e.__Zone_symbol_prefix||"__zone_symbol__";function l(A){return i+A}let m=e[l("forceDuplicateZoneCheck")]===!0;if(e.Zone){if(m||typeof e.Zone.__symbol__!="function")throw new Error("Zone already loaded.");return e.Zone}let E=(()=>{let h=class h{static assertZonePatched(){if(e.Promise!==oe.ZoneAwarePromise)throw new Error("Zone.js has detected that ZoneAwarePromise `(window|global).Promise` has been overwritten.\nMost likely cause is that a Promise polyfill has been loaded after Zone.js (Polyfilling Promise api is not necessary when zone.js is loaded. If you must load one, do so before loading zone.js.)")}static get root(){let t=h.current;for(;t.parent;)t=t.parent;return t}static get current(){return W.zone}static get currentTask(){return ne}static __load_patch(t,_,w=!1){if(oe.hasOwnProperty(t)){if(!w&&m)throw Error("Already loaded patch: "+t)}else if(!e["__Zone_disable_"+t]){let L="Zone:"+t;s(L),oe[t]=_(e,h,Y),r(L,L)}}get parent(){return this._parent}get name(){return this._name}constructor(t,_){this._parent=t,this._name=_?_.name||"unnamed":"