@pepperi/lib
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.1.
16 lines (14 loc) • 24.6 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/core"),require("@angular/material/button"),require("@angular/material/form-field"),require("@angular/material/checkbox"),require("@angular/material/dialog"),require("@angular/material/icon"),require("@angular/material/slider"),require("@pepperi/lib"),require("@pepperi/lib/icon"),require("@pepperi/lib/field-title"),require("@pepperi/lib/textbox"),require("@ngx-translate/core"),require("@pepperi/lib/dialog")):"function"==typeof define&&define.amd?define("@pepperi/lib/color",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/core","@angular/material/button","@angular/material/form-field","@angular/material/checkbox","@angular/material/dialog","@angular/material/icon","@angular/material/slider","@pepperi/lib","@pepperi/lib/icon","@pepperi/lib/field-title","@pepperi/lib/textbox","@ngx-translate/core","@pepperi/lib/dialog"],t):t(((e=e||self).pepperi=e.pepperi||{},e.pepperi.lib=e.pepperi.lib||{},e.pepperi.lib.color={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.core,e.ng.material.button,e.ng.material.formField,e.ng.material.checkbox,e.ng.material.dialog,e.ng.material.icon,e.ng.material.slider,e.pepperi.lib,e.pepperi.lib.icon,e.pepperi.lib["field-title"],e.pepperi.lib.textbox,e.translate,e.pepperi.lib.dialog)}(this,(function(e,t,n,r,o,i,l,a,p,c,s,u,d,m,g,h,C){"use strict";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.
Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */Object.create;function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)l.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return l}Object.create;var f,M=/^[0-9a-fA-F]{3}$/,b=/^#[0-9a-fA-F]{3}$/,y=/^[0-9a-fA-F]{6}$/,x=/^#[0-9a-fA-F]{6}$/;function S(e){return e?(e=e.trim(),x.test(e)?e:y.test(e)?"#"+e:b.test(e)?"#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]:M.test(e)?"#"+e[0]+e[0]+e[1]+e[1]+e[2]+e[2]:null):null}function P(e){return e.r=e.r.toString(16),e.g=e.g.toString(16),e.b=e.b.toString(16),1===e.r.length&&(e.r="0"+e.r),1===e.g.length&&(e.g="0"+e.g),1===e.b.length&&(e.b="0"+e.b),"#"+e.r+e.g+e.b}function A(e){var t=S(e);return null===t?null:{r:parseInt(t.slice(1,3),16),g:parseInt(t.slice(3,5),16),b:parseInt(t.slice(5,7),16)}}function k(e){var t=e.indexOf(",")>-1?",":" ",n=e.substr(4).split(")")[0].split(t);return O({r:n[0],g:n[1].substr(0,n[1].length).trim(),b:n[2].substr(0,n[2].length).trim()})}function O(e){var t=e.r,n=e.g,r=e.b;t/=255,n/=255,r/=255;var o=Math.min(t,n,r),i=Math.max(t,n,r),l=i-o,a=0,p=0;return a=0===l?0:i===t?(n-r)/l%6:i===n?(r-t)/l+2:(t-n)/l+4,(a=Math.round(60*a))<0&&(a+=360),p=(i+o)/2,{h:a,s:+(100*(0===l?0:l/(1-Math.abs(2*p-1)))).toFixed(1),l:p=+(100*p).toFixed(1)}}function _(e){var t=e.indexOf(",")>-1?",":" ",n=e.substr(4).split(")")[0].split(t),r=n[0],o=n[1].substr(0,n[1].length).trim(),i=n[2].substr(0,n[2].length).trim();return r.indexOf("deg")>-1?r=r.substr(0,r.length-3):r.indexOf("rad")>-1?r=Math.round(r.substr(0,r.length-3)*(180/Math.PI)):r.indexOf("turn")>-1&&(r=Math.round(360*r.substr(0,r.length-4))),r>=360&&(r%=360),o.indexOf("%")>-1&&(o=o.replace(/%/g,"")),i.indexOf("%")>-1&&(i=i.replace(/%/g,"")),{h:r,s:o,l:i}}function T(e){var t,n,r,o=e.h,i=e.s,l=e.l;isFinite(o)||(o=0),isFinite(i)||(i=0),isFinite(l)||(l=0),(o/=60)<0&&(o=6- -o%6),o%=6,i=Math.max(0,Math.min(1,i/100)),l=Math.max(0,Math.min(1,l/100));var a=(1-Math.abs(2*l-1))*i,p=a*(1-Math.abs(o%2-1));o<1?(t=a,n=p,r=0):o<2?(t=p,n=a,r=0):o<3?(t=0,n=a,r=p):o<4?(t=0,n=p,r=a):o<5?(t=p,n=0,r=a):(t=a,n=0,r=p);var c=l-a/2;return{r:t=Math.round(255*(t+c)),g:n=Math.round(255*(n+c)),b:r=Math.round(255*(r+c))}}function w(e){var t=S(e);if(null===t)return null;var n=A(t);return null===n?null:O(n)}function E(e){return P(T(e))}function I(e){var t,n=e.r,r=e.g,o=e.b;return t=v([n,r,o].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)})),3),.2126*(n=t[0])+.7152*(r=t[1])+.0722*(o=t[2])}function L(e,t){var n=I(A(e)),r=I(A(t));return n<r?(r+.05)/(n+.05):(n+.05)/(r+.05)}function H(e,t,n){var r=w(e),o=r.h,i=r.s,l=r.l;if(L(e,t)>=n)return{color:e,lightness:l};var a=E({h:o,s:i,l:0});if(L(a,t)<n)return null;for(var p,c,s=0,u=l,d=E({h:o,s:i,l:l});a!==p||d!==c;)p=a,c=d,L(e=E({h:o,s:i,l:l=(s+u)/2}),t)<n?(u=l,d=E({h:o,s:i,l:l})):(s=l,a=E({h:o,s:i,l:l}));return{color:a,lightness:s}}function F(e,t,n){var r=w(e),o=r.h,i=r.s,l=r.l;if(L(e,t)>=n)return{color:e,lightness:l};var a=E({h:o,s:i,l:100});if(L(a,t)<n)return null;for(var p,c,s=l,u=100,d=E({h:o,s:i,l:l});d!==p||a!==c;)p=d,c=a,L(e=E({h:o,s:i,l:l=(s+u)/2}),t)<n?(s=l,d=E({h:o,s:i,l:l})):(u=l,a=E({h:o,s:i,l:l}));return{color:a,lightness:u}}function D(e,t,n){var r=H(e,t,n),o=F(e,t,n);if(null===r)return null===o?null:o.color;if(null===o)return r.color;var i=w(e).l;return o.lightness-i<i-r.lightness?o.color:r.color}function R(e){return"hsl("+(e.h<0?e.h+360:e.h)+", "+e.s+"%, "+e.l+"%)"}function V(e,n){1&e&&(t.ɵɵelementStart(0,"mat-icon"),t.ɵɵelement(1,"pep-icon",27),t.ɵɵelementEnd())}(f=e.PepColorType||(e.PepColorType={}))[f.AnyColor=0]="AnyColor",f[f.MainColor=1]="MainColor",f[f.SuccessColor=2]="SuccessColor",f[f.CautionColor=3]="CautionColor";var B=function(e){return{background:e}};function q(e,n){if(1&e&&(t.ɵɵelementStart(0,"div",23),t.ɵɵelement(1,"pep-field-title",24),t.ɵɵpipe(2,"translate"),t.ɵɵelementStart(3,"div",25),t.ɵɵtemplate(4,V,2,0,"mat-icon",26),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e){var r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("label",t.ɵɵpipeBind1(2,3,"PeppriColor_AAComplient")),t.ɵɵadvance(2),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(5,B,r.complientColor)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r.isUserChooseAAComplientColor)}}function j(e,n){if(1&e){var r=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mat-checkbox",28),t.ɵɵlistener("change",(function(){t.ɵɵrestoreView(r);var e=t.ɵɵnextContext();return e.checkAAComplient=!e.checkAAComplient})),t.ɵɵelementStart(1,"span",29),t.ɵɵtext(2),t.ɵɵpipe(3,"translate"),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var o=t.ɵɵnextContext();t.ɵɵproperty("checked",o.checkAAComplient),t.ɵɵadvance(2),t.ɵɵtextInterpolate(t.ɵɵpipeBind1(3,2,"PeppriColor_AAComplient"))}}var N,U=function(e,t,n){return{main:e,success:t,caution:n}},Y=function(e){return{"with-complient":e}};!function(e){e[e.AA=4.5]="AA",e[e.AAA=7]="AAA"}(N||(N={}));var $=function(){function t(t,n){this.dialogRef=t,this.data=n,this.PepColorType=e.PepColorType,this.checkAAComplient=!0,this.currentHue=100,this.currentHueMin=0,this.currentHueMax=360,this.currentSaturation=50,this.currentSaturationMin=0,this.currentSaturationMax=100,this.currentLightness=50,this.currentLightnessMin=0,this.currentLightnessMax=100,this.data.type=n?n.type:e.PepColorType.AnyColor,this.data.showAAComplient=!(!n||void 0!==n.showAAComplient)||!!n&&n.showAAComplient,this.data.textColor=n&&n.textColor?n.textColor:"#fff",this.data.contrastRatio=n&&n.contrastRatio?n.contrastRatio:N.AA}return t.prototype.ngOnInit=function(){this.initVars(),this.checkAAComplient=this.data.showAAComplient,this.convertValueStringToColor(this.data.value)},t.prototype.initVars=function(){this.data.type===e.PepColorType.MainColor?(this.currentLightnessMax=10,this.currentLightness=5):this.data.type===e.PepColorType.SuccessColor?(this.currentHueMin=70,this.currentHueMax=150,this.currentHue=100,this.currentSaturationMin=50,this.currentSaturationMax=100,this.currentSaturation=50,this.currentLightnessMin=10,this.currentLightnessMax=65,this.currentLightness=50):this.data.type===e.PepColorType.CautionColor&&(this.currentHueMin=-20,this.currentHueMax=20,this.currentHue=10,this.currentSaturationMin=75,this.currentSaturationMax=100,this.currentSaturation=75,this.currentLightnessMin=25,this.currentLightnessMax=75,this.currentLightness=50)},t.prototype.setCurrentHueInCss=function(){document.documentElement.style.setProperty(t.CURRENT_HUE,this.currentHue.toString())},t.prototype.convertValueStringToColor=function(e){if(0===e.indexOf("hsl")){var t=_(e);this.convertColorToValueString(t)}else if(0===e.indexOf("rgb")){t=k(e);this.convertColorToValueString(t)}else if(0===e.indexOf("#")){t=w(e);this.convertColorToValueString(t)}this.setCurrentHueInCss()},t.prototype.convertColorToValueString=function(e){e.h>=this.currentHueMin&&e.h<=this.currentHueMax?this.currentHue=e.h:this.currentHueMin<0&&e.h>=0&&e.h<=360&&(e.h=e.h-360,e.h>=this.currentHueMin&&e.h<=this.currentHueMax&&(this.currentHue=e.h)),this.currentSaturation=e.s>=this.currentSaturationMin&&e.s<=this.currentSaturationMax?e.s:this.currentSaturation,this.currentLightness=e.l>=this.currentLightnessMin&&e.l<=this.currentLightnessMax?e.l:this.currentLightness;var t={h:this.currentHue,s:this.currentSaturation,l:this.currentLightness};this.data.value=R(t);var n=E(t),r=D(n,this.data.textColor,this.data.contrastRatio);this.isUserChooseAAComplientColor=n===r,this.complientColor=R(w(r))},t.prototype.onHueChange=function(e){this.convertColorToValueString({h:e.value}),this.setCurrentHueInCss()},t.prototype.onSaturationChange=function(e){this.convertColorToValueString({s:e.value})},t.prototype.onLightnessChange=function(e){this.convertColorToValueString({l:this.currentLightnessMax-e.value+this.currentLightnessMin})},t.prototype.onColorValueChange=function(e){this.convertValueStringToColor(e.value)},t.prototype.onSave=function(e){var t=this.checkAAComplient?this.complientColor:this.data.value;this.dialogRef.close(t)},t}();function z(e,n){1&e&&(t.ɵɵelementStart(0,"button",4),t.ɵɵelementStart(1,"mat-icon"),t.ɵɵelement(2,"pep-icon",5),t.ɵɵelementEnd(),t.ɵɵelementEnd())}$.CURRENT_HUE="--pep-color-picker-current-hue",$.ɵfac=function(e){return new(e||$)(t.ɵɵdirectiveInject(p.MatDialogRef),t.ɵɵdirectiveInject(p.MAT_DIALOG_DATA))},$.ɵcmp=t.ɵɵdefineComponent({type:$,selectors:[["ng-component"]],decls:44,vars:58,consts:[[1,"pepperi-color-picker-container"],["mat-dialog-title","",1,"pepperi-border-bottom"],[1,"pull-left","flip"],["mat-button","",1,"pepperi-button","icon-button","md","weak","pull-right","flip",3,"mat-dialog-close"],["name","system_close"],["mat-dialog-content",""],[1,"color-chooser-content"],[1,"current-color",3,"ngStyle"],[1,"slider-box"],[1,"body-xs"],[1,"current-hue",3,"ngClass"],["step","1",3,"min","max","value","change"],[1,"current-saturation",3,"ngClass"],[1,"current-lightness",3,"ngClass"],[1,"color-value-content"],[1,"color-value",3,"ngClass"],[3,"key","label","formattedValue","value","valueChanged"],["class","color-complient-container",4,"ngIf"],["mat-dialog-actions","",1,"pepperi-border-top","split-actions"],["type","checkbox","id","checkAAComplient",3,"checked","change",4,"ngIf"],[1,"spacing-element-negative"],["mat-button","",1,"spacing-element","pepperi-button","cancel-btn","md","weak",3,"mat-dialog-close"],["mat-button","",1,"spacing-element","pepperi-button","save-btn","md","strong",3,"click"],[1,"color-complient-container"],[3,"label"],[1,"color-complient",3,"ngStyle"],[4,"ngIf"],["name","system_ok"],["type","checkbox","id","checkAAComplient",3,"checked","change"],[1,"body-xs","ellipsis"]],template:function(e,n){1&e&&(t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"h2",1),t.ɵɵelementStart(2,"span",2),t.ɵɵtext(3),t.ɵɵpipe(4,"translate"),t.ɵɵelementEnd(),t.ɵɵelementStart(5,"button",3),t.ɵɵelementStart(6,"mat-icon"),t.ɵɵelement(7,"pep-icon",4),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementStart(8,"div",5),t.ɵɵelementStart(9,"div",6),t.ɵɵelement(10,"div",7),t.ɵɵelementStart(11,"div",8),t.ɵɵelementStart(12,"mat-label",9),t.ɵɵtext(13),t.ɵɵpipe(14,"translate"),t.ɵɵelementEnd(),t.ɵɵelementStart(15,"div",10),t.ɵɵelementStart(16,"mat-slider",11),t.ɵɵlistener("change",(function(e){return n.onHueChange(e)})),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementStart(17,"div",8),t.ɵɵelementStart(18,"mat-label",9),t.ɵɵtext(19),t.ɵɵpipe(20,"translate"),t.ɵɵelementEnd(),t.ɵɵelementStart(21,"div",12),t.ɵɵelementStart(22,"mat-slider",11),t.ɵɵlistener("change",(function(e){return n.onSaturationChange(e)})),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementStart(23,"div",8),t.ɵɵelementStart(24,"mat-label",9),t.ɵɵtext(25),t.ɵɵpipe(26,"translate"),t.ɵɵelementEnd(),t.ɵɵelementStart(27,"div",13),t.ɵɵelementStart(28,"mat-slider",11),t.ɵɵlistener("change",(function(e){return n.onLightnessChange(e)})),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementStart(29,"div",14),t.ɵɵelementStart(30,"div",15),t.ɵɵelementStart(31,"pep-textbox",16),t.ɵɵlistener("valueChanged",(function(e){return n.onColorValueChange(e)})),t.ɵɵpipe(32,"translate"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵtemplate(33,q,5,7,"div",17),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementStart(34,"div",18),t.ɵɵelementStart(35,"div"),t.ɵɵtemplate(36,j,4,4,"mat-checkbox",19),t.ɵɵelementEnd(),t.ɵɵelementStart(37,"div",20),t.ɵɵelementStart(38,"button",21),t.ɵɵtext(39),t.ɵɵpipe(40,"translate"),t.ɵɵelementEnd(),t.ɵɵelementStart(41,"button",22),t.ɵɵlistener("click",(function(e){return n.onSave(e)})),t.ɵɵtext(42),t.ɵɵpipe(43,"translate"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵadvance(3),t.ɵɵtextInterpolate(t.ɵɵpipeBind1(4,28,"PepperiColorPicker_Title")),t.ɵɵadvance(2),t.ɵɵproperty("mat-dialog-close",null),t.ɵɵadvance(5),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(42,B,null!=n.data&&n.data.value?n.data.value:"transparent")),t.ɵɵadvance(3),t.ɵɵtextInterpolate(t.ɵɵpipeBind1(14,30,"PepperiColorPicker_ChangeHue")),t.ɵɵadvance(2),t.ɵɵproperty("ngClass",t.ɵɵpureFunction3(44,U,(null==n.data?null:n.data.type)===n.PepColorType.MainColor,(null==n.data?null:n.data.type)===n.PepColorType.SuccessColor,(null==n.data?null:n.data.type)===n.PepColorType.CautionColor)),t.ɵɵadvance(1),t.ɵɵproperty("min",n.currentHueMin)("max",n.currentHueMax)("value",n.currentHue),t.ɵɵadvance(3),t.ɵɵtextInterpolate(t.ɵɵpipeBind1(20,32,"PepperiColorPicker_ChangeSaturation")),t.ɵɵadvance(2),t.ɵɵproperty("ngClass",t.ɵɵpureFunction3(48,U,(null==n.data?null:n.data.type)===n.PepColorType.MainColor,(null==n.data?null:n.data.type)===n.PepColorType.SuccessColor,(null==n.data?null:n.data.type)===n.PepColorType.CautionColor)),t.ɵɵadvance(1),t.ɵɵproperty("min",n.currentSaturationMin)("max",n.currentSaturationMax)("value",n.currentSaturation),t.ɵɵadvance(3),t.ɵɵtextInterpolate(t.ɵɵpipeBind1(26,34,"PepperiColorPicker_ChangeLightness")),t.ɵɵadvance(2),t.ɵɵproperty("ngClass",t.ɵɵpureFunction3(52,U,(null==n.data?null:n.data.type)===n.PepColorType.MainColor,(null==n.data?null:n.data.type)===n.PepColorType.SuccessColor,(null==n.data?null:n.data.type)===n.PepColorType.CautionColor)),t.ɵɵadvance(1),t.ɵɵproperty("min",n.currentLightnessMin)("max",n.currentLightnessMax)("value",n.currentLightnessMax-n.currentLightness+n.currentLightnessMin),t.ɵɵadvance(2),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(56,Y,n.checkAAComplient)),t.ɵɵadvance(1),t.ɵɵproperty("key","colorValue")("label",t.ɵɵpipeBind1(32,36,"PepperiColorPicker_AddValueHere"))("formattedValue",null==n.data?null:n.data.value)("value",null==n.data?null:n.data.value),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",n.checkAAComplient),t.ɵɵadvance(3),t.ɵɵproperty("ngIf",n.data.showAAComplient),t.ɵɵadvance(2),t.ɵɵproperty("mat-dialog-close",null),t.ɵɵadvance(1),t.ɵɵtextInterpolate1(" ",t.ɵɵpipeBind1(40,38,"Cancel")," "),t.ɵɵadvance(3),t.ɵɵtextInterpolate1(" ",t.ɵɵpipeBind1(43,40,"Ok")," "))},directives:[p.MatDialogTitle,i.MatButton,p.MatDialogClose,c.MatIcon,d.PepperiIconComponent,p.MatDialogContent,n.NgStyle,l.MatLabel,n.NgClass,s.MatSlider,g.PepperiTextboxComponent,n.NgIf,p.MatDialogActions,m.PepperiFieldTitleComponent,a.MatCheckbox],pipes:[h.TranslatePipe],styles:[".mat-slider-horizontal[_ngcontent-%COMP%] .mat-slider-track-fill[_ngcontent-%COMP%], .mat-slider-track-background[_ngcontent-%COMP%]{display:none}.pepperi-color-picker-container[_ngcontent-%COMP%] .mat-dialog-title[_ngcontent-%COMP%]{margin-bottom:0}.pepperi-color-picker-container[_ngcontent-%COMP%] .mat-dialog-content[_ngcontent-%COMP%]{padding-bottom:var(--pep-spacing-sm,.5rem);padding-left:var(--pep-spacing-sm,.5rem);padding-right:var(--pep-spacing-sm,.5rem)}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-chooser-content[_ngcontent-%COMP%]{-ms-grid-columns:(1fr)[8];-ms-grid-rows:(1fr)[3];display:-ms-grid;display:grid;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:var(--pep-spacing-sm,.5rem);grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);margin-top:var(--pep-spacing-sm,.5rem)}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-chooser-content[_ngcontent-%COMP%] .current-color[_ngcontent-%COMP%]{-ms-grid-column:6;-ms-grid-column-span:4;-ms-grid-row:1;-ms-grid-row-span:3;border-radius:var(--pep-border-radius-md,.25rem);grid-column:6/span 4;grid-row:1/span 3;height:9.25rem;width:9.25rem}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-chooser-content[_ngcontent-%COMP%] .slider-box[_ngcontent-%COMP%]{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/span 5}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-value-content[_ngcontent-%COMP%]{-ms-grid-columns:(1fr)[8];-ms-grid-rows:(1fr)[1];display:-ms-grid;display:grid;grid-column-gap:var(--pep-spacing-xl,1.5rem);grid-row-gap:var(--pep-spacing-sm,.5rem);grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(1,1fr);margin-top:1.5rem}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-value-content[_ngcontent-%COMP%] .color-value[_ngcontent-%COMP%]{-ms-grid-column:1;-ms-grid-column-span:9;-ms-grid-row:1;-ms-grid-row-span:1;grid-column:1/span 9;grid-row:1/span 1}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-value-content[_ngcontent-%COMP%] .color-value.with-complient[_ngcontent-%COMP%]{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/span 5}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-value-content[_ngcontent-%COMP%] .color-complient-container[_ngcontent-%COMP%]{-ms-grid-column:6;-ms-grid-column-span:4;grid-column:6/span 4}.pepperi-color-picker-container[_ngcontent-%COMP%] .color-value-content[_ngcontent-%COMP%] .color-complient-container[_ngcontent-%COMP%] .color-complient[_ngcontent-%COMP%]{align-items:center;border-radius:var(--pep-border-radius-md,.25rem);display:flex;height:var(--pep-form-field-height,2.5rem);justify-content:center;width:9.25rem}"]});var J=function(e){return{"right-alignment":e}},G=function(e,t){return{disable:e,"one-row":t}},K=function(e){return{background:e}},Q=function(){function n(n,r,o){this.dialogService=n,this.renderer=r,this.element=o,this.key="",this.value="",this.label="",this.disabled=!1,this.readonly=!1,this.xAlignment="0",this.rowSpan=1,this.type=e.PepColorType.AnyColor,this.showTitle=!0,this.showAAComplient=!0,this.layoutType=u.LAYOUT_TYPE.PepperiForm,this.valueChanged=new t.EventEmitter,this.LAYOUT_TYPE=u.LAYOUT_TYPE}return n.prototype.ngOnInit=function(){this.renderer.addClass(this.element.nativeElement,u.CustomizationService.STAND_ALONE_FIELD_CLASS_NAME)},n.prototype.ngOnDestroy=function(){this.valueChanged&&this.valueChanged.unsubscribe()},n.prototype.changeColor=function(e){this.value=e,this.valueChanged.emit({apiName:this.key,value:e})},n.prototype.chooseColor=function(){var e=this;this.dialogService.openDialog($,{value:this.value,type:this.type,showAAComplient:this.showAAComplient}).afterClosed().subscribe((function(t){null!=t&&e.changeColor(t)}))},n}();Q.ɵfac=function(e){return new(e||Q)(t.ɵɵdirectiveInject(C.DialogService),t.ɵɵdirectiveInject(t.Renderer2),t.ɵɵdirectiveInject(t.ElementRef))},Q.ɵcmp=t.ɵɵdefineComponent({type:Q,selectors:[["pep-color"]],inputs:{key:"key",value:"value",label:"label",disabled:"disabled",readonly:"readonly",xAlignment:"xAlignment",rowSpan:"rowSpan",type:"type",showTitle:"showTitle",showAAComplient:"showAAComplient",layoutType:"layoutType"},outputs:{valueChanged:"valueChanged"},decls:4,vars:16,consts:[[3,"label","disabled","xAlignment","showTitle"],[1,"pepperi-color-container",3,"id","ngClass"],["pepRtlDirection","",1,"pepperi-color","pepperi-input",3,"ngClass","ngStyle","click"],["class","pepperi-button icon-button xs weak invert mat-button btn-edit","tabindex","-1","pepButtonBlur","","mat-button","",4,"ngIf"],["tabindex","-1","pepButtonBlur","","mat-button","",1,"pepperi-button","icon-button","xs","weak","invert","mat-button","btn-edit"],["name","system_edit"]],template:function(e,n){1&e&&(t.ɵɵelement(0,"pep-field-title",0),t.ɵɵelementStart(1,"div",1),t.ɵɵelementStart(2,"div",2),t.ɵɵlistener("click",(function(){return n.chooseColor()})),t.ɵɵtemplate(3,z,3,0,"button",3),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("label",n.label)("disabled",n.disabled)("xAlignment",n.xAlignment)("showTitle",n.showTitle),t.ɵɵadvance(1),t.ɵɵproperty("id",n.key)("ngClass",t.ɵɵpureFunction1(9,J,"2"==n.xAlignment)),t.ɵɵadvance(1),t.ɵɵproperty("ngClass",t.ɵɵpureFunction2(11,G,n.disabled,1===n.rowSpan))("ngStyle",t.ɵɵpureFunction1(14,K,n.value?n.value:"transparent")),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",!n.disabled))},directives:[m.PepperiFieldTitleComponent,n.NgClass,u.RtlDirectionDirective,n.NgStyle,n.NgIf,i.MatButton,u.ButtonBlurDirective,c.MatIcon,d.PepperiIconComponent],styles:["[_nghost-%COMP%]{display:-ms-grid;display:grid}.pepperi-color-container[_ngcontent-%COMP%] .pepperi-color[_ngcontent-%COMP%]{display:-ms-grid;display:grid;padding:0}.pepperi-color-container[_ngcontent-%COMP%] .pepperi-color[_ngcontent-%COMP%] .btn-edit[_ngcontent-%COMP%]{-ms-grid-column-align:end;-ms-grid-row-align:center;align-self:center;justify-self:end;margin:0 var(--pep-spacing-md,.75rem);min-width:unset;padding:0;width:calc(var(--pep-form-field-height, 2.5rem) - var(--pep-spacing-lg, 1rem))}.pepperi-color-container.right-alignment[_ngcontent-%COMP%] .pepperi-color[_ngcontent-%COMP%] .btn-edit[_ngcontent-%COMP%]{-ms-grid-column-align:start;justify-self:start}"]});var W=function(e){this.pepperiIconRegistry=e,this.pepperiIconRegistry.registerIcons([d.pepperiIconSystemEdit,d.pepperiIconSystemOk,d.pepperiIconSystemClose])};W.ɵmod=t.ɵɵdefineNgModule({type:W}),W.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||W)(t.ɵɵinject(d.PepperiIconRegistry))},imports:[[n.CommonModule,r.ReactiveFormsModule,r.FormsModule,o.MatCommonModule,i.MatButtonModule,l.MatFormFieldModule,a.MatCheckboxModule,p.MatDialogModule,c.MatIconModule,s.MatSliderModule,u.PepperiModule,d.PepperiIconModule,m.PepperiFieldTitleModule,g.PepperiTextboxModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(W,{declarations:[Q,$],imports:[n.CommonModule,r.ReactiveFormsModule,r.FormsModule,o.MatCommonModule,i.MatButtonModule,l.MatFormFieldModule,a.MatCheckboxModule,p.MatDialogModule,c.MatIconModule,s.MatSliderModule,u.PepperiModule,d.PepperiIconModule,m.PepperiFieldTitleModule,g.PepperiTextboxModule],exports:[Q]}),e.PepperiColorComponent=Q,e.PepperiColorModule=W,e.contrast=L,e.convertHslToStringHsl=R,e.findClosestAccessibleColor=D,e.findClosestAccessibleDarkerColor=H,e.findClosestAccessibleLighterColor=F,e.hex2hsl=w,e.hex2rgb=A,e.hex2sixDigitHex=S,e.hsl2hex=E,e.hsl2rgb=T,e.hslString2hsl=_,e.relativeLuminance=I,e.rgb2hsl=O,e.rgb2sixDigitHex=P,e.rgbString2hsl=k,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=pepperi-lib-color.umd.min.js.map