@qaecy/cue-ui 0.0.49 → 0.0.51

package/1338.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[1338,8957],{8957(b,d,a){a.d(d,{Input:()=>P});var l=a(7705),u=a(5802),_=a(9417),g=a(2245),f=a(5381),v=a(29),e=a(5547);const M=["inputField"];function C(o,r){1&o&&e.EFF(0," * ")}function h(o,r){if(1&o&&(e.j41(0,"span",4),e.nrm(1,"cue-svg-icon",7),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.Y8G("name",n.icon())}}function O(o,r){if(1&o&&(e.j41(0,"cue-typography",6),e.EFF(1),e.k0s()),2&o){const n=e.XpG();e.R7$(),e.JRh(n.error())}}let P=(()=>{class o{value=(0,l.geq)("");_displayValue=(0,u.vPA)("");info=(0,l.hFB)("");label=(0,l.hFB)("");placeholder=(0,l.hFB)("");error=(0,l.hFB)(void 0);required=(0,l.hFB)(!1);icon=(0,l.hFB)();type=(0,l.hFB)("text");size=(0,l.hFB)("m");isFocused=!1;disabled=!1;inputField;valueChange=(0,l.CGW)();valueCommit=(0,l.CGW)();_syncDisplay=(0,u.QZP)(()=>{const n=this.value()||"";!this.isFocused&&n!==this._displayValue()&&this._displayValue.set(n)});onChange=n=>{};onTouched=()=>{};writeValue(n){const i=n||"";this.value.set(i),this.isFocused||this._displayValue.set(i)}registerOnChange(n){this.onChange=n}registerOnTouched(n){this.onTouched=n}setDisabledState(n){this.disabled=n}emitValue(n){const i=n.target.value;this.valueChange.emit(i),this.onChange(i)}focus(){this.isFocused=!0,this._displayValue.set(this.value()||""),this.inputField?.nativeElement&&this.inputField.nativeElement.focus()}onBlur(){this.isFocused=!1;const n=this.inputField?.nativeElement.value??this._displayValue();this._displayValue.set(n),this.valueCommit.emit(n),this.onTouched()}static \u0275fac=function(i){return new(i||o)};static \u0275cmp=e.VBU({type:o,selectors:[["cue-input"]],viewQuery:function(i,t){if(1&i&&e.GBs(M,5),2&i){let s;e.mGM(s=e.lsd())&&(t.inputField=s.first)}},inputs:{value:[1,"value"],info:[1,"info"],label:[1,"label"],placeholder:[1,"placeholder"],error:[1,"error"],required:[1,"required"],icon:[1,"icon"],type:[1,"type"],size:[1,"size"]},outputs:{value:"valueChange",valueChange:"valueChange",valueCommit:"valueCommit"},features:[e.Jv_([{provide:_.kq,useExisting:(0,u.Rfq)(()=>o),multi:!0}])],decls:9,vars:13,consts:[["inputField",""],[1,"form-field"],["size","s",1,"label",3,"click","info"],["align","center","gap","s"],[2,"height","12px"],[1,"input",3,"input","focus","blur","type","value","placeholder","disabled"],["size","s",1,"error-text"],[3,"name"]],template:function(i,t){if(1&i){const s=e.RV6();e.j41(0,"div",1)(1,"cue-typography",2),e.bIt("click",function(){u.eBV(s);const p=e.sdS(7);return u.Njj(p.focus())}),e.EFF(2),e.nVh(3,C,1,0),e.k0s(),e.j41(4,"cue-flexcontainer",3),e.nVh(5,h,2,1,"span",4),e.j41(6,"input",5,0),e.bIt("input",function(p){return t.emitValue(p)})("focus",function(){return t.isFocused=!0})("blur",function(){return t.onBlur()}),e.k0s()(),e.nVh(8,O,2,1,"cue-typography",6),e.k0s()}2&i&&(e.HbH("size-"+t.size()),e.AVh("focused",t.isFocused||t._displayValue()||t.placeholder()),e.R7$(),e.Y8G("info",t.info()),e.R7$(),e.SpI(" ",t.label()," "),e.R7$(),e.vxM(t.required()?3:-1),e.R7$(2),e.vxM(t.icon()?5:-1),e.R7$(),e.Y8G("type",t.type())("value",t._displayValue())("placeholder",t.placeholder())("disabled",t.disabled),e.R7$(2),e.vxM(t.error()?8:-1))},dependencies:[g.Typography,f.n,v.A],styles:['.form-field[_ngcontent-%COMP%]{position:relative}.input[_ngcontent-%COMP%]{color:var(--cue-input-value-color);width:100%;border:none;border-bottom:1px solid var(--cue-input-border-bottom-color);background:none;outline:none;font-family:var(--cue-font-family)}.size-xs[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-xs-padding);font-size:var(--cue-input-xs-font-size)}.size-s[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-s-padding);font-size:var(--cue-input-s-font-size)}.size-m[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-m-padding);font-size:var(--cue-input-m-font-size)}.size-l[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]{padding:var(--cue-input-l-padding);font-size:var(--cue-input-l-font-size)}.input[_ngcontent-%COMP%]::placeholder{color:var(--cue-input-placeholder-color);font-family:var(--cue-font-family);opacity:.5}.input[_ngcontent-%COMP%]:-webkit-autofill, .input[_ngcontent-%COMP%]:-webkit-autofill:hover, .input[_ngcontent-%COMP%]:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:var(--cue-input-value-color)}.label[_ngcontent-%COMP%]{position:absolute;pointer-events:auto;transition:all .2s ease;cursor:text}.size-xs[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-xs-label-top);left:var(--cue-input-xs-label-left)}.size-s[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-s-label-top);left:var(--cue-input-s-label-left)}.size-m[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-m-label-top);left:var(--cue-input-m-label-left)}.size-l[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]{top:var(--cue-input-l-label-top);left:var(--cue-input-l-label-left)}.form-field.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{color:var(--cue-input-value-color)}.size-xs.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-xs-label-focused-top);font-size:var(--cue-input-xs-label-focused-font-size)}.size-s.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-s-label-focused-top);font-size:var(--cue-input-s-label-focused-font-size)}.size-m.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-m-label-focused-top);font-size:var(--cue-input-m-label-focused-font-size)}.size-l.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   .input[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-l-label-focused-top);font-size:var(--cue-input-l-label-focused-font-size)}.underline[_ngcontent-%COMP%]{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background-color:var(--cue-input-border-bottom-color);transition:width .3s ease}.form-field.focused[_ngcontent-%COMP%]   .underline[_ngcontent-%COMP%]{width:100%}.error-text[_ngcontent-%COMP%]{color:var(--cue-error);margin-top:4px;min-height:18px}'],changeDetection:0})}return o})()}}]);

