@qaecy/cue-ui 0.0.57 → 0.0.59

package/63.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[63,1338,8957],{8957(B,z,s){s.d(z,{Input:()=>I});var l=s(7705),_=s(5802),f=s(9417),b=s(2245),v=s(5381),C=s(29),t=s(5547);const y=["inputField"];function E(e,O){1&e&&t.EFF(0," * ")}function D(e,O){if(1&e&&(t.j41(0,"span",4),t.nrm(1,"cue-svg-icon",7),t.k0s()),2&e){const a=t.XpG();t.R7$(),t.Y8G("name",a.icon())}}function F(e,O){if(1&e&&(t.j41(0,"cue-typography",6),t.EFF(1),t.k0s()),2&e){const a=t.XpG();t.R7$(),t.JRh(a.error())}}let I=(()=>{class e{value=(0,l.geq)("");_displayValue=(0,_.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;autofilled=(0,_.vPA)(!1);inputField;valueChange=(0,l.CGW)();valueCommit=(0,l.CGW)();_lastSyncedValue="";_syncDisplay=(0,_.QZP)(()=>{const a=this.value()||"";a!==this._lastSyncedValue&&(this._lastSyncedValue=a,!this.isFocused&&a!==this._displayValue()&&this._displayValue.set(a))});onChange=a=>{};onTouched=()=>{};writeValue(a){const r=a||"";this.value.set(r),this.isFocused||this._displayValue.set(r)}registerOnChange(a){this.onChange=a}registerOnTouched(a){this.onTouched=a}setDisabledState(a){this.disabled=a}onAnimationStart(a){if(a.animationName.endsWith("cue-autofill-start")){this.autofilled.set(!0);const r=this.inputField?.nativeElement.value??"";r&&r!==this.value()&&(this._displayValue.set(r),this.valueChange.emit(r),this.onChange(r),this.onTouched())}else a.animationName.endsWith("cue-autofill-cancel")&&this.autofilled.set(!1)}emitValue(a){const r=a.target.value;this.valueChange.emit(r),this.onChange(r)}focus(){this.isFocused=!0,this.value()&&this._displayValue.set(this.value()),this.inputField?.nativeElement&&this.inputField.nativeElement.focus()}onBlur(){this.isFocused=!1;const a=this.inputField?.nativeElement.value??this._displayValue();this._displayValue.set(a),this.valueCommit.emit(a),this.onTouched()}static \u0275fac=function(r){return new(r||e)};static \u0275cmp=t.VBU({type:e,selectors:[["cue-input"]],viewQuery:function(r,c){if(1&r&&t.GBs(y,5),2&r){let M;t.mGM(M=t.lsd())&&(c.inputField=M.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:[t.Jv_([{provide:f.kq,useExisting:(0,_.Rfq)(()=>e),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","animationstart","type","value","placeholder","disabled"],["size","s",1,"error-text"],[3,"name"]],template:function(r,c){if(1&r){const M=t.RV6();t.j41(0,"div",1)(1,"cue-typography",2),t.bIt("click",function(){_.eBV(M);const m=t.sdS(7);return _.Njj(m.focus())}),t.EFF(2),t.nVh(3,E,1,0),t.k0s(),t.j41(4,"cue-flexcontainer",3),t.nVh(5,D,2,1,"span",4),t.j41(6,"input",5,0),t.bIt("input",function(m){return c.emitValue(m)})("focus",function(){return c.isFocused=!0})("blur",function(){return c.onBlur()})("animationstart",function(m){return c.onAnimationStart(m)}),t.k0s()(),t.nVh(8,F,2,1,"cue-typography",6),t.k0s()}2&r&&(t.HbH("size-"+c.size()),t.AVh("focused",c.isFocused||c._displayValue()||c.placeholder()||c.autofilled()),t.R7$(),t.Y8G("info",c.info()),t.R7$(),t.SpI(" ",c.label()," "),t.R7$(),t.vxM(c.required()?3:-1),t.R7$(2),t.vxM(c.icon()?5:-1),t.R7$(),t.Y8G("type",c.type())("value",c._displayValue())("placeholder",c.placeholder())("disabled",c.disabled),t.R7$(2),t.vxM(c.error()?8:-1))},dependencies:[b.Typography,v.n,C.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)}@keyframes _ngcontent-%COMP%_cue-autofill-start{}@keyframes _ngcontent-%COMP%_cue-autofill-cancel{}.input[_ngcontent-%COMP%]:-webkit-autofill{animation-name:_ngcontent-%COMP%_cue-autofill-start}.input[_ngcontent-%COMP%]:not(:-webkit-autofill){animation-name:_ngcontent-%COMP%_cue-autofill-cancel}.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 e})()},63(B,z,s){s.d(z,{Select:()=>m});var l=s(7705),_=s(5802),f=s(2271),b=s(9352),v=s(8957),C=s(6117),t=s(356),y=s(6279),E=s(2245),D=s(29),F=s(5381),I=s(7851),e=s(5547);function O(u,p){if(1&u){const o=e.RV6();e.j41(0,"cue-typography",11),e.bIt("click",function(){_.eBV(o);const n=e.XpG();return _.Njj(!n.disabled()&&n.openMenu())}),e.EFF(1),e.k0s()}if(2&u){const o=e.XpG();e.Y8G("info",o.info()),e.R7$(),e.JRh(o.label())}}function a(u,p){if(1&u&&e.nrm(0,"cue-svg-icon",12),2&u){const o=e.XpG();e.xc7("--cue-icon-width",o.iconSize()),e.Y8G("name",p)}}function r(u,p){if(1&u){const o=e.RV6();e.j41(0,"cue-input",13),e.nI1(1,"transloco"),e.bIt("valueChange",function(n){_.eBV(o);const d=e.XpG();return _.Njj(d.onFilterValueChange(n))}),e.k0s(),e.nrm(2,"div",14)}if(2&u){const o=e.XpG();e.Y8G("value",o.filterValue())("placeholder",e.bMT(1,2,"components.input.select.placeholderFilter"))}}function c(u,p){1&u&&e.nrm(0,"cue-svg-icon",16),2&u&&e.Y8G("name",p)}function M(u,p){if(1&u){const o=e.RV6();e.j41(0,"cue-menu-item",15),e.bIt("click",function(n){const d=_.eBV(o).$implicit,P=e.XpG();return _.Njj(P.handleSelect(n,d.value))})("mousedown",function(n){_.eBV(o);const d=e.XpG();return _.Njj(d.preventEventBubbling(n))}),e.nVh(1,c,1,1,"cue-svg-icon",16),e.EFF(2),e.k0s()}if(2&u){let o;const i=p.$implicit,n=e.XpG();e.Y8G("size",n.size())("selected",i.value===n.value()),e.R7$(),e.vxM((o=n.icon(i.value))?1:-1,o),e.R7$(),e.SpI(" ",i.label," ")}}function h(u,p){if(1&u&&(e.j41(0,"cue-typography",10),e.EFF(1),e.k0s()),2&u){const o=e.XpG();e.R7$(),e.JRh(o.error())}}let m=(()=>{class u{label=(0,l.hFB)("");info=(0,l.hFB)("");placeholder=(0,l.hFB)(void 0);menuPosition=(0,l.hFB)(void 0);options=(0,l.hFB)();labelMap=(0,l.hFB)({});iconMap=(0,l.hFB)({});value=(0,l.geq)();valueChange=(0,l.CGW)();size=(0,l.hFB)("m");disabled=(0,l.hFB)(!1);showFilter=(0,l.hFB)(!1);filterChange=(0,l.CGW)();remoteFilter=(0,l.hFB)(!1);underline=(0,l.hFB)(!0);error=(0,l.hFB)(void 0);maxHeight=(0,l.hFB)(void 0);loading=(0,l.hFB)(!1);optionLabels=(0,f.EW)(()=>{const o=this.labelMap();return(this.options()??[]).map(n=>o[n]?o[n]:n.toString())});_defaultPlaceholder=(0,b.Xx)("components.input.select.placeholderSelect");_placeholder=(0,f.EW)(()=>this.placeholder()??this._defaultPlaceholder());valueLabel=(0,f.EW)(()=>{const o=this.labelMap(),i=this.value();return void 0===i?"":o[i]?o[i]:i.toString()});menuIsOpen=(0,_.vPA)(void 0);filterInputEl=(0,l.ebz)(v.Input);menuEl=(0,l.ebz)(C.W);filterValue=(0,_.vPA)("");_filterDebounce;optionsFiltered=(0,f.EW)(()=>{if(this.remoteFilter()){const o=this.labelMap();return(this.options()??[]).map(i=>({value:i,label:o[i]??i.toString()}))}return this._appendFilter(this.options()??[],this.filterValue(),this.labelMap())});iconSize=(0,f.EW)(()=>`var(--cue-input-${this.size()}-font-size)`);handleSelect(o,i){const d=o.target.closest("cue-select");if(null!==d?.closest(".ag-filter-wrapper")||null!==d?.closest(".ag-popup")||null!==d?.closest(".ag-filter-apply-panel")||null!==d?.closest('[class*="ag-"]')||null!==document.querySelector(".ag-filter-wrapper")){o.stopPropagation();const g=this.menuEl();g&&g.closeMenu()}this.value.set(i),this.valueChange.emit(i)}preventEventBubbling(o){const n=o.target.closest("cue-select");(null!==n?.closest(".ag-filter-wrapper")||null!==n?.closest(".ag-popup")||null!==n?.closest(".ag-filter-apply-panel")||null!==n?.closest('[class*="ag-"]')||null!==document.querySelector(".ag-filter-wrapper"))&&(o.stopPropagation(),o.stopImmediatePropagation())}onMenuClosed(){this.menuIsOpen.set(!1)}openMenu(){this.menuIsOpen.set(!0),this.filterValue.set(""),this.showFilter()&&(clearTimeout(this._filterDebounce),this.filterChange.emit(""))}onFilterValueChange(o){this.filterValue.set(o),this.showFilter()&&(clearTimeout(this._filterDebounce),""===o?this.filterChange.emit(""):this._filterDebounce=setTimeout(()=>this.filterChange.emit(o),300))}handleSpace(o){o.preventDefault(),this.openMenu()}constructor(){(0,_.QZP)(()=>{this.showFilter()&&this.menuIsOpen()&&setTimeout(()=>this.filterInputEl()?.focus(),20)})}icon(o){if(void 0!==o)return this.iconMap()[o]}_appendFilter(o,i,n){const d=i.toLowerCase();return(""===i?o:o.filter(g=>(n[g]?n[g].toLowerCase():g.toString().toLowerCase()).startsWith(d))).map(g=>({value:g,label:n[g]?n[g]:g.toString()}))}static \u0275fac=function(i){return new(i||u)};static \u0275cmp=e.VBU({type:u,selectors:[["cue-select"]],viewQuery:function(i,n){1&i&&e.wEZ(n.filterInputEl,v.Input,5)(n.menuEl,C.W,5),2&i&&e.NyB(2)},inputs:{label:[1,"label"],info:[1,"info"],placeholder:[1,"placeholder"],menuPosition:[1,"menuPosition"],options:[1,"options"],labelMap:[1,"labelMap"],iconMap:[1,"iconMap"],value:[1,"value"],size:[1,"size"],disabled:[1,"disabled"],showFilter:[1,"showFilter"],remoteFilter:[1,"remoteFilter"],underline:[1,"underline"],error:[1,"error"],maxHeight:[1,"maxHeight"],loading:[1,"loading"]},outputs:{value:"valueChange",valueChange:"valueChange",filterChange:"filterChange"},decls:14,vars:23,consts:[["trigger",""],[1,"form-field"],["size","s",1,"label",3,"info"],[3,"menuClosed","positioning","contextEnabled"],["trigger","","tabindex","0",1,"select-trigger",3,"click","keydown.enter","keydown.space"],["align","center","gap","s",1,"select-value"],[3,"--cue-icon-width","name"],["name","arrow-dropdown",1,"select-arrow"],["menu","",1,"menu",3,"maxHeight","cueLogoLoader"],[3,"size","selected"],["size","s",1,"error-text"],["size","s",1,"label",3,"click","info"],[3,"name"],[3,"valueChange","value","placeholder"],[2,"height","6px"],[3,"click","mousedown","size","selected"],["before","",3,"name"]],template:function(i,n){if(1&i&&(e.j41(0,"div",1),e.nVh(1,O,2,2,"cue-typography",2),e.j41(2,"cue-menu",3),e.bIt("menuClosed",function(){return n.onMenuClosed()}),e.j41(3,"div",4,0),e.bIt("click",function(){return!n.disabled()&&n.openMenu()})("keydown.enter",function(){return!n.disabled()&&n.openMenu()})("keydown.space",function(P){return!n.disabled()&&n.handleSpace(P)}),e.j41(5,"cue-flexcontainer",5),e.nVh(6,a,1,3,"cue-svg-icon",6),e.EFF(7),e.k0s(),e.nrm(8,"cue-svg-icon",7),e.k0s(),e.j41(9,"cue-menu-wrap",8),e.nVh(10,r,3,4),e.Z7z(11,M,3,4,"cue-menu-item",9,e.Vm6),e.k0s()(),e.nVh(13,h,2,1,"cue-typography",10),e.k0s()),2&i){let d;e.HbH("size-"+n.size()),e.AVh("focused",!!n.value()||""!==n.placeholder())("menu-open",n.menuIsOpen())("underline",n.underline())("no-label",!n.label()),e.R7$(),e.vxM(n.label()?1:-1),e.R7$(),e.Y8G("positioning",n.menuPosition())("contextEnabled",!n.disabled()),e.R7$(),e.AVh("disabled",n.disabled()),e.R7$(3),e.vxM((d=n.icon(n.value()))?6:-1,d),e.R7$(),e.SpI(" ",n.value()?n.valueLabel():n._placeholder()),e.R7$(2),e.xc7("min-height",n.loading()?"200px":null),e.Y8G("maxHeight",n.maxHeight())("cueLogoLoader",n.loading()),e.R7$(),e.vxM(n.showFilter()?10:-1),e.R7$(),e.Dyx(n.optionsFiltered()),e.R7$(2),e.vxM(n.error()?13:-1)}},dependencies:[C.W,t.M,y.D,E.Typography,v.Input,D.A,F.n,I.k,b.Kj],styles:["[_nghost-%COMP%]{display:block;width:100%}.form-field[_ngcontent-%COMP%]{position:relative;width:100%}.select-trigger[_ngcontent-%COMP%]{color:var(--cue-input-value-color);width:100%;border:none;background:none;outline:none;font-family:var(--cue-font-family);display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-sizing:border-box}.form-field.underline[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{border-bottom:1px solid var(--cue-input-border-bottom-color)}.form-field[_ngcontent-%COMP%]:not(.underline)   .select-trigger[_ngcontent-%COMP%]{align-items:center;padding-top:2px;padding-bottom:1px}.select-trigger.disabled[_ngcontent-%COMP%]{cursor:not-allowed;opacity:.6}.select-trigger[_ngcontent-%COMP%]:focus{outline:none}.size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-xs-padding);font-size:var(--cue-input-xs-font-size)}.size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-s-padding);font-size:var(--cue-input-s-font-size)}.size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-m-padding);font-size:var(--cue-input-m-font-size)}.size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-l-padding);font-size:var(--cue-input-l-font-size)}.form-field.no-label.size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding-top:0}.select-value[_ngcontent-%COMP%]{color:var(--cue-input-value-color);font-family:var(--cue-font-family);flex:1;text-align:left}.form-field[_ngcontent-%COMP%]:not(.focused)   .select-value[_ngcontent-%COMP%]{color:var(--cue-input-placeholder-color)}.select-arrow[_ngcontent-%COMP%]{color:var(--cue-input-value-color);margin-left:8px;display:inline-block;transition:transform .2s ease}.form-field.menu-open[_ngcontent-%COMP%]   .select-arrow[_ngcontent-%COMP%]{transform:rotate(180deg)}.label[_ngcontent-%COMP%]{position:absolute;pointer-events:auto;transition:all .2s ease;cursor:pointer}.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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{color:var(--cue-input-value-color)}.size-xs.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-xs.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-l-label-focused-top);font-size:var(--cue-input-l-label-focused-font-size)}cue-menu[_ngcontent-%COMP%]{width:100%}.error-text[_ngcontent-%COMP%]{color:var(--cue-error);margin-top:4px;min-height:18px}"],changeDetection:0})}return u})()}}]);
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[63,1338],{8957(x,O,u){u.d(O,{Input:()=>w});var i=u(7705),d=u(5802),m=u(2271),b=u(9417),h=u(2245),v=u(5381),z=u(29),n=u(5547);const y=["inputField"];function E(g,C){1&g&&n.EFF(0," * ")}function D(g,C){if(1&g&&(n.j41(0,"span",4),n.nrm(1,"cue-svg-icon",8),n.k0s()),2&g){const l=n.XpG();n.R7$(),n.Y8G("name",l.icon())}}function F(g,C){if(1&g){const l=n.RV6();n.j41(0,"button",9),n.bIt("click",function(){d.eBV(l);const c=n.XpG();return d.Njj(c.showPassword.set(!c.showPassword()))}),n.nrm(1,"cue-svg-icon",8),n.k0s()}if(2&g){const l=n.XpG();n.BMQ("aria-label",l.showPassword()?"Hide password":"Show password"),n.R7$(),n.Y8G("name",l.showPassword()?"eye-off":"eye")}}function e(g,C){if(1&g&&(n.j41(0,"cue-typography",7),n.EFF(1),n.k0s()),2&g){const l=n.XpG();n.R7$(),n.JRh(l.error())}}let w=(()=>{class g{value=(0,i.geq)("");_displayValue=(0,d.vPA)("");info=(0,i.hFB)("");label=(0,i.hFB)("");placeholder=(0,i.hFB)("");error=(0,i.hFB)(void 0);required=(0,i.hFB)(!1);icon=(0,i.hFB)();type=(0,i.hFB)("text");size=(0,i.hFB)("m");showPassword=(0,d.vPA)(!1);effectiveType=(0,m.EW)(()=>"password"===this.type()&&this.showPassword()?"text":this.type());isFocused=!1;disabled=!1;autofilled=(0,d.vPA)(!1);inputField;valueChange=(0,i.CGW)();valueCommit=(0,i.CGW)();_lastSyncedValue="";_syncDisplay=(0,d.QZP)(()=>{const l=this.value()||"";l!==this._lastSyncedValue&&(this._lastSyncedValue=l,!this.isFocused&&l!==this._displayValue()&&this._displayValue.set(l))});onChange=l=>{};onTouched=()=>{};writeValue(l){const r=l||"";this.value.set(r),this.isFocused||this._displayValue.set(r)}registerOnChange(l){this.onChange=l}registerOnTouched(l){this.onTouched=l}setDisabledState(l){this.disabled=l}onAnimationStart(l){if(l.animationName.endsWith("cue-autofill-start")){this.autofilled.set(!0);const r=this.inputField?.nativeElement.value??"";r&&r!==this.value()&&(this._displayValue.set(r),this.valueChange.emit(r),this.onChange(r),this.onTouched())}else l.animationName.endsWith("cue-autofill-cancel")&&this.autofilled.set(!1)}emitValue(l){const r=l.target.value;this.valueChange.emit(r),this.onChange(r)}focus(){this.isFocused=!0,this.value()&&this._displayValue.set(this.value()),this.inputField?.nativeElement&&this.inputField.nativeElement.focus()}onBlur(){this.isFocused=!1;const l=this.inputField?.nativeElement.value??this._displayValue();this._displayValue.set(l),this.valueCommit.emit(l),this.onTouched()}static \u0275fac=function(r){return new(r||g)};static \u0275cmp=n.VBU({type:g,selectors:[["cue-input"]],viewQuery:function(r,c){if(1&r&&n.GBs(y,5),2&r){let M;n.mGM(M=n.lsd())&&(c.inputField=M.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:[n.Jv_([{provide:b.kq,useExisting:(0,d.Rfq)(()=>g),multi:!0}])],decls:10,vars:14,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","animationstart","type","value","placeholder","disabled"],["type","button",1,"toggle-visibility"],["size","s",1,"error-text"],[3,"name"],["type","button",1,"toggle-visibility",3,"click"]],template:function(r,c){if(1&r){const M=n.RV6();n.j41(0,"div",1)(1,"cue-typography",2),n.bIt("click",function(){d.eBV(M);const p=n.sdS(7);return d.Njj(p.focus())}),n.EFF(2),n.nVh(3,E,1,0),n.k0s(),n.j41(4,"cue-flexcontainer",3),n.nVh(5,D,2,1,"span",4),n.j41(6,"input",5,0),n.bIt("input",function(p){return c.emitValue(p)})("focus",function(){return c.isFocused=!0})("blur",function(){return c.onBlur()})("animationstart",function(p){return c.onAnimationStart(p)}),n.k0s(),n.nVh(8,F,2,2,"button",6),n.k0s(),n.nVh(9,e,2,1,"cue-typography",7),n.k0s()}2&r&&(n.HbH("size-"+c.size()),n.AVh("focused",c.isFocused||c._displayValue()||c.placeholder()||c.autofilled()),n.R7$(),n.Y8G("info",c.info()),n.R7$(),n.SpI(" ",c.label()," "),n.R7$(),n.vxM(c.required()?3:-1),n.R7$(2),n.vxM(c.icon()?5:-1),n.R7$(),n.Y8G("type",c.effectiveType())("value",c._displayValue())("placeholder",c.placeholder())("disabled",c.disabled),n.R7$(2),n.vxM("password"===c.type()?8:-1),n.R7$(),n.vxM(c.error()?9:-1))},dependencies:[h.Typography,v.FlexContainer,z.A],styles:['.form-field[_ngcontent-%COMP%]{position:relative}.toggle-visibility[_ngcontent-%COMP%]{display:flex;align-items:center;flex-shrink:0;width:16px;height:16px;padding:0;border:none;background:none;color:var(--cue-input-value-color);cursor:pointer;opacity:.6}.toggle-visibility[_ngcontent-%COMP%]:hover{opacity:1}.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)}@keyframes _ngcontent-%COMP%_cue-autofill-start{}@keyframes _ngcontent-%COMP%_cue-autofill-cancel{}.input[_ngcontent-%COMP%]:-webkit-autofill{animation-name:_ngcontent-%COMP%_cue-autofill-start}.input[_ngcontent-%COMP%]:not(:-webkit-autofill){animation-name:_ngcontent-%COMP%_cue-autofill-cancel}.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 g})()},63(x,O,u){u.d(O,{Select:()=>M});var i=u(7705),d=u(5802),m=u(2271),b=u(9352),h=u(8957),v=u(6117),z=u(356),n=u(6279),y=u(2245),E=u(29),D=u(5381),F=u(7851),e=u(5547);function w(s,p){if(1&s){const o=e.RV6();e.j41(0,"cue-typography",11),e.bIt("click",function(){d.eBV(o);const t=e.XpG();return d.Njj(!t.disabled()&&t.openMenu())}),e.EFF(1),e.k0s()}if(2&s){const o=e.XpG();e.Y8G("info",o.info()),e.R7$(),e.JRh(o.label())}}function g(s,p){if(1&s&&e.nrm(0,"cue-svg-icon",12),2&s){const o=e.XpG();e.xc7("--cue-icon-width",o.iconSize()),e.Y8G("name",p)}}function C(s,p){if(1&s){const o=e.RV6();e.j41(0,"cue-input",13),e.nI1(1,"transloco"),e.bIt("valueChange",function(t){d.eBV(o);const _=e.XpG();return d.Njj(_.onFilterValueChange(t))}),e.k0s(),e.nrm(2,"div",14)}if(2&s){const o=e.XpG();e.Y8G("value",o.filterValue())("placeholder",e.bMT(1,2,"components.input.select.placeholderFilter"))}}function l(s,p){1&s&&e.nrm(0,"cue-svg-icon",16),2&s&&e.Y8G("name",p)}function r(s,p){if(1&s){const o=e.RV6();e.j41(0,"cue-menu-item",15),e.bIt("click",function(t){const _=d.eBV(o).$implicit,P=e.XpG();return d.Njj(P.handleSelect(t,_.value))})("mousedown",function(t){d.eBV(o);const _=e.XpG();return d.Njj(_.preventEventBubbling(t))}),e.nVh(1,l,1,1,"cue-svg-icon",16),e.EFF(2),e.k0s()}if(2&s){let o;const a=p.$implicit,t=e.XpG();e.Y8G("size",t.size())("selected",a.value===t.value()),e.R7$(),e.vxM((o=t.icon(a.value))?1:-1,o),e.R7$(),e.SpI(" ",a.label," ")}}function c(s,p){if(1&s&&(e.j41(0,"cue-typography",10),e.EFF(1),e.k0s()),2&s){const o=e.XpG();e.R7$(),e.JRh(o.error())}}let M=(()=>{class s{label=(0,i.hFB)("");info=(0,i.hFB)("");placeholder=(0,i.hFB)(void 0);menuPosition=(0,i.hFB)(void 0);options=(0,i.hFB)();labelMap=(0,i.hFB)({});iconMap=(0,i.hFB)({});value=(0,i.geq)();valueChange=(0,i.CGW)();size=(0,i.hFB)("m");disabled=(0,i.hFB)(!1);showFilter=(0,i.hFB)(!1);filterChange=(0,i.CGW)();remoteFilter=(0,i.hFB)(!1);underline=(0,i.hFB)(!0);error=(0,i.hFB)(void 0);maxHeight=(0,i.hFB)(void 0);loading=(0,i.hFB)(!1);optionLabels=(0,m.EW)(()=>{const o=this.labelMap();return(this.options()??[]).map(t=>o[t]?o[t]:t.toString())});_defaultPlaceholder=(0,b.Xx)("components.input.select.placeholderSelect");_placeholder=(0,m.EW)(()=>this.placeholder()??this._defaultPlaceholder());valueLabel=(0,m.EW)(()=>{const o=this.labelMap(),a=this.value();return void 0===a?"":o[a]?o[a]:a.toString()});menuIsOpen=(0,d.vPA)(void 0);filterInputEl=(0,i.ebz)(h.Input);menuEl=(0,i.ebz)(v.W);filterValue=(0,d.vPA)("");_filterDebounce;optionsFiltered=(0,m.EW)(()=>{if(this.remoteFilter()){const o=this.labelMap();return(this.options()??[]).map(a=>({value:a,label:o[a]??a.toString()}))}return this._appendFilter(this.options()??[],this.filterValue(),this.labelMap())});iconSize=(0,m.EW)(()=>`var(--cue-input-${this.size()}-font-size)`);handleSelect(o,a){const _=o.target.closest("cue-select");if(null!==_?.closest(".ag-filter-wrapper")||null!==_?.closest(".ag-popup")||null!==_?.closest(".ag-filter-apply-panel")||null!==_?.closest('[class*="ag-"]')||null!==document.querySelector(".ag-filter-wrapper")){o.stopPropagation();const f=this.menuEl();f&&f.closeMenu()}this.value.set(a),this.valueChange.emit(a)}preventEventBubbling(o){const t=o.target.closest("cue-select");(null!==t?.closest(".ag-filter-wrapper")||null!==t?.closest(".ag-popup")||null!==t?.closest(".ag-filter-apply-panel")||null!==t?.closest('[class*="ag-"]')||null!==document.querySelector(".ag-filter-wrapper"))&&(o.stopPropagation(),o.stopImmediatePropagation())}onMenuClosed(){this.menuIsOpen.set(!1)}openMenu(){this.menuIsOpen.set(!0),this.filterValue.set(""),this.showFilter()&&(clearTimeout(this._filterDebounce),this.filterChange.emit(""))}onFilterValueChange(o){this.filterValue.set(o),this.showFilter()&&(clearTimeout(this._filterDebounce),""===o?this.filterChange.emit(""):this._filterDebounce=setTimeout(()=>this.filterChange.emit(o),300))}handleSpace(o){o.preventDefault(),this.openMenu()}constructor(){(0,d.QZP)(()=>{this.showFilter()&&this.menuIsOpen()&&setTimeout(()=>this.filterInputEl()?.focus(),20)})}icon(o){if(void 0!==o)return this.iconMap()[o]}_appendFilter(o,a,t){const _=a.toLowerCase();return(""===a?o:o.filter(f=>(t[f]?t[f].toLowerCase():f.toString().toLowerCase()).startsWith(_))).map(f=>({value:f,label:t[f]?t[f]:f.toString()}))}static \u0275fac=function(a){return new(a||s)};static \u0275cmp=e.VBU({type:s,selectors:[["cue-select"]],viewQuery:function(a,t){1&a&&e.wEZ(t.filterInputEl,h.Input,5)(t.menuEl,v.W,5),2&a&&e.NyB(2)},inputs:{label:[1,"label"],info:[1,"info"],placeholder:[1,"placeholder"],menuPosition:[1,"menuPosition"],options:[1,"options"],labelMap:[1,"labelMap"],iconMap:[1,"iconMap"],value:[1,"value"],size:[1,"size"],disabled:[1,"disabled"],showFilter:[1,"showFilter"],remoteFilter:[1,"remoteFilter"],underline:[1,"underline"],error:[1,"error"],maxHeight:[1,"maxHeight"],loading:[1,"loading"]},outputs:{value:"valueChange",valueChange:"valueChange",filterChange:"filterChange"},decls:14,vars:23,consts:[["trigger",""],[1,"form-field"],["size","s",1,"label",3,"info"],[3,"menuClosed","positioning","contextEnabled"],["trigger","","tabindex","0",1,"select-trigger",3,"click","keydown.enter","keydown.space"],["align","center","gap","s",1,"select-value"],[3,"--cue-icon-width","name"],["name","arrow-dropdown",1,"select-arrow"],["menu","",1,"menu",3,"maxHeight","cueLogoLoader"],[3,"size","selected"],["size","s",1,"error-text"],["size","s",1,"label",3,"click","info"],[3,"name"],[3,"valueChange","value","placeholder"],[2,"height","6px"],[3,"click","mousedown","size","selected"],["before","",3,"name"]],template:function(a,t){if(1&a&&(e.j41(0,"div",1),e.nVh(1,w,2,2,"cue-typography",2),e.j41(2,"cue-menu",3),e.bIt("menuClosed",function(){return t.onMenuClosed()}),e.j41(3,"div",4,0),e.bIt("click",function(){return!t.disabled()&&t.openMenu()})("keydown.enter",function(){return!t.disabled()&&t.openMenu()})("keydown.space",function(P){return!t.disabled()&&t.handleSpace(P)}),e.j41(5,"cue-flexcontainer",5),e.nVh(6,g,1,3,"cue-svg-icon",6),e.EFF(7),e.k0s(),e.nrm(8,"cue-svg-icon",7),e.k0s(),e.j41(9,"cue-menu-wrap",8),e.nVh(10,C,3,4),e.Z7z(11,r,3,4,"cue-menu-item",9,e.Vm6),e.k0s()(),e.nVh(13,c,2,1,"cue-typography",10),e.k0s()),2&a){let _;e.HbH("size-"+t.size()),e.AVh("focused",!!t.value()||""!==t.placeholder())("menu-open",t.menuIsOpen())("underline",t.underline())("no-label",!t.label()),e.R7$(),e.vxM(t.label()?1:-1),e.R7$(),e.Y8G("positioning",t.menuPosition())("contextEnabled",!t.disabled()),e.R7$(),e.AVh("disabled",t.disabled()),e.R7$(3),e.vxM((_=t.icon(t.value()))?6:-1,_),e.R7$(),e.SpI(" ",t.value()?t.valueLabel():t._placeholder()),e.R7$(2),e.xc7("min-height",t.loading()?"200px":null),e.Y8G("maxHeight",t.maxHeight())("cueLogoLoader",t.loading()),e.R7$(),e.vxM(t.showFilter()?10:-1),e.R7$(),e.Dyx(t.optionsFiltered()),e.R7$(2),e.vxM(t.error()?13:-1)}},dependencies:[v.W,z.M,n.D,y.Typography,h.Input,E.A,D.FlexContainer,F.k,b.Kj],styles:["[_nghost-%COMP%]{display:block;width:100%}.form-field[_ngcontent-%COMP%]{position:relative;width:100%}.select-trigger[_ngcontent-%COMP%]{color:var(--cue-input-value-color);width:100%;border:none;background:none;outline:none;font-family:var(--cue-font-family);display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-sizing:border-box}.form-field.underline[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{border-bottom:1px solid var(--cue-input-border-bottom-color)}.form-field[_ngcontent-%COMP%]:not(.underline)   .select-trigger[_ngcontent-%COMP%]{align-items:center;padding-top:2px;padding-bottom:1px}.select-trigger.disabled[_ngcontent-%COMP%]{cursor:not-allowed;opacity:.6}.select-trigger[_ngcontent-%COMP%]:focus{outline:none}.size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-xs-padding);font-size:var(--cue-input-xs-font-size)}.size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-s-padding);font-size:var(--cue-input-s-font-size)}.size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-m-padding);font-size:var(--cue-input-m-font-size)}.size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding:var(--cue-input-l-padding);font-size:var(--cue-input-l-font-size)}.form-field.no-label.size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%], .form-field.no-label.size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]{padding-top:0}.select-value[_ngcontent-%COMP%]{color:var(--cue-input-value-color);font-family:var(--cue-font-family);flex:1;text-align:left}.form-field[_ngcontent-%COMP%]:not(.focused)   .select-value[_ngcontent-%COMP%]{color:var(--cue-input-placeholder-color)}.select-arrow[_ngcontent-%COMP%]{color:var(--cue-input-value-color);margin-left:8px;display:inline-block;transition:transform .2s ease}.form-field.menu-open[_ngcontent-%COMP%]   .select-arrow[_ngcontent-%COMP%]{transform:rotate(180deg)}.label[_ngcontent-%COMP%]{position:absolute;pointer-events:auto;transition:all .2s ease;cursor:pointer}.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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .form-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{color:var(--cue-input-value-color)}.size-xs.focused[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-xs.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-xs[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-s[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-m[_ngcontent-%COMP%]   select[_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.menu-open[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   .select-trigger[_ngcontent-%COMP%]:not(:placeholder-shown) + .label[_ngcontent-%COMP%], .size-l[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:valid + .label[_ngcontent-%COMP%]{top:var(--cue-input-l-label-focused-top);font-size:var(--cue-input-l-label-focused-font-size)}cue-menu[_ngcontent-%COMP%]{width:100%}.error-text[_ngcontent-%COMP%]{color:var(--cue-error);margin-top:4px;min-height:18px}"],changeDetection:0})}return s})()}}]);