package/1359.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[1359],{1359(O,y,c){c.d(y,{Checkbox:()=>S});var i=c(7705),C=c(2271),p=c(5802),m=c(9769),k=c(9417),l=c(8173),d=c(9615),n=c(5547);const F=(u,x)=>({borderColor:u,backgroundColor:x}),D=()=>({});function v(u,x){if(1&u&&(n.j41(0,"span",5),n.EFF(1),n.k0s()),2&u){const h=n.XpG();n.R7$(),n.JRh(h.label())}}let S=(()=>{class u{label=(0,i.hFB)("");checked=(0,i.geq)(!1);disabled=(0,i.geq)(!1);color=(0,i.hFB)(void 0);size=(0,i.geq)("m");checkedChange=(0,i.CGW)();safeColor=(0,C.EW)(()=>function g(u,x,h=30){function f(o){if((o=o.trim().toLowerCase()).startsWith("#")){let r=o.slice(1);if(3===r.length&&(r=r.split("").map(_=>_+_).join("")),6===r.length)return[parseInt(r.slice(0,2),16),parseInt(r.slice(2,4),16),parseInt(r.slice(4,6),16)]}const a=o.match(/rgba?\(([^)]+)\)/);if(a){const r=a[1].split(",").map(_=>parseFloat(_.trim()));if(r.length>=3)return[r[0],r[1],r[2]]}return null}const s=f(u),t=f(x);return!(!s||!t)&&Math.sqrt(Math.pow(s[0]-t[0],2)+Math.pow(s[1]-t[1],2)+Math.pow(s[2]-t[2],2))<=h}(this.color()||"",this.bgColor()||"")?void 0:this.color());bgColor=(0,p.vPA)(void 0);onChange=()=>{this.checked.set(!this.checked()),this.checkedChange.emit(this.checked())};onTouched=()=>{};writeValue(h){this.checked.set(h)}registerOnChange(h){this.onChange=f=>{const s=f.target.checked;this.checked.set(s),h(s),this.checkedChange.emit(s)}}registerOnTouched(h){this.onTouched=h}setDisabledState(h){this.disabled.set(h)}static \u0275fac=function(f){return new(f||u)};static \u0275cmp=n.VBU({type:u,selectors:[["cue-checkbox"]],inputs:{label:[1,"label"],checked:[1,"checked"],disabled:[1,"disabled"],color:[1,"color"],size:[1,"size"]},outputs:{checked:"checkedChange",disabled:"disabledChange",size:"sizeChange",checkedChange:"checkedChange"},features:[n.Jv_([{provide:k.kq,useExisting:(0,p.Rfq)(()=>u),multi:!0}])],decls:6,vars:25,consts:[[1,"checkbox-container",3,"cueBgColor"],["type","checkbox",1,"checkbox-input",3,"change","blur","checked","disabled"],[1,"checkmark",3,"ngStyle"],["viewBox","0 0 24 24",2,"display","block","width","100%","height","100%"],["fill","none","stroke-width","2","d","M5 13l4 4L19 7"],[1,"checkbox-label"]],template:function(f,s){1&f&&(n.j41(0,"label",0),n.bIt("cueBgColor",function(e){return s.bgColor.set(e)}),n.j41(1,"input",1),n.bIt("change",function(e){return s.onChange(e)})("blur",function(){return s.onTouched()}),n.k0s(),n.j41(2,"span",2),p.qSk(),n.j41(3,"svg",3),n.nrm(4,"path",4),n.k0s()(),n.nVh(5,v,2,1,"span",5),n.k0s()),2&f&&(n.AVh("disabled",s.disabled())("checked",s.checked())("size-xs","xs"===s.size())("size-s","s"===s.size())("size-m","m"===s.size())("size-l","l"===s.size())("size-xl","xl"===s.size()),n.R7$(),n.Y8G("checked",s.checked())("disabled",s.disabled()),n.BMQ("aria-label",s.label()),n.R7$(),n.Y8G("@checkmarkAnimation",s.checked()?"checked":"unchecked")("ngStyle",s.safeColor()?n.l_i(21,F,s.safeColor(),s.checked()?s.safeColor():"transparent"):n.lJ4(24,D)),n.R7$(2),n.BMQ("stroke",s.checked()?s.safeColor()?"white":"currentColor":"transparent"),n.R7$(),n.vxM(s.label()?5:-1))},dependencies:[m.MD,m.B3,k.YN,d.k],styles:[".checkbox-container[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--cue-font-family);position:relative;-webkit-tap-highlight-color:transparent}.checkbox-input[_ngcontent-%COMP%]{position:absolute;opacity:0;width:0;height:0}.checkmark[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--cue-input-border-color);border-radius:2px;background-color:transparent;transition:all .2s ease;box-sizing:border-box}.checkbox-container.size-xs[_ngcontent-%COMP%]{font-size:10px}.checkbox-container.size-xs[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{width:12px;height:12px}.checkbox-container.size-xs[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:8px;height:8px}.checkbox-container.size-s[_ngcontent-%COMP%]{font-size:12px}.checkbox-container.size-s[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{width:14px;height:14px}.checkbox-container.size-s[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:10px;height:10px}.checkbox-container.size-m[_ngcontent-%COMP%]{font-size:14px}.checkbox-container.size-m[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{width:18px;height:18px}.checkbox-container.size-m[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:14px;height:14px}.checkbox-container.size-l[_ngcontent-%COMP%]{font-size:16px}.checkbox-container.size-l[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{width:22px;height:22px}.checkbox-container.size-l[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:18px;height:18px}.checkbox-container.size-xl[_ngcontent-%COMP%]{font-size:18px}.checkbox-container.size-xl[_ngcontent-%COMP%]   .checkmark[_ngcontent-%COMP%]{width:24px;height:24px}.checkbox-container.size-xl[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:20px;height:20px}.checkbox-container.disabled[_ngcontent-%COMP%]{opacity:.5;cursor:not-allowed}.checkbox-label[_ngcontent-%COMP%]{-webkit-user-select:none;user-select:none;color:var(--cue-input-label-color)}svg[_ngcontent-%COMP%]{stroke-linecap:round;stroke-linejoin:round;fill:none;width:100%;height:100%;display:block}"],data:{animation:[(0,l.hZ)("checkmarkAnimation",[(0,l.kY)("unchecked => checked",[(0,l.iF)({transform:"scale(0.8)",opacity:0}),(0,l.i0)("150ms cubic-bezier(0.4, 0, 0.2, 1)",(0,l.iF)({transform:"scale(1.1)",opacity:1})),(0,l.i0)("100ms cubic-bezier(0.4, 0, 0.2, 1)",(0,l.iF)({transform:"scale(1)"}))]),(0,l.kY)("checked => unchecked",[(0,l.i0)("100ms cubic-bezier(0.4, 0, 0.2, 1)",(0,l.iF)({transform:"scale(1.1)",opacity:1})),(0,l.i0)("150ms cubic-bezier(0.4, 0, 0.2, 1)",(0,l.iF)({transform:"scale(0.8)",opacity:0}))])])]}})}return u})()},9615(O,y,c){c.d(y,{k:()=>m});var i=c(7705),C=c(5547),p=c(5802);let m=(()=>{class k{darkModeSignal=(0,i.hFB)(void 0);cueBgColor=(0,i.CGW)();mutationObserver=null;cleanupEffect=null;el=(0,p.WQX)(C.aKT);ngOnInit(){if(this.setBgColor(),this.darkModeSignal()){const d=(0,p.QZP)(()=>{this.setBgColor()});this.cleanupEffect=()=>d.destroy()}this.mutationObserver=new MutationObserver(d=>{for(const g of d)"attributes"===g.type&&"class"===g.attributeName&&this.setBgColor()}),this.mutationObserver.observe(document.body,{attributes:!0,attributeFilter:["class"]})}ngOnDestroy(){this.cleanupEffect&&this.cleanupEffect(),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}setBgColor(){const d=this.getClosestParentBackgroundColor(this.el.nativeElement);this.cueBgColor.emit(d||"transparent")}getClosestParentBackgroundColor(d){let g=d.parentElement;for(;g;){const n=window.getComputedStyle(g).backgroundColor;if(n&&"rgba(0, 0, 0, 0)"!==n&&"transparent"!==n)return n;g=g.parentElement}return null}static \u0275fac=function(g){return new(g||k)};static \u0275dir=C.FsC({type:k,selectors:[["","cueBgColor",""]],inputs:{darkModeSignal:[1,"darkModeSignal"]},outputs:{cueBgColor:"cueBgColor"}})}return k})()},8173(O,y,c){c.d(y,{FX:()=>s,If:()=>i,K2:()=>l,PZ:()=>f,hZ:()=>p,i0:()=>m,iF:()=>d,kY:()=>F,kp:()=>C,sf:()=>h});var i=function(t){return t[t.State=0]="State",t[t.Transition=1]="Transition",t[t.Sequence=2]="Sequence",t[t.Group=3]="Group",t[t.Animate=4]="Animate",t[t.Keyframes=5]="Keyframes",t[t.Style=6]="Style",t[t.Trigger=7]="Trigger",t[t.Reference=8]="Reference",t[t.AnimateChild=9]="AnimateChild",t[t.AnimateRef=10]="AnimateRef",t[t.Query=11]="Query",t[t.Stagger=12]="Stagger",t}(i||{});const C="*";function p(t,e){return{type:i.Trigger,name:t,definitions:e,options:{}}}function m(t,e=null){return{type:i.Animate,styles:e,timings:t}}function l(t,e=null){return{type:i.Sequence,steps:t,options:e}}function d(t){return{type:i.Style,styles:t,offset:null}}function F(t,e,o=null){return{type:i.Transition,expr:t,animation:e,options:o}}class h{_onDoneFns=[];_onStartFns=[];_onDestroyFns=[];_originalOnDoneFns=[];_originalOnStartFns=[];_started=!1;_destroyed=!1;_finished=!1;_position=0;parentPlayer=null;totalTime;constructor(e=0,o=0){this.totalTime=e+o}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(e=>e()),this._onDoneFns=[])}onStart(e){this._originalOnStartFns.push(e),this._onStartFns.push(e)}onDone(e){this._originalOnDoneFns.push(e),this._onDoneFns.push(e)}onDestroy(e){this._onDestroyFns.push(e)}hasStarted(){return this._started}init(){}play(){this.hasStarted()||(this._onStart(),this.triggerMicrotask()),this._started=!0}triggerMicrotask(){queueMicrotask(()=>this._onFinish())}_onStart(){this._onStartFns.forEach(e=>e()),this._onStartFns=[]}pause(){}restart(){}finish(){this._onFinish()}destroy(){this._destroyed||(this._destroyed=!0,this.hasStarted()||this._onStart(),this.finish(),this._onDestroyFns.forEach(e=>e()),this._onDestroyFns=[])}reset(){this._started=!1,this._finished=!1,this._onStartFns=this._originalOnStartFns,this._onDoneFns=this._originalOnDoneFns}setPosition(e){this._position=this.totalTime?e*this.totalTime:1}getPosition(){return this.totalTime?this._position/this.totalTime:1}triggerCallback(e){const o="start"==e?this._onStartFns:this._onDoneFns;o.forEach(a=>a()),o.length=0}}class f{_onDoneFns=[];_onStartFns=[];_finished=!1;_started=!1;_destroyed=!1;_onDestroyFns=[];parentPlayer=null;totalTime=0;players;constructor(e){this.players=e;let o=0,a=0,r=0;const _=this.players.length;0==_?queueMicrotask(()=>this._onFinish()):this.players.forEach(b=>{b.onDone(()=>{++o==_&&this._onFinish()}),b.onDestroy(()=>{++a==_&&this._onDestroy()}),b.onStart(()=>{++r==_&&this._onStart()})}),this.totalTime=this.players.reduce((b,P)=>Math.max(b,P.totalTime),0)}_onFinish(){this._finished||(this._finished=!0,this._onDoneFns.forEach(e=>e()),this._onDoneFns=[])}init(){this.players.forEach(e=>e.init())}onStart(e){this._onStartFns.push(e)}_onStart(){this.hasStarted()||(this._started=!0,this._onStartFns.forEach(e=>e()),this._onStartFns=[])}onDone(e){this._onDoneFns.push(e)}onDestroy(e){this._onDestroyFns.push(e)}hasStarted(){return this._started}play(){this.parentPlayer||this.init(),this._onStart(),this.players.forEach(e=>e.play())}pause(){this.players.forEach(e=>e.pause())}restart(){this.players.forEach(e=>e.restart())}finish(){this._onFinish(),this.players.forEach(e=>e.finish())}destroy(){this._onDestroy()}_onDestroy(){this._destroyed||(this._destroyed=!0,this._onFinish(),this.players.forEach(e=>e.destroy()),this._onDestroyFns.forEach(e=>e()),this._onDestroyFns=[])}reset(){this.players.forEach(e=>e.reset()),this._destroyed=!1,this._finished=!1,this._started=!1}setPosition(e){const o=e*this.totalTime;this.players.forEach(a=>{const r=a.totalTime?Math.min(1,o/a.totalTime):1;a.setPosition(r)})}getPosition(){const e=this.players.reduce((o,a)=>null===o||a.totalTime>o.totalTime?a:o,null);return null!=e?e.getPosition():0}beforeDestroy(){this.players.forEach(e=>{e.beforeDestroy&&e.beforeDestroy()})}triggerCallback(e){const o="start"==e?this._onStartFns:this._onDoneFns;o.forEach(a=>a()),o.length=0}}const s="!"}}]);