@descope/web-components-ui 1.114.0 → 1.116.0

package/dist/umd/descope-date-field-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9257],{6424:(e,t,i)=>{i.d(t,{A:()=>C});const{host:r,label:n,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:h,disabledPlaceholder:u,inputDisabled:c,inputIcon:g,externalInput:y,externalInputDisabled:m,externalPlaceholder:v,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},C={fontSize:[{},r],fontFamily:[n,a,d,h],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...s,property:"color"},{...n,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...h,property:"color"},errorMessageIcon:{...h,property:"background-image"},errorMessageIconSize:{...h,property:"background-size"},errorMessageIconPadding:{...h,property:"padding-inline-start"},errorMessageIconRepeat:{...h,property:"background-repeat"},errorMessageIconPosition:{...h,property:"background-position"},errorMessageFontSize:{...h,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...c,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...v,property:"color"},{...o,property:"color"},{...u,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...v,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},21374:(e,t,i)=>{i.r(t),i.d(t,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(79275);customElements.define(r.T,r.w)},79275:(e,t,i)=>{i.d(t,{T:()=>l,w:()=>d});var r=i(79365),n=i(6424),o=i(9696),s=i(97810),a=i(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:n.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,i){super.attributeChangeCallback?.(e,t,i),"type"===e&&this.baseElement._setType(i),t!==i&&("label-type"===e?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===i))}}))((0,r.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(d.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},79981:(e,t,i)=>{i.r(t),i.d(t,{DateFieldClass:()=>k,componentName:()=>g}),i(45992),i(88350),i(21374);var r=i(3393),n=i(79365),o=i(97810),s=i(9696),a=i(49224),l=i(77421),p=i(80071),d=i(64101);class h{#e=Object.freeze([]);constructor({id:e,min:t,max:i,placeholder:r},n){this.id=e,this.min=t,this.max=i,this.placeholder=r,this.onChange=n}get data(){return this.#e}set data(e){this.#e=Object.freeze(e),this.onChange?.()}get#t(){return this.data.length?this.numberValue:0}get numberValue(){return Number(this.stringValue)}get stringValue(){return(this.data.join("")||this.placeholder).padStart(this.length,"0")}get isFull(){return 10*this.numberValue>this.max||this.data.length===this.length}get isEmpty(){return this.stringValue===this.placeholder}get length(){return this.max.toString().length}set(e){this.data=e.toString().split("")}add(e){let t=this.data;return t=[...t,e],Number(t.join(""))>this.max?t=[e]:this.length<t.length&&(t=t.slice(1,t.length)),this.data=t,e}del(){this.data.filter((e=>"0"!==e)).filter(Boolean).length?this.data=this.data.slice(0,this.data.length-1):this.data=[]}clear(){this.data=[]}inc(e){this.replaceValue(this.#t<this.max?Math.max(this.#t+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#t>this.min?Math.min(this.#t-(e||1),this.max):this.max)}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}setMin(e){this.min=Number(e)}setMax(e){this.max=Number(e)}}var u=i(79275),c=i(25964);const g=(0,o.xE)("date-field"),y=(0,r.y)({componentName:g,baseSelector:"vaadin-popover"}),m=["format","opened","initial-value","readonly","disable-calendar"],v=["years-range","calendar-months","calendar-weekdays"],b=[...m,...v],C=u.w.cssVarList,{host:f,input:x,inputEleRTL:E,toggleButton:w,overlay:I,backdrop:T,errorMessage:S}={host:{selector:()=>":host"},input:{selector:()=>"descope-text-field"},inputEleRTL:{selector:()=>':host([st-host-direction="rtl"]) descope-text-field'},toggleButton:{selector:()=>".toggle-calendar"},overlay:{selector:"vaadin-popover-overlay::part(overlay)"},backdrop:{selector:"vaadin-popover-overlay::part(backdrop)"}},k=(0,s.Zz)((0,n.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,n.RF)({mappings:{iconMargin:{...w,property:"margin-inline-end"},hostWidth:{...f,property:"width"},hostDirection:{...f,property:"direction"},textAlign:{...x,property:"text-align"},rtlInputDirection:{...E,property:C.inputDirection},rtlInputAlignment:{...E,property:C.inputTextAlign},overlayGap:{property:()=>k.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>k.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>k.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>k.overlayBoxShadow},overlayOutlineWidth:{property:()=>k.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>k.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>k.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageFontSize}}}),(0,n.mA)({name:"overlay",selector:"",mappings:{marginTop:{...I,property:"margin-top"},backgroundColor:{...I},backdropBackgroundColor:{...T,property:"background-color"},backdropPointerEvents:{...T,property:"pointer-events"},padding:{...I},boxShadow:{...I},outlineWidth:{...I},outlineColor:{...I},outlineStyle:{...I}}}),n.VO,n.tQ)(class extends y{timestamp="";format=d.ui;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.updateTimestamp("");else{const e=l.F[this.format].getDate(this.inputElement.value);this.updateTimestamp(e.getTime())}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#i()};updateTimestamp(e){this.timestamp=e?(0,a.Nq)(e).getTime():""}dateCounters=[new h(d.rR.MONTH,this.onDateCounterChange.bind(this)),new h(d.rR.DAY,this.onDateCounterChange.bind(this)),new h(d.rR.YEAR,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(y.observedAttributes||[],b)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field inputmode="numeric">\n        <span slot="suffix" class="toggle-calendar">\n          ${p.ki}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `,(0,c.fz)('\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly="true"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar")}get validationTarget(){return this.inputElement}get opened(){return"true"===this.getAttribute("opened")}get displayValueEpoch(){const e=l.F[this.format].getDate(this.inputElement.value);return(0,a.xP)(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(d.eT).map((e=>this.dateCounters.find((t=>t.placeholder===e))))}get activeCounter(){return this.sortedCounters[this.selectedCounterIdx]}get countersValue(){return this.sortedCounters.map((e=>e.stringValue)).join(d.eT)}get overlay(){return this.baseElement.shadowRoot?.querySelector("vaadin-popover-overlay")}get backdrop(){return this.overlay.shadowRoot?.querySelector("#backdrop")}get calendar(){return this.overlay?.querySelector("descope-calendar")}get isRTL(){const e=getComputedStyle(this.baseElement).getPropertyValue("direction");return e?"rtl"===e:"rtl"===this.getAttribute("st-host-direction")}get value(){return this.isInvalidDate()?"":this.timestamp}set value(e){e?(this.updateTimestamp(e),this.updateDateCounters((0,a.Nq)(e))):this.updateTimestamp("")}get isCountersEmpty(){return this.dateCounters.every((e=>e.isEmpty))}get isCountersOutOfRange(){return this.dateCounters.some((e=>!e.isInRange(e.numberValue)))}get disableCalendar(){return"true"===this.getAttribute("disable-calendar")}get isSelectAll(){const e=this.inputElement.baseElement.inputElement;return e.value.length===e.selectionStart+e.selectionEnd}reportValidity(){this.inputElement.reportValidity()}#i(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=(0,a.Ey)((0,a.Nq)(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout((()=>{this.#r()}),0)}initInputElement(){this.inputElement.getValidity=this.getValidity.bind(this),this.inputElement.baseElement.checkValidity=this.checkValidity.bind(this),this.popoverToggleButton.addEventListener("click",this.onPopoverToggle.bind(this)),this.inputElement.addEventListener("focus",this.onFocus.bind(this)),this.inputElement.addEventListener("blur",this.onBlur.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyboard.bind(this)),this.inputElement.addEventListener("beforeinput",this.handleInput.bind(this)),this.inputElement.addEventListener("pointerdown",this.onPointerDown.bind(this)),this.inputElement.addEventListener("paste",this.onPaste.bind(this)),(0,o.EA)(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","bordered","data-errormessage-value-missing","data-errormessage-pattern-mismatch","data-errormessage-range-underflow","data-errormessage-range-overflow","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]})}handleInput(e){e.preventDefault(),this.handleSelectAll(),e.data&&(0,a.Et)(e.data)?(this.parseDigits(e.data),this.updateCountersDisplay()):e.inputType&&this.handleNavKeys(e)}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#n.bind(this),this.baseElement.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation()}))}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#o;#n(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#s()),(0,a.Xs)(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout((()=>{this.#a(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)}),100)}#a(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#o?.remove();const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),r=this.calendar.getBoundingClientRect(),n=this.isRTL?"right":"left",o=i[n]-r[n],s=r.left,a=t.width-r.right;let l;l=o>0?Math.min(o,a):-1*Math.min(Math.abs(o),s),(0,c.fz)(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#s(){const e=document.createElement("span");e.innerHTML="<descope-calendar></descope-calendar>";const t=e.querySelector("descope-calendar");return t.addEventListener("date-submit",this.onCalendarSubmit.bind(this)),t.addEventListener("cancel",this.closePopover.bind(this)),e}#r(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){this.disableCalendar||this.setAttribute("opened","true")}closePopover(){this.removeAttribute("opened"),this.inputElement.focus()}getCounterById(e){return this.dateCounters.find((t=>t.id===e))}onCalendarSubmit(){if(!this.isReadOnly){if(!this.calendar.value)return;const e=(0,a.Nq)(this.calendar.value);this.value=e.getTime(),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#i()}this.closePopover()}updateCalendarView(){const e=(0,a.xP)((0,a.Nq)(this.inputElement.value||"").getTime())&&l.F[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",(0,a.Ey)(this.displayValueEpoch||this.timestamp,d.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,a.Ey)((0,a.Ln)(),d.wJ))),(0,o.EA)(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onPointerDown(e){setTimeout((()=>this.handleMouseCaretPositionChange(e)),d.SZ)}onFocus(){this.isReadOnly||setTimeout((()=>this.resetDisplay()))}resetDisplay(){this.inputElement.value||(this.inputElement.value=this.format),this.selectFirstCounter(),this.inputElement.setSelectionRange(0,this.sortedCounters[0].length)}onBlur(){this.opened||this.inputElement.value===this.format&&(this.inputElement.value="")}onFormatUpdate(e){Object.keys(l.F).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||d.ui;this.setAttribute("type","date"),this.setAttribute("pattern",l.F[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,i]=this.sortedCounters.map((e=>e.length));return[e<=t,e>=t&&e<=t+i+1,e>=t+i+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout((()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce(((e,t)=>e+t.length),this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)}))}resetDateCounters(){this.dateCounters.forEach((e=>e.clear()))}updateDateCounters(e){this.dateCounters.forEach((t=>{switch(t.id){case d.rR.MONTH.id:t.set(e.getMonth()+1);break;case d.rR.YEAR.id:t.set(e.getFullYear());break;case d.rR.DAY.id:t.set(e.getDate())}}))}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout((()=>{this.updateCountersDisplay(),this.setInputSelectionRange()}))}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout((()=>{this.value=e}))}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,i){super.attributeChangedCallback?.(e,t,i),t!==i&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==i),m.includes(e)?(i&&"format"===e&&this.onFormatUpdate(i),"initial-value"===e&&this.onInitialValueChange(i)):v.includes(e)&&(i?this.calendar?.setAttribute(e,i):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>d.nr.year.max||e.numberValue<d.nr.year.min,i=Object.entries(this.getDateVals()).some((([e,t])=>{const i=this.getCounterById(e);return!t||i.numberValue!==t}));return t||i}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};try{const t=(0,a.Nq)(this.timestamp);e.month=t.getMonth()+1,e.day=t.getDate(),e.year=t.getFullYear()}catch(e){}return e}resetToInitialState(){this.resetDateCounters(),this.selectFirstCounter(),this.resetDisplay()}onCut(e){e.preventDefault(),this.isSelectAll?(this.#l(this.countersValue),this.resetToInitialState()):(this.#l(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#l(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),i=(0,a.Rm)(t,this.format);if(i)this.value=i.getTime(),this.onDateCounterChange(),setTimeout((()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length)));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout((()=>this.setInputSelectionRange())))}}});customElements.define(g,k)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9257],{6424:(e,t,i)=>{i.d(t,{A:()=>C});const{host:r,label:n,placeholder:o,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:d,errorMessage:h,disabledPlaceholder:c,inputDisabled:u,inputIcon:g,externalInput:y,externalInputDisabled:m,externalPlaceholder:v,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},C={fontSize:[{},r],fontFamily:[n,a,d,h],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...s,property:"color"},{...n,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...h,property:"color"},errorMessageIcon:{...h,property:"background-image"},errorMessageIconSize:{...h,property:"background-size"},errorMessageIconPadding:{...h,property:"padding-inline-start"},errorMessageIconRepeat:{...h,property:"background-repeat"},errorMessageIconPosition:{...h,property:"background-position"},errorMessageFontSize:{...h,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...u,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...l,property:"text-align"},{...y,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...v,property:"color"},{...o,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...n,property:"position"},labelTopPosition:{...n,property:"top"},labelHorizontalPosition:[{...n,property:"left"},{...n,property:"right"}],inputTransformY:{...n,property:"transform"},inputTransition:{...n,property:"transition"},marginInlineStart:{...n,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...v,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},21374:(e,t,i)=>{i.r(t),i.d(t,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(79275);customElements.define(r.T,r.w)},79275:(e,t,i)=>{i.d(t,{T:()=>l,w:()=>d});var r=i(79365),n=i(6424),o=i(9696),s=i(97810),a=i(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],d=(0,o.Zz)((0,r.RF)({mappings:n.A}),r.VO,(0,r.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),r.tQ,(e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},i={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",(()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,i),setTimeout((()=>{Object.assign(this.icon,t)}),5e3)}))}onLabelClick(){this.focus()}attributeChangedCallback(e,t,i){super.attributeChangeCallback?.(e,t,i),"type"===e&&this.baseElement._setType(i),t!==i&&("label-type"===e?"floating"===i?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===i))}}))((0,r.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${d.cssVarList.inputOutlineWidth}) + var(${d.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,a.$J)("vaadin-text-field")}\n\t\t\t${(0,a.cy)(d.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,a.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))},79981:(e,t,i)=>{i.r(t),i.d(t,{DateFieldClass:()=>k,componentName:()=>g}),i(45992),i(88350),i(21374);var r=i(3393),n=i(79365),o=i(97810),s=i(9696),a=i(49224),l=i(77421),p=i(80071),d=i(64101);class h{#e=Object.freeze([]);constructor({id:e,min:t,max:i,placeholder:r},n){this.id=e,this.min=t,this.max=i,this.placeholder=r,this.onChange=n}get data(){return this.#e}set data(e){this.#e=Object.freeze(e),this.onChange?.()}get#t(){return this.data.length?this.numberValue:0}get numberValue(){return Number(this.stringValue)}get stringValue(){return(this.data.join("")||this.placeholder).padStart(this.length,"0")}get isFull(){return 10*this.numberValue>this.max||this.data.length===this.length}get isEmpty(){return this.stringValue===this.placeholder}get length(){return this.max.toString().length}set(e){this.data=e.toString().split("")}add(e){let t=this.data;return t=[...t,e],Number(t.join(""))>this.max?t=[e]:this.length<t.length&&(t=t.slice(1,t.length)),this.data=t,e}del(){this.data.filter((e=>"0"!==e)).filter(Boolean).length?this.data=this.data.slice(0,this.data.length-1):this.data=[]}clear(){this.data=[]}inc(e){this.replaceValue(this.#t<this.max?Math.max(this.#t+(e||1),this.min):this.min)}dec(e){this.replaceValue(this.#t>this.min?Math.min(this.#t-(e||1),this.max):this.max)}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}setMin(e){this.min=Number(e)}setMax(e){this.max=Number(e)}}var c=i(79275),u=i(25964);const g=(0,o.xE)("date-field"),y=(0,r.y)({componentName:g,baseSelector:"vaadin-popover"}),m=["format","opened","initial-value","readonly","disable-calendar","utc-time"],v=["years-range","calendar-months","calendar-weekdays"],b=[...m,...v],C=c.w.cssVarList,{host:f,input:x,inputEleRTL:E,toggleButton:w,overlay:I,backdrop:T,errorMessage:S}={host:{selector:()=>":host"},input:{selector:()=>"descope-text-field"},inputEleRTL:{selector:()=>':host([st-host-direction="rtl"]) descope-text-field'},toggleButton:{selector:()=>".toggle-calendar"},overlay:{selector:"vaadin-popover-overlay::part(overlay)"},backdrop:{selector:"vaadin-popover-overlay::part(backdrop)"}},k=(0,s.Zz)((0,n.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,n.RF)({mappings:{iconMargin:{...w,property:"margin-inline-end"},hostWidth:{...f,property:"width"},hostDirection:{...f,property:"direction"},textAlign:{...x,property:"text-align"},rtlInputDirection:{...E,property:C.inputDirection},rtlInputAlignment:{...E,property:C.inputTextAlign},overlayGap:{property:()=>k.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>k.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>k.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>k.overlayBoxShadow},overlayOutlineWidth:{property:()=>k.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>k.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>k.cssVarList.overlayOutlineStyle},errorMessageIcon:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageIcon},errorMessageIconSize:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageIconSize},errorMessageIconPadding:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageIconPadding},errorMessageIconRepeat:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageIconRepeat},errorMessageIconPosition:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageIconPosition},errorMessageFontSize:{selector:c.w.componentName,property:c.w.cssVarList.errorMessageFontSize}}}),(0,n.mA)({name:"overlay",selector:"",mappings:{marginTop:{...I,property:"margin-top"},backgroundColor:{...I},backdropBackgroundColor:{...T,property:"background-color"},backdropPointerEvents:{...T,property:"pointer-events"},padding:{...I},boxShadow:{...I},outlineWidth:{...I},outlineColor:{...I},outlineStyle:{...I}}}),n.VO,n.tQ)(class extends y{epoch="";format=d.ui;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.updateEpoch("");else{const e=l.F[this.format].getDate(this.inputElement.value);this.updateEpoch((0,a.xq)(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#i()};updateEpoch(e){this.epoch=e?(0,a.Nq)(e).getTime():""}dateCounters=[new h(d.rR.MONTH,this.onDateCounterChange.bind(this)),new h(d.rR.DAY,this.onDateCounterChange.bind(this)),new h(d.rR.YEAR,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(y.observedAttributes||[],b)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field inputmode="numeric">\n        <span slot="suffix" class="toggle-calendar">\n          ${p.ki}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `,(0,u.fz)('\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly="true"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar")}get validationTarget(){return this.inputElement}get opened(){return"true"===this.getAttribute("opened")}get displayValueEpoch(){const e=l.F[this.format].getDate(this.inputElement.value);return(0,a.mZ)(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(d.eT).map((e=>this.dateCounters.find((t=>t.placeholder===e))))}get activeCounter(){return this.sortedCounters[this.selectedCounterIdx]}get countersValue(){return this.sortedCounters.map((e=>e.stringValue)).join(d.eT)}get overlay(){return this.baseElement.shadowRoot?.querySelector("vaadin-popover-overlay")}get backdrop(){return this.overlay.shadowRoot?.querySelector("#backdrop")}get calendar(){return this.overlay?.querySelector("descope-calendar")}get isRTL(){const e=getComputedStyle(this.baseElement).getPropertyValue("direction");return e?"rtl"===e:"rtl"===this.getAttribute("st-host-direction")}get value(){return this.isInvalidDate()?"":this.epoch}set value(e){e?(this.updateEpoch(e),this.updateDateCounters((0,a.Nq)(e))):this.updateEpoch("")}get isCountersEmpty(){return this.dateCounters.every((e=>e.isEmpty))}get isCountersOutOfRange(){return this.dateCounters.some((e=>!e.isInRange(e.numberValue)))}get disableCalendar(){return"true"===this.getAttribute("disable-calendar")}get isUtcTime(){return"true"===this.getAttribute("utc-time")}get isSelectAll(){const e=this.inputElement.baseElement.inputElement;return e.value.length===e.selectionStart+e.selectionEnd}reportValidity(){this.inputElement.reportValidity()}#i(){this.inputElement.baseElement.dispatchEvent(new Event("input",{bubbles:!0}))}updateInputDisplay(){this.inputElement.value=(0,a.jO)((0,a.Nq)(this.countersValue).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.onDateCounterChange(),this.initInputElement(),setTimeout((()=>{this.#r()}),0)}initInputElement(){this.inputElement.getValidity=this.getValidity.bind(this),this.inputElement.baseElement.checkValidity=this.checkValidity.bind(this),this.popoverToggleButton.addEventListener("click",this.onPopoverToggle.bind(this)),this.inputElement.addEventListener("focus",this.onFocus.bind(this)),this.inputElement.addEventListener("blur",this.onBlur.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyboard.bind(this)),this.inputElement.addEventListener("beforeinput",this.handleInput.bind(this)),this.inputElement.addEventListener("pointerdown",this.onPointerDown.bind(this)),this.inputElement.addEventListener("paste",this.onPaste.bind(this)),(0,o.EA)(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","bordered","data-errormessage-value-missing","data-errormessage-pattern-mismatch","data-errormessage-range-underflow","data-errormessage-range-overflow","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"]})}handleInput(e){e.preventDefault(),this.handleSelectAll(),e.data&&(0,a.Et)(e.data)?(this.parseDigits(e.data),this.updateCountersDisplay()):e.inputType&&this.handleNavKeys(e)}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#n.bind(this),this.baseElement.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation()}))}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#o;#n(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#s()),(0,a.Xs)(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout((()=>{this.#a(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)}),100)}#a(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#o?.remove();const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),r=this.calendar.getBoundingClientRect(),n=this.isRTL?"right":"left",o=i[n]-r[n],s=r.left,a=t.width-r.right;let l;l=o>0?Math.min(o,a):-1*Math.min(Math.abs(o),s),(0,u.fz)(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#s(){const e=document.createElement("span");e.innerHTML="<descope-calendar></descope-calendar>";const t=e.querySelector("descope-calendar");return t.addEventListener("date-submit",this.onCalendarSubmit.bind(this)),t.addEventListener("cancel",this.closePopover.bind(this)),e}#r(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){this.disableCalendar||this.setAttribute("opened","true")}closePopover(){this.removeAttribute("opened"),this.inputElement.focus()}getCounterById(e){return this.dateCounters.find((t=>t.id===e))}onCalendarSubmit(){if(!this.isReadOnly){if(!this.calendar.value)return;const e=(0,a.Nq)(this.calendar.value);this.value=(0,a.xq)(e,this.isUtcTime),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.#i()}this.closePopover()}updateCalendarView(){const e=(0,a.mZ)((0,a.Nq)(this.inputElement.value||"").getTime())&&l.F[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",(0,a.jO)(this.displayValueEpoch||this.epoch,d.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,a.jO)((0,a.Ln)(),d.wJ))),(0,o.EA)(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onPointerDown(e){setTimeout((()=>this.handleMouseCaretPositionChange(e)),d.SZ)}onFocus(){this.isReadOnly||setTimeout((()=>this.resetDisplay()))}resetDisplay(){this.inputElement.value||(this.inputElement.value=this.format),this.selectFirstCounter(),this.inputElement.setSelectionRange(0,this.sortedCounters[0].length)}onBlur(){this.opened||this.inputElement.value===this.format&&(this.inputElement.value="")}onFormatUpdate(e){Object.keys(l.F).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||d.ui;this.setAttribute("type","date"),this.setAttribute("pattern",l.F[e].pattern)}parseDigits(e){this.activeCounter.add(e),this.activeCounter.isFull&&this.selectNextCounter(),this.setInputSelectionRange()}getCounterIdx(e){const[t,i]=this.sortedCounters.map((e=>e.length));return[e<=t,e>=t&&e<=t+i+1,e>=t+i+2].indexOf(!0)}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target?.selectionStart||this.inputElement.selectionStart)}selectFirstCounter(){this.selectedCounterIdx=0}selectNextCounter(){this.selectedCounterIdx<this.dateCounters.length&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx+1,2))}selectPrevCounter(){this.selectedCounterIdx>0&&(this.selectedCounterIdx=Math.min(this.selectedCounterIdx-1,1))}setInputSelectionRange(){this.selectedCounterIdx<0||setTimeout((()=>{const e=this.sortedCounters.slice(0,this.selectedCounterIdx).reduce(((e,t)=>e+t.length),this.selectedCounterIdx);this.inputElement.setSelectionRange(e,e+this.sortedCounters[this.selectedCounterIdx].length)}))}resetDateCounters(){this.dateCounters.forEach((e=>e.clear()))}updateDateCounters(e){this.dateCounters.forEach((t=>{switch(t.id){case d.rR.MONTH.id:t.set(e.getMonth()+1);break;case d.rR.YEAR.id:t.set(e.getFullYear());break;case d.rR.DAY.id:t.set(e.getDate())}}))}handleKeyboard(e){e.metaKey||e.ctrlKey?"x"===e.key.toLowerCase()&&this.onCut(e):(this.handleSelectAll(),"ArrowUp"===e.key?this.activeCounter.inc():"ArrowDown"===e.key?this.activeCounter.dec():"ArrowRight"===e.key?this.selectNextCounter():"ArrowLeft"===e.key&&this.selectPrevCounter(),this.setInputSelectionRange())}handleNavKeys(e){this.isReadOnly||(this.opened&&this.closePopover(),this.activeCounter&&("deleteContentBackward"===e.inputType&&this.handleBackspace(),this.setInputSelectionRange()))}handleBackspace(){if(this.isSelectAll)return void this.resetToInitialState();const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.set(""),setTimeout((()=>{this.updateCountersDisplay(),this.setInputSelectionRange()}))}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout((()=>{this.value=e}))}togglePopoverAccess(e){e?this.popoverToggleButton.classList.remove("hidden"):this.popoverToggleButton.classList.add("hidden")}attributeChangedCallback(e,t,i){super.attributeChangedCallback?.(e,t,i),t!==i&&("disable-calendar"===e&&this.togglePopoverAccess("true"!==i),m.includes(e)?(i&&"format"===e&&this.onFormatUpdate(i),"initial-value"===e&&this.onInitialValueChange(i)):v.includes(e)&&(i?this.calendar?.setAttribute(e,i):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>d.nr.year.max||e.numberValue<d.nr.year.min,i=Object.entries(this.getDateVals()).some((([e,t])=>{const i=this.getCounterById(e);return!t||i.numberValue!==t}));return t||i}getValidity(){return this.isRequired&&this.isCountersEmpty?{valueMissing:!0}:this.isCountersOutOfRange||this.isInvalidDate()?{patternMismatch:!0}:{}}getDateVals(){const e={day:"",month:"",year:""};if(!this.epoch)return e;try{const t=(0,a.Nq)(this.epoch);this.isUtcTime?(e.month=t.getUTCMonth()+1,e.day=t.getUTCDate(),e.year=t.getUTCFullYear()):(e.month=t.getMonth()+1,e.day=t.getDate(),e.year=t.getFullYear())}catch(e){}return e}resetToInitialState(){this.resetDateCounters(),this.selectFirstCounter(),this.resetDisplay()}onCut(e){e.preventDefault(),this.isSelectAll?(this.#l(this.countersValue),this.resetToInitialState()):(this.#l(this.activeCounter.stringValue),this.activeCounter.set("")),this.setInputSelectionRange()}#l(e){try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy date value:",e)}}onPaste(e){e.preventDefault();const t=(e.clipboardData||window.clipboardData).getData("Text"),i=(0,a.Rm)(t,this.format);if(i)this.value=(0,a.xq)(i,this.isUtcTime),this.onDateCounterChange(),setTimeout((()=>this.inputElement.setSelectionRange(0,this.inputElement.value.length)));else{const e=Number(t);e&&this.activeCounter.min<=e&&this.activeCounter.max>=e&&(this.activeCounter.set(String(e)),setTimeout((()=>this.setInputSelectionRange())))}}});customElements.define(g,k)}}]);
 //# sourceMappingURL=descope-date-field-index-js.js.map

package/dist/umd/descope-date-field-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/index.js"],"sourcesContent":["const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  #data = Object.freeze([]);\n\n  constructor({ id, min, max, placeholder }, onChange) {\n    this.id = id;\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\n    this.onChange = onChange;\n  }\n\n  get data() {\n    return this.#data;\n  }\n\n  set data(val) {\n    this.#data = Object.freeze(val);\n    this.onChange?.();\n  }\n\n  get #initialNumValue() {\n    return this.data.length ? this.numberValue : 0;\n  }\n\n  get numberValue() {\n    return Number(this.stringValue);\n  }\n\n  get stringValue() {\n    return (this.data.join('') || this.placeholder).padStart(this.length, '0');\n  }\n\n  get isFull() {\n    return this.numberValue * 10 > this.max || this.data.length === this.length;\n  }\n\n  get isEmpty() {\n    return this.stringValue === this.placeholder;\n  }\n\n  get length() {\n    return this.max.toString().length;\n  }\n\n  set(val) {\n    this.data = val.toString().split('');\n  }\n\n  add(num) {\n    // use local var to avoid triggering onChange\n    let data = this.data;\n\n    data = [...data, num];\n\n    // we need to re-evaluate the number value\n    const numVal = Number(data.join(''));\n\n    if (numVal > this.max) {\n      data = [num];\n    } else if (this.length < data.length) {\n      data = data.slice(1, data.length);\n    }\n\n    this.data = data;\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data = [];\n    } else {\n      this.data = this.data.slice(0, this.data.length - 1);\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(\n      this.#initialNumValue < this.max\n        ? Math.max(this.#initialNumValue + (gap || 1), this.min)\n        : this.min\n    );\n  }\n\n  dec(gap) {\n    this.replaceValue(\n      this.#initialNumValue > this.min\n        ? Math.min(this.#initialNumValue - (gap || 1), this.max)\n        : this.max\n    );\n  }\n\n  isInRange(val) {\n    return val >= this.min && val <= this.max;\n  }\n\n  replaceValue(val) {\n    if (this.isInRange(val)) {\n      this.data = val.toString().padStart(this.length, 0).split('');\n    }\n  }\n\n  setMin(val) {\n    this.min = Number(val);\n  }\n\n  setMax(val) {\n    this.max = Number(val);\n  }\n}\n","import { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  newDate,\n  isValidTimestamp,\n  formatTimestamp,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport {\n  counterConfig,\n  DEFAULT_FORMAT,\n  DIVIDER,\n  MOBILE_DEVICE_INTERACTION_TIMEOUT_MS,\n  NATIVE_FORMAT,\n  valRange,\n} from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { parseDateString } from './helpers';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly', 'disable-calendar'];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  timestamp = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  updateCountersDisplay() {\n    this.inputElement.value = this.countersValue;\n  }\n\n  updateValue() {\n    if (this.isCountersOutOfRange) {\n      this.updateTimestamp('');\n    } else {\n      const date = formats[this.format].getDate(this.inputElement.value);\n      this.updateTimestamp(date.getTime());\n    }\n  }\n\n  onDateCounterChange = () => {\n    this.updateCountersDisplay();\n    this.updateValue();\n    // update validity\n    this.#dispatchInput();\n  };\n\n  updateTimestamp(epochOrDate) {\n    if (!epochOrDate) {\n      this.timestamp = '';\n    } else {\n      this.timestamp = newDate(epochOrDate).getTime();\n    }\n  }\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.DAY, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.YEAR, this.onDateCounterChange.bind(this)),\n  ];\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div>\n      <descope-text-field inputmode=\"numeric\">\n        <span slot=\"suffix\" class=\"toggle-calendar\">\n          ${calendarIcon}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly=\"true\"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        `,\n      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n  }\n\n  get validationTarget() {\n    return this.inputElement;\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a timestamp\n  get displayValueEpoch() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidTimestamp(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    if (this.isInvalidDate()) {\n      return '';\n    }\n    return this.timestamp;\n  }\n\n  set value(val) {\n    if (val) {\n      this.updateTimestamp(val);\n      this.updateDateCounters(newDate(val));\n    } else {\n      this.updateTimestamp('');\n    }\n  }\n\n  get isCountersEmpty() {\n    return this.dateCounters.every((dc) => dc.isEmpty);\n  }\n\n  get isCountersOutOfRange() {\n    return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));\n  }\n\n  get disableCalendar() {\n    return this.getAttribute('disable-calendar') === 'true';\n  }\n\n  get isSelectAll() {\n    const inputEle = this.inputElement.baseElement.inputElement;\n    return inputEle.value.length === inputEle.selectionStart + inputEle.selectionEnd;\n  }\n\n  reportValidity() {\n    this.inputElement.reportValidity();\n  }\n\n  #dispatchInput() {\n    this.inputElement.baseElement.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatTimestamp(newDate(this.countersValue).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.onDateCounterChange();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\n    this.inputElement.getValidity = this.getValidity.bind(this);\n    this.inputElement.baseElement.checkValidity = this.checkValidity.bind(this);\n\n    this.popoverToggleButton.addEventListener('click', this.onPopoverToggle.bind(this));\n\n    this.inputElement.addEventListener('focus', this.onFocus.bind(this));\n    this.inputElement.addEventListener('blur', this.onBlur.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyboard.bind(this));\n    this.inputElement.addEventListener('beforeinput', this.handleInput.bind(this));\n    this.inputElement.addEventListener('pointerdown', this.onPointerDown.bind(this));\n    this.inputElement.addEventListener('paste', this.onPaste.bind(this));\n\n    forwardAttrs(this, this.inputElement, {\n      includeAttrs: [\n        'label',\n        'label-type',\n        'placeholder',\n        'disabled',\n        'readonly',\n        'bordered',\n        'required',\n        'full-width',\n        'st-host-direction',\n        'pattern',\n        'bordered',\n        'data-errormessage-value-missing',\n        'data-errormessage-pattern-mismatch',\n        'data-errormessage-range-underflow',\n        'data-errormessage-range-overflow',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n  }\n\n  handleInput(e) {\n    e.preventDefault();\n\n    this.handleSelectAll();\n\n    if (e.data && isNumber(e.data)) {\n      this.parseDigits(e.data);\n      this.updateCountersDisplay();\n    } else if (e.inputType) {\n      this.handleNavKeys(e);\n    }\n  }\n\n  initPopover() {\n    this.baseElement.trigger = ['click'];\n    this.baseElement.withBackdrop = true;\n    this.baseElement.renderer = this.#popoverRenderer.bind(this);\n\n    // block popover events from focusing/blurring the text-field\n    this.baseElement.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n    });\n  }\n\n  handleSelectAll() {\n    if (this.isSelectAll) {\n      this.selectFirstCounter();\n    }\n  }\n\n  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Remove previously added stylesheets\n    this.#popoverPosStylesheet?.remove();\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    injectStyle(\n      `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `,\n      popover\n    );\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    if (this.disableCalendar) return;\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = calendarDate.getTime();\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.#dispatchInput();\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidTimestamp(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.displayValueEpoch || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatTimestamp(this.displayValueEpoch || this.timestamp, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatTimestamp(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  // In mobile devices, there are cases were `pointerdown` is triggered\n  // instead of `click`.\n  onPointerDown(e) {\n    setTimeout(() => this.handleMouseCaretPositionChange(e), MOBILE_DEVICE_INTERACTION_TIMEOUT_MS);\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    // We need to wait for focus to end before we set selection\n    setTimeout(() => this.resetDisplay());\n  }\n\n  resetDisplay() {\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n    }\n\n    // On focus select the first counter\n    this.selectFirstCounter();\n    // set selection on first counter\n    this.inputElement.setSelectionRange(0, this.sortedCounters[0].length);\n  }\n\n  onBlur() {\n    if (this.opened) {\n      return;\n    }\n\n    if (this.inputElement.value === this.format) {\n      this.inputElement.value = '';\n    }\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  parseDigits(value) {\n    this.activeCounter.add(value);\n\n    if (this.activeCounter.isFull) {\n      this.selectNextCounter();\n    }\n\n    // We wait for the digit to be parsed, and only then set the selection.\n    // Failing to do so results in unexpected \"jump\" of the screen in mobile devices.\n    this.setInputSelectionRange();\n  }\n\n  getCounterIdx(caretPos) {\n    const [counter1ln, counter2ln] = this.sortedCounters.map((dc) => dc.length);\n\n    const c1 = caretPos <= counter1ln;\n    const c2 = caretPos >= counter1ln && caretPos <= counter1ln + counter2ln + 1;\n    const c3 = caretPos >= counter1ln + counter2ln + 2;\n\n    return [c1, c2, c3].indexOf(true);\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(\n      // if triggered by touch event, target might not include `selectionStart`\n      // in that case we fall back to the inputElement's `selectionStart` value.\n      // Therefore, it is recommended to run this function with setTimeout,\n      // at least for mobile events.\n      e.target?.selectionStart || this.inputElement.selectionStart\n    );\n  }\n\n  selectFirstCounter() {\n    this.selectedCounterIdx = 0;\n  }\n\n  selectNextCounter() {\n    if (this.selectedCounterIdx < this.dateCounters.length) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx + 1, 2);\n    }\n  }\n\n  selectPrevCounter() {\n    if (this.selectedCounterIdx > 0) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx - 1, 1);\n    }\n  }\n\n  // Sets the text selection range in the input element based on the selected counter.\n  // The function calculates the starting position of the selection by summing the lengths\n  // of all counters before the currently selected counter (`selectedCounterIdx`).\n  // It then selects the entire length of the current counter in the input element.\n  setInputSelectionRange() {\n    // For preview/readonly state we don't have a caret or a caretIdx, so we skip setting input selection range\n    if (this.selectedCounterIdx < 0) {\n      return;\n    }\n\n    // We wait for before setting the selection, otherwise there's an\n    // unexpected \"jump\" of the screen in mobile devices.\n    setTimeout(() => {\n      const caretStart = this.sortedCounters\n        .slice(0, this.selectedCounterIdx)\n        .reduce((acc, counter) => acc + counter.length, this.selectedCounterIdx);\n\n      this.inputElement.setSelectionRange(\n        caretStart,\n        caretStart + this.sortedCounters[this.selectedCounterIdx].length\n      );\n    });\n  }\n\n  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyboard(e) {\n    if (e.metaKey || e.ctrlKey) {\n      if (e.key.toLowerCase() === 'x') {\n        this.onCut(e);\n      }\n\n      return;\n    }\n\n    this.handleSelectAll();\n\n    if (e.key === 'ArrowUp') {\n      this.activeCounter.inc();\n    } else if (e.key === 'ArrowDown') {\n      this.activeCounter.dec();\n    } else if (e.key === 'ArrowRight') {\n      this.selectNextCounter();\n    } else if (e.key === 'ArrowLeft') {\n      this.selectPrevCounter();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleNavKeys(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (!this.activeCounter) return;\n\n    if (e.inputType === 'deleteContentBackward') {\n      this.handleBackspace();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleBackspace() {\n    if (this.isSelectAll) {\n      this.resetToInitialState();\n      return;\n    }\n\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.set('');\n    }\n\n    // To support keyboards like SwiftKey, we need to re-render the counters display and selection,\n    // otherwise we get an unexpected behavior, where the format is deleted.\n    setTimeout(() => {\n      this.updateCountersDisplay();\n      this.setInputSelectionRange();\n    });\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      this.value = val;\n    });\n  }\n\n  togglePopoverAccess(visibility) {\n    if (visibility) {\n      this.popoverToggleButton.classList.remove('hidden');\n    } else {\n      this.popoverToggleButton.classList.add('hidden');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'disable-calendar') {\n        this.togglePopoverAccess(newValue !== 'true');\n      }\n      if (dateFieldAttrs.includes(attrName)) {\n        if (newValue && attrName === 'format') {\n          this.onFormatUpdate(newValue);\n        }\n        if (attrName === 'initial-value') {\n          this.onInitialValueChange(newValue);\n        }\n      } else if (calendarAttrs.includes(attrName)) {\n        if (newValue) {\n          this.calendar?.setAttribute(attrName, newValue);\n        } else {\n          this.calendar?.removeAttribute(attrName);\n        }\n      }\n    }\n  }\n\n  // we want to validate the date supplied actually exists. For example: Feb 31 is not an actual date,\n  // but in JS when create a `new Date('1999-02-31') we get March 2nd 1999.\n  // To prevent this error from being submitted, we evaluate the\n  // date parts against their generated Date value.\n  isInvalidDate() {\n    const yearCounter = this.getCounterById('year');\n    const isYearOutOfRange =\n      yearCounter.numberValue > valRange['year'].max ||\n      yearCounter.numberValue < valRange['year'].min;\n\n    const isDateDisplayMismatch = Object.entries(this.getDateVals()).some(([key, val]) => {\n      const counter = this.getCounterById(key);\n      return !val || counter.numberValue !== val;\n    });\n\n    return isYearOutOfRange || isDateDisplayMismatch;\n  }\n\n  getValidity() {\n    if (this.isRequired && this.isCountersEmpty) {\n      return { valueMissing: true };\n    }\n\n    if (this.isCountersOutOfRange || this.isInvalidDate()) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  getDateVals() {\n    const ret = {\n      day: '',\n      month: '',\n      year: '',\n    };\n\n    try {\n      const date = newDate(this.timestamp);\n\n      ret.month = date.getMonth() + 1;\n      ret.day = date.getDate();\n      ret.year = date.getFullYear();\n    } catch (e) {}\n\n    return ret;\n  }\n\n  resetToInitialState() {\n    this.resetDateCounters();\n    this.selectFirstCounter();\n    this.resetDisplay();\n  }\n\n  onCut(e) {\n    e.preventDefault();\n\n    if (this.isSelectAll) {\n      this.#copyToClipboard(this.countersValue);\n      this.resetToInitialState();\n    } else {\n      this.#copyToClipboard(this.activeCounter.stringValue);\n      this.activeCounter.set('');\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  #copyToClipboard(value) {\n    try {\n      navigator.clipboard.writeText(value);\n    } catch (err) {\n      console.error('Failed to copy date value:', err);\n    }\n  }\n\n  onPaste(e) {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData || window.clipboardData;\n    const pastedData = clipboardData.getData('Text');\n\n    // try paste entire date if valid\n    const validDate = parseDateString(pastedData, this.format);\n\n    if (validDate) {\n      this.value = validDate.getTime();\n      this.onDateCounterChange();\n\n      // select all\n      setTimeout(() => this.inputElement.setSelectionRange(0, this.inputElement.value.length));\n    } else {\n      const value = Number(pastedData);\n\n      // try paste in counter if possible\n      if (value && this.activeCounter.min <= value && this.activeCounter.max >= value) {\n        // use String to get rid of any zero padding\n        this.activeCounter.set(String(value));\n\n        setTimeout(() => this.setInputSelectionRange());\n      }\n    }\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop, errorMessage } = {\n  host: { selector: () => ':host' },\n  input: { selector: () => 'descope-text-field' },\n  inputEleRTL: { selector: () => ':host([st-host-direction=\"rtl\"]) descope-text-field' },\n  toggleButton: { selector: () => '.toggle-calendar' },\n  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },\n  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },\n};\n\nexport const DateFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      iconMargin: { ...toggleButton, property: 'margin-inline-end' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      textAlign: { ...input, property: 'text-align' },\n      rtlInputDirection: { ...inputEleRTL, property: textVars.inputDirection },\n      rtlInputAlignment: { ...inputEleRTL, property: textVars.inputTextAlign },\n      overlayGap: {\n        property: () => DateFieldClass.cssVarList.overlayGap,\n      },\n      overlayBackgroundColor: {\n        property: () => DateFieldClass.cssVarList.overlayBackgroundColor,\n      },\n      overlayPadding: {\n        property: () => DateFieldClass.cssVarList.overlayPadding,\n      },\n      overlayBoxShadow: { property: () => DateFieldClass.overlayBoxShadow },\n      overlayOutlineWidth: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineWidth,\n      },\n      overlayOutlineColor: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineColor,\n      },\n      overlayOutlineStyle: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineStyle,\n      },\n      errorMessageIcon: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconSize,\n      },\n      errorMessageIconPadding: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPadding,\n      },\n      errorMessageIconRepeat: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPosition,\n      },\n      errorMessageFontSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontSize,\n      },\n    },\n  }),\n  portalMixin({\n    name: 'overlay',\n    selector: '',\n    mappings: {\n      marginTop: { ...overlay, property: 'margin-top' },\n      backgroundColor: { ...overlay },\n      backdropBackgroundColor: { ...backdrop, property: 'background-color' },\n      backdropPointerEvents: { ...backdrop, property: 'pointer-events' },\n      padding: { ...overlay },\n      boxShadow: { ...overlay },\n      outlineWidth: { ...overlay },\n      outlineColor: { ...overlay },\n      outlineStyle: { ...overlay },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawDateFieldClass);\n","import '@vaadin/popover/src/vaadin-popover';\nimport './descope-calendar';\nimport '../descope-text-field';\n\nimport { componentName, DateFieldClass } from './DateFieldClass';\n\ncustomElements.define(componentName, DateFieldClass);\n\nexport { DateFieldClass, componentName };\n"],"names":["host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","customElements","define","componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","excludeAttrsSync","DateCounter","freeze","constructor","id","min","max","onChange","data","val","length","numberValue","Number","stringValue","join","padStart","isFull","isEmpty","toString","set","split","add","num","slice","del","filter","d","Boolean","clear","inc","gap","replaceValue","Math","dec","isInRange","setMin","setMax","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","textVars","inputEleRTL","toggleButton","overlay","backdrop","DateFieldClass","componentNameOverride","iconMargin","rtlInputDirection","rtlInputAlignment","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","timestamp","format","selectedCounterIdx","updateCountersDisplay","inputElement","countersValue","updateValue","isCountersOutOfRange","updateTimestamp","date","formats","getDate","getTime","onDateCounterChange","epochOrDate","dateCounters","MONTH","bind","DAY","YEAR","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","sortedCounters","map","find","dc","activeCounter","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","updateDateCounters","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","updateFormatPattern","initPopover","initInputElement","getValidity","checkValidity","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","closePopover","setProperty","updateCalendarView","popover","windowRect","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","ele","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","validate","clearValue","resetDisplay","setSelectionRange","onFormatUpdate","keys","includes","pattern","selectNextCounter","setInputSelectionRange","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","target","selectPrevCounter","caretStart","reduce","acc","counter","resetDateCounters","forEach","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","oldValue","newValue","yearCounter","isYearOutOfRange","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","year","err","console","error","pastedData","clipboardData","window","getData","validDate","String"],"sourceRoot":""}
+{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/index.js"],"sourcesContent":["const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n","// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  #data = Object.freeze([]);\n\n  constructor({ id, min, max, placeholder }, onChange) {\n    this.id = id;\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\n    this.onChange = onChange;\n  }\n\n  get data() {\n    return this.#data;\n  }\n\n  set data(val) {\n    this.#data = Object.freeze(val);\n    this.onChange?.();\n  }\n\n  get #initialNumValue() {\n    return this.data.length ? this.numberValue : 0;\n  }\n\n  get numberValue() {\n    return Number(this.stringValue);\n  }\n\n  get stringValue() {\n    return (this.data.join('') || this.placeholder).padStart(this.length, '0');\n  }\n\n  get isFull() {\n    return this.numberValue * 10 > this.max || this.data.length === this.length;\n  }\n\n  get isEmpty() {\n    return this.stringValue === this.placeholder;\n  }\n\n  get length() {\n    return this.max.toString().length;\n  }\n\n  set(val) {\n    this.data = val.toString().split('');\n  }\n\n  add(num) {\n    // use local var to avoid triggering onChange\n    let data = this.data;\n\n    data = [...data, num];\n\n    // we need to re-evaluate the number value\n    const numVal = Number(data.join(''));\n\n    if (numVal > this.max) {\n      data = [num];\n    } else if (this.length < data.length) {\n      data = data.slice(1, data.length);\n    }\n\n    this.data = data;\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data = [];\n    } else {\n      this.data = this.data.slice(0, this.data.length - 1);\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(\n      this.#initialNumValue < this.max\n        ? Math.max(this.#initialNumValue + (gap || 1), this.min)\n        : this.min\n    );\n  }\n\n  dec(gap) {\n    this.replaceValue(\n      this.#initialNumValue > this.min\n        ? Math.min(this.#initialNumValue - (gap || 1), this.max)\n        : this.max\n    );\n  }\n\n  isInRange(val) {\n    return val >= this.min && val <= this.max;\n  }\n\n  replaceValue(val) {\n    if (this.isInRange(val)) {\n      this.data = val.toString().padStart(this.length, 0).split('');\n    }\n  }\n\n  setMin(val) {\n    this.min = Number(val);\n  }\n\n  setMax(val) {\n    this.max = Number(val);\n  }\n}\n","import { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  newDate,\n  isValidEpoch,\n  formatEpoch,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n  dateToEpoch,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport {\n  counterConfig,\n  DEFAULT_FORMAT,\n  DIVIDER,\n  MOBILE_DEVICE_INTERACTION_TIMEOUT_MS,\n  NATIVE_FORMAT,\n  valRange,\n} from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { parseDateString } from './helpers';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = [\n  'format',\n  'opened',\n  'initial-value',\n  'readonly',\n  'disable-calendar',\n  'utc-time',\n];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  epoch = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  updateCountersDisplay() {\n    this.inputElement.value = this.countersValue;\n  }\n\n  updateValue() {\n    if (this.isCountersOutOfRange) {\n      this.updateEpoch('');\n    } else {\n      const date = formats[this.format].getDate(this.inputElement.value);\n      this.updateEpoch(dateToEpoch(date, this.isUtcTime));\n    }\n  }\n\n  onDateCounterChange = () => {\n    this.updateCountersDisplay();\n    this.updateValue();\n    // update validity\n    this.#dispatchInput();\n  };\n\n  updateEpoch(epochOrDate) {\n    if (!epochOrDate) {\n      this.epoch = '';\n    } else {\n      this.epoch = newDate(epochOrDate).getTime();\n    }\n  }\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.DAY, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.YEAR, this.onDateCounterChange.bind(this)),\n  ];\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div>\n      <descope-text-field inputmode=\"numeric\">\n        <span slot=\"suffix\" class=\"toggle-calendar\">\n          ${calendarIcon}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly=\"true\"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        `,\n      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n  }\n\n  get validationTarget() {\n    return this.inputElement;\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a epoch\n  get displayValueEpoch() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidEpoch(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    if (this.isInvalidDate()) {\n      return '';\n    }\n    return this.epoch;\n  }\n\n  set value(val) {\n    if (val) {\n      this.updateEpoch(val);\n      this.updateDateCounters(newDate(val));\n    } else {\n      this.updateEpoch('');\n    }\n  }\n\n  get isCountersEmpty() {\n    return this.dateCounters.every((dc) => dc.isEmpty);\n  }\n\n  get isCountersOutOfRange() {\n    return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));\n  }\n\n  get disableCalendar() {\n    return this.getAttribute('disable-calendar') === 'true';\n  }\n\n  get isUtcTime() {\n    return this.getAttribute('utc-time') === 'true';\n  }\n\n  get isSelectAll() {\n    const inputEle = this.inputElement.baseElement.inputElement;\n    return inputEle.value.length === inputEle.selectionStart + inputEle.selectionEnd;\n  }\n\n  reportValidity() {\n    this.inputElement.reportValidity();\n  }\n\n  #dispatchInput() {\n    this.inputElement.baseElement.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatEpoch(newDate(this.countersValue).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.onDateCounterChange();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\n    this.inputElement.getValidity = this.getValidity.bind(this);\n    this.inputElement.baseElement.checkValidity = this.checkValidity.bind(this);\n\n    this.popoverToggleButton.addEventListener('click', this.onPopoverToggle.bind(this));\n\n    this.inputElement.addEventListener('focus', this.onFocus.bind(this));\n    this.inputElement.addEventListener('blur', this.onBlur.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyboard.bind(this));\n    this.inputElement.addEventListener('beforeinput', this.handleInput.bind(this));\n    this.inputElement.addEventListener('pointerdown', this.onPointerDown.bind(this));\n    this.inputElement.addEventListener('paste', this.onPaste.bind(this));\n\n    forwardAttrs(this, this.inputElement, {\n      includeAttrs: [\n        'label',\n        'label-type',\n        'placeholder',\n        'disabled',\n        'readonly',\n        'bordered',\n        'required',\n        'full-width',\n        'st-host-direction',\n        'pattern',\n        'bordered',\n        'data-errormessage-value-missing',\n        'data-errormessage-pattern-mismatch',\n        'data-errormessage-range-underflow',\n        'data-errormessage-range-overflow',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n  }\n\n  handleInput(e) {\n    e.preventDefault();\n\n    this.handleSelectAll();\n\n    if (e.data && isNumber(e.data)) {\n      this.parseDigits(e.data);\n      this.updateCountersDisplay();\n    } else if (e.inputType) {\n      this.handleNavKeys(e);\n    }\n  }\n\n  initPopover() {\n    this.baseElement.trigger = ['click'];\n    this.baseElement.withBackdrop = true;\n    this.baseElement.renderer = this.#popoverRenderer.bind(this);\n\n    // block popover events from focusing/blurring the text-field\n    this.baseElement.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n    });\n  }\n\n  handleSelectAll() {\n    if (this.isSelectAll) {\n      this.selectFirstCounter();\n    }\n  }\n\n  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Remove previously added stylesheets\n    this.#popoverPosStylesheet?.remove();\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    injectStyle(\n      `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `,\n      popover\n    );\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    if (this.disableCalendar) return;\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = dateToEpoch(calendarDate, this.isUtcTime);\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.#dispatchInput();\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidEpoch(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.displayValueEpoch || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatEpoch(this.displayValueEpoch || this.epoch, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatEpoch(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  // In mobile devices, there are cases were `pointerdown` is triggered\n  // instead of `click`.\n  onPointerDown(e) {\n    setTimeout(() => this.handleMouseCaretPositionChange(e), MOBILE_DEVICE_INTERACTION_TIMEOUT_MS);\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    // We need to wait for focus to end before we set selection\n    setTimeout(() => this.resetDisplay());\n  }\n\n  resetDisplay() {\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n    }\n\n    // On focus select the first counter\n    this.selectFirstCounter();\n    // set selection on first counter\n    this.inputElement.setSelectionRange(0, this.sortedCounters[0].length);\n  }\n\n  onBlur() {\n    if (this.opened) {\n      return;\n    }\n\n    if (this.inputElement.value === this.format) {\n      this.inputElement.value = '';\n    }\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  parseDigits(value) {\n    this.activeCounter.add(value);\n\n    if (this.activeCounter.isFull) {\n      this.selectNextCounter();\n    }\n\n    // We wait for the digit to be parsed, and only then set the selection.\n    // Failing to do so results in unexpected \"jump\" of the screen in mobile devices.\n    this.setInputSelectionRange();\n  }\n\n  getCounterIdx(caretPos) {\n    const [counter1ln, counter2ln] = this.sortedCounters.map((dc) => dc.length);\n\n    const c1 = caretPos <= counter1ln;\n    const c2 = caretPos >= counter1ln && caretPos <= counter1ln + counter2ln + 1;\n    const c3 = caretPos >= counter1ln + counter2ln + 2;\n\n    return [c1, c2, c3].indexOf(true);\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(\n      // if triggered by touch event, target might not include `selectionStart`\n      // in that case we fall back to the inputElement's `selectionStart` value.\n      // Therefore, it is recommended to run this function with setTimeout,\n      // at least for mobile events.\n      e.target?.selectionStart || this.inputElement.selectionStart\n    );\n  }\n\n  selectFirstCounter() {\n    this.selectedCounterIdx = 0;\n  }\n\n  selectNextCounter() {\n    if (this.selectedCounterIdx < this.dateCounters.length) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx + 1, 2);\n    }\n  }\n\n  selectPrevCounter() {\n    if (this.selectedCounterIdx > 0) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx - 1, 1);\n    }\n  }\n\n  // Sets the text selection range in the input element based on the selected counter.\n  // The function calculates the starting position of the selection by summing the lengths\n  // of all counters before the currently selected counter (`selectedCounterIdx`).\n  // It then selects the entire length of the current counter in the input element.\n  setInputSelectionRange() {\n    // For preview/readonly state we don't have a caret or a caretIdx, so we skip setting input selection range\n    if (this.selectedCounterIdx < 0) {\n      return;\n    }\n\n    // We wait for before setting the selection, otherwise there's an\n    // unexpected \"jump\" of the screen in mobile devices.\n    setTimeout(() => {\n      const caretStart = this.sortedCounters\n        .slice(0, this.selectedCounterIdx)\n        .reduce((acc, counter) => acc + counter.length, this.selectedCounterIdx);\n\n      this.inputElement.setSelectionRange(\n        caretStart,\n        caretStart + this.sortedCounters[this.selectedCounterIdx].length\n      );\n    });\n  }\n\n  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyboard(e) {\n    if (e.metaKey || e.ctrlKey) {\n      if (e.key.toLowerCase() === 'x') {\n        this.onCut(e);\n      }\n\n      return;\n    }\n\n    this.handleSelectAll();\n\n    if (e.key === 'ArrowUp') {\n      this.activeCounter.inc();\n    } else if (e.key === 'ArrowDown') {\n      this.activeCounter.dec();\n    } else if (e.key === 'ArrowRight') {\n      this.selectNextCounter();\n    } else if (e.key === 'ArrowLeft') {\n      this.selectPrevCounter();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleNavKeys(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (!this.activeCounter) return;\n\n    if (e.inputType === 'deleteContentBackward') {\n      this.handleBackspace();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleBackspace() {\n    if (this.isSelectAll) {\n      this.resetToInitialState();\n      return;\n    }\n\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.set('');\n    }\n\n    // To support keyboards like SwiftKey, we need to re-render the counters display and selection,\n    // otherwise we get an unexpected behavior, where the format is deleted.\n    setTimeout(() => {\n      this.updateCountersDisplay();\n      this.setInputSelectionRange();\n    });\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      this.value = val;\n    });\n  }\n\n  togglePopoverAccess(visibility) {\n    if (visibility) {\n      this.popoverToggleButton.classList.remove('hidden');\n    } else {\n      this.popoverToggleButton.classList.add('hidden');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'disable-calendar') {\n        this.togglePopoverAccess(newValue !== 'true');\n      }\n      if (dateFieldAttrs.includes(attrName)) {\n        if (newValue && attrName === 'format') {\n          this.onFormatUpdate(newValue);\n        }\n        if (attrName === 'initial-value') {\n          this.onInitialValueChange(newValue);\n        }\n      } else if (calendarAttrs.includes(attrName)) {\n        if (newValue) {\n          this.calendar?.setAttribute(attrName, newValue);\n        } else {\n          this.calendar?.removeAttribute(attrName);\n        }\n      }\n    }\n  }\n\n  // we want to validate the date supplied actually exists. For example: Feb 31 is not an actual date,\n  // but in JS when create a `new Date('1999-02-31') we get March 2nd 1999.\n  // To prevent this error from being submitted, we evaluate the\n  // date parts against their generated Date value.\n  isInvalidDate() {\n    const yearCounter = this.getCounterById('year');\n    const isYearOutOfRange =\n      yearCounter.numberValue > valRange['year'].max ||\n      yearCounter.numberValue < valRange['year'].min;\n\n    const isDateDisplayMismatch = Object.entries(this.getDateVals()).some(([key, val]) => {\n      const counter = this.getCounterById(key);\n      return !val || counter.numberValue !== val;\n    });\n\n    return isYearOutOfRange || isDateDisplayMismatch;\n  }\n\n  getValidity() {\n    if (this.isRequired && this.isCountersEmpty) {\n      return { valueMissing: true };\n    }\n\n    if (this.isCountersOutOfRange || this.isInvalidDate()) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  getDateVals() {\n    const ret = {\n      day: '',\n      month: '',\n      year: '',\n    };\n\n    if (!this.epoch) {\n      return ret;\n    }\n\n    try {\n      const date = newDate(this.epoch);\n\n      if (this.isUtcTime) {\n        ret.month = date.getUTCMonth() + 1;\n        ret.day = date.getUTCDate();\n        ret.year = date.getUTCFullYear();\n      } else {\n        ret.month = date.getMonth() + 1;\n        ret.day = date.getDate();\n        ret.year = date.getFullYear();\n      }\n    } catch (e) {}\n\n    return ret;\n  }\n\n  resetToInitialState() {\n    this.resetDateCounters();\n    this.selectFirstCounter();\n    this.resetDisplay();\n  }\n\n  onCut(e) {\n    e.preventDefault();\n\n    if (this.isSelectAll) {\n      this.#copyToClipboard(this.countersValue);\n      this.resetToInitialState();\n    } else {\n      this.#copyToClipboard(this.activeCounter.stringValue);\n      this.activeCounter.set('');\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  #copyToClipboard(value) {\n    try {\n      navigator.clipboard.writeText(value);\n    } catch (err) {\n      console.error('Failed to copy date value:', err);\n    }\n  }\n\n  onPaste(e) {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData || window.clipboardData;\n    const pastedData = clipboardData.getData('Text');\n\n    // try paste entire date if valid\n    const validDate = parseDateString(pastedData, this.format);\n\n    if (validDate) {\n      this.value = dateToEpoch(validDate, this.isUtcTime);\n      this.onDateCounterChange();\n\n      // select all\n      setTimeout(() => this.inputElement.setSelectionRange(0, this.inputElement.value.length));\n    } else {\n      const value = Number(pastedData);\n\n      // try paste in counter if possible\n      if (value && this.activeCounter.min <= value && this.activeCounter.max >= value) {\n        // use String to get rid of any zero padding\n        this.activeCounter.set(String(value));\n\n        setTimeout(() => this.setInputSelectionRange());\n      }\n    }\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop, errorMessage } = {\n  host: { selector: () => ':host' },\n  input: { selector: () => 'descope-text-field' },\n  inputEleRTL: { selector: () => ':host([st-host-direction=\"rtl\"]) descope-text-field' },\n  toggleButton: { selector: () => '.toggle-calendar' },\n  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },\n  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },\n};\n\nexport const DateFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      iconMargin: { ...toggleButton, property: 'margin-inline-end' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      textAlign: { ...input, property: 'text-align' },\n      rtlInputDirection: { ...inputEleRTL, property: textVars.inputDirection },\n      rtlInputAlignment: { ...inputEleRTL, property: textVars.inputTextAlign },\n      overlayGap: {\n        property: () => DateFieldClass.cssVarList.overlayGap,\n      },\n      overlayBackgroundColor: {\n        property: () => DateFieldClass.cssVarList.overlayBackgroundColor,\n      },\n      overlayPadding: {\n        property: () => DateFieldClass.cssVarList.overlayPadding,\n      },\n      overlayBoxShadow: { property: () => DateFieldClass.overlayBoxShadow },\n      overlayOutlineWidth: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineWidth,\n      },\n      overlayOutlineColor: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineColor,\n      },\n      overlayOutlineStyle: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineStyle,\n      },\n      errorMessageIcon: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconSize,\n      },\n      errorMessageIconPadding: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPadding,\n      },\n      errorMessageIconRepeat: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPosition,\n      },\n      errorMessageFontSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontSize,\n      },\n    },\n  }),\n  portalMixin({\n    name: 'overlay',\n    selector: '',\n    mappings: {\n      marginTop: { ...overlay, property: 'margin-top' },\n      backgroundColor: { ...overlay },\n      backdropBackgroundColor: { ...backdrop, property: 'background-color' },\n      backdropPointerEvents: { ...backdrop, property: 'pointer-events' },\n      padding: { ...overlay },\n      boxShadow: { ...overlay },\n      outlineWidth: { ...overlay },\n      outlineColor: { ...overlay },\n      outlineStyle: { ...overlay },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawDateFieldClass);\n","import '@vaadin/popover/src/vaadin-popover';\nimport './descope-calendar';\nimport '../descope-text-field';\n\nimport { componentName, DateFieldClass } from './DateFieldClass';\n\ncustomElements.define(componentName, DateFieldClass);\n\nexport { DateFieldClass, componentName };\n"],"names":["host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","customElements","define","componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","excludeAttrsSync","DateCounter","freeze","constructor","id","min","max","onChange","data","val","length","numberValue","Number","stringValue","join","padStart","isFull","isEmpty","toString","set","split","add","num","slice","del","filter","d","Boolean","clear","inc","gap","replaceValue","Math","dec","isInRange","setMin","setMax","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","textVars","inputEleRTL","toggleButton","overlay","backdrop","DateFieldClass","componentNameOverride","iconMargin","rtlInputDirection","rtlInputAlignment","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","epoch","format","selectedCounterIdx","updateCountersDisplay","inputElement","countersValue","updateValue","isCountersOutOfRange","updateEpoch","date","formats","getDate","isUtcTime","onDateCounterChange","epochOrDate","getTime","dateCounters","MONTH","bind","DAY","YEAR","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","sortedCounters","map","find","dc","activeCounter","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","updateDateCounters","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","updateFormatPattern","initPopover","initInputElement","getValidity","checkValidity","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","closePopover","setProperty","updateCalendarView","popover","windowRect","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","ele","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","validate","clearValue","resetDisplay","setSelectionRange","onFormatUpdate","keys","includes","pattern","selectNextCounter","setInputSelectionRange","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","target","selectPrevCounter","caretStart","reduce","acc","counter","resetDateCounters","forEach","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","oldValue","newValue","yearCounter","isYearOutOfRange","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","year","getUTCMonth","getUTCDate","getUTCFullYear","err","console","error","pastedData","clipboardData","window","getData","validDate","String"],"sourceRoot":""}

package/dist/umd/descope-multi-select-combo-box-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1331],{12848:(t,e,o)=>{o.r(e),o.d(e,{MultiSelectComboBoxClass:()=>I,componentName:()=>l}),o(51408);var r=o(9696),n=o(97810),i=o(73551),a=o(79365);const l=(0,n.xE)("multi-select-combo-box"),{host:s,inputField:d,inputElement:p,placeholder:c,toggle:u,clearButton:m,label:b,requiredIndicator:h,helperText:g,errorMessage:y,chip:v,chipLabel:f,overflowChipFirstBorder:x,overflowChipSecondBorder:w}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},chip:{selector:"vaadin-multi-select-combo-box-chip"},chipLabel:{selector:"vaadin-multi-select-combo-box-chip::part(label)"},overflowChipFirstBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::before"},overflowChipSecondBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::after"}},I=(0,r.Zz)((0,a.RF)({mappings:{hostWidth:{...s,property:"width"},hostDirection:{...s,property:"direction"},fontSize:[{},s],chipFontSize:{...f,property:"font-size"},fontFamily:[b,c,d,g,y,f],labelFontSize:{...b,property:"font-size"},labelFontWeight:{...b,property:"font-weight"},labelTextColor:[{...b,property:"color"},{...h,property:"color"}],errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},errorMessageFontSize:{...y,property:"font-size"},inputHeight:{...d,property:"min-height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...h,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:[{...u,property:"cursor"},{...m,property:"cursor"}],inputDropdownButtonColor:[{...u,property:"color"},{...m,property:"color"}],inputDropdownButtonSize:[{...u,property:"font-size"},{...m,property:"font-size"}],inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...d,property:"padding-inline-start"}],inputVerticalPadding:[{...d,property:"padding-top"},{...d,property:"padding-bottom"}],chipTextColor:{...f,property:"color"},chipBackgroundColor:[{...v,property:"background-color"},{...x,property:"border-color"},{...w,property:"border-color"}],labelPosition:{...b,property:"position"},labelTopPosition:{...b,property:"top"},labelLeftPosition:{...b,property:"left"},labelHorizontalPosition:[{...b,property:"left"},{...b,property:"right"}],inputTransformY:{...b,property:"transform"},inputTransition:{...b,property:"transition"},marginInlineStart:{...b,property:"margin-inline-start"},placeholderOpacity:{...c,property:"opacity"},inputVerticalAlignment:{...d,property:"align-items"},overlayBackground:{property:()=>I.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>I.cssVarList.overlay.textColor},overlayBorder:{property:()=>I.cssVarList.overlay.border},overlayFontSize:{property:()=>I.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>I.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>I.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>I.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>I.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>I.cssVarList.overlay.itemPaddingInlineEnd}}}),a.VO,(0,a.mA)({name:"overlay",selector:"vaadin-multi-select-combo-box-internal",mappings:{backgroundColor:{selector:"vaadin-multi-select-combo-box-scroller"},minHeight:{selector:"vaadin-multi-select-combo-box-overlay"},margin:{selector:"vaadin-multi-select-combo-box-overlay"},cursor:{selector:"vaadin-multi-select-combo-box-item"},fontFamily:{selector:"vaadin-multi-select-combo-box-item"},textColor:{selector:"vaadin-multi-select-combo-box-item",property:"color"},fontSize:{selector:"vaadin-multi-select-combo-box-item"},itemBoxShadow:{selector:"vaadin-multi-select-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),(0,a.OZ)({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),a._$,a.tQ,(t=>class extends t{static get observedAttributes(){return["readonly"]}#t=({displayName:t,value:e,label:o})=>{const r=document.createElement("span");return r.setAttribute("data-name",o),r.setAttribute("data-id",e),r.textContent=t||o,r.outerHTML};#e;#o=[];get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" -',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}get allowCustomValues(){return"true"===this.getAttribute("allow-custom-value")}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data and default-values must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.(((t,e)=>t+(this.renderItem?.(e||{})||"")),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}updateSelectedItems(){const t=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[];t.length>0&&(this.value=t),0===this.value.length&&this.setDefaultValues()}customValueTransformFn(t){return t}setComboBoxDescriptor(){const t=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),e=this;Object.defineProperties(this.inputElement,{value:{...t,set(o){const r=e.customValueTransformFn(o)||"";r!==this.value&&t.set.call(this,r)}}})}#r(t){return Array.from(new Map(t.map((t=>[t.getAttribute("data-id"),t]))).values())}#n(){const t=Array.from(this.children),e=this.#r(t);t.length?(this.removeAttribute("has-no-options"),e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id"),configurable:!0,writable:!0})})),this.baseElement.items=e,setTimeout((()=>{this.updateSelectedItems()}),0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(t,e,o)=>{t.innerHTML=o.item.outerHTML}}#i(){const t=this.baseElement.shadowRoot.querySelector("vaadin-multi-select-combo-box-internal").shadowRoot.querySelector("vaadin-multi-select-combo-box-overlay");t._attachOverlay=()=>{t.bringToFront()},t._detachOverlay=()=>{},t._enterModalState=()=>{}}#a(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",(t=>{const e=this.#t({label:t.detail,displayName:t.detail,value:t.detail});this.innerHTML+=e,this.baseElement._lastFilter="",setTimeout((()=>{this.value=[...this.value,t.detail]}),0)}))}setGetValidity(){this.getValidity=function(){if(this.pattern){const t=new RegExp(this.pattern);if(this.value.some((e=>!t.test(e))))return{patternMismatch:!0}}return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}};const t=this;this.baseElement.checkValidity=()=>t.validity.valid}init(){super.init?.(),this.setGetValidity(),this.setComboBoxDescriptor(),this.#i(),this.#a(),this.renderItems(),(0,n.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,n.Ge)(this,this.#n.bind(this)),(0,n.EA)(this,this.baseElement,{includeAttrs:["placeholder"]}),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",(()=>{this.#l(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))}))}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#l(){this.#o=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[]}set value(t){if(t&&t.length>0){const e=this.baseElement.items?.filter((e=>t.includes(e["data-id"])));if(this.allowCustomValues){const o=e?.map((t=>t.getAttribute("data-id")))||[],r=t.filter((t=>!o.includes(t)));if(r.length){const e=r.reduce(((t,e)=>t+this.#t({label:e,displayName:e,value:e})),"");return this.innerHTML+=e,void setTimeout((()=>{this.value=t}),0)}}const o=e?.map((t=>t.getAttribute("data-id")))||[];(0,r.AG)(this.#o,o)||(this.baseElement.selectedItems=e)}else this.baseElement.selectedItems=[]}get value(){return this.#o}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),"readonly"===t&&this.onReadOnlyChange(null!==o&&"true"===o)}onReadOnlyChange(t){t?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",t):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}}))((0,a.tz)({slots:["","prefix"],wrappedEleName:"vaadin-multi-select-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,i.cy)(I.cssVarList)}\n\t\t${(0,i.fu)("vaadin-multi-select-combo-box")}\n\t\t${(0,i.lS)("vaadin-multi-select-combo-box")}\n\t\t${(0,i.I4)("vaadin-multi-select-combo-box")}\n\n\t\tvaadin-multi-select-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-multi-select-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-multi-select-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n      align-self: center;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\tvaadin-multi-select-combo-box[readonly] [slot="input"] {\n      flex-grow: 1;\n      flex-basis: 4em;\n\t\t}\n\n\t\t::part(input-field) {\n      padding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n    ${(0,i.$J)("vaadin-multi-select-combo-box")}\n    :host([has-label]) vaadin-multi-select-combo-box-chip::part(label) {\n      display: block;\n    }\n\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::before,\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n      left: -4px;\n      right: -4px;\n      border-left-width: 0;\n      border-inline-start-style: solid;\n      border-inline-start-width: 2px;\n    }\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n      left: -8px;\n      right: -8px;\n    }\n\n    :host([has-no-options][allow-custom-value='true']) ::part(toggle-button) {\n      display: none;\n    }\n\n    ${(0,i.Kl)()}\n\n    vaadin-multi-select-combo-box::part(toggle-button),\n    vaadin-multi-select-combo-box::part(clear-button) {\n      align-self: center;\n    }\n\n    vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n      opacity: 0;\n    }\n\n\t\t`,excludeAttrsSync:["tabindex","size","data","placeholder"],componentName:l,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(l,I)},73551:(t,e,o)=>{o.d(e,{$J:()=>u,I4:()=>a,Kl:()=>m,LJ:()=>c,Qv:()=>i,X6:()=>s,cy:()=>r,fu:()=>d,kG:()=>p,lS:()=>l,zm:()=>n});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,n=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,l=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,p=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${n(t)}\n    ${a(t)}\n    ${l(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${p(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,m=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[1331],{12848:(t,e,o)=>{o.r(e),o.d(e,{MultiSelectComboBoxClass:()=>I,componentName:()=>l}),o(51408);var r=o(9696),n=o(97810),i=o(73551),a=o(79365);const l=(0,n.xE)("multi-select-combo-box"),{host:s,inputField:d,inputElement:p,placeholder:c,toggle:u,clearButton:m,label:b,requiredIndicator:h,helperText:g,errorMessage:y,chip:v,chipLabel:f,overflowChipFirstBorder:x,overflowChipSecondBorder:w}={host:{selector:()=>":host"},inputField:{selector:"::part(input-field)"},inputElement:{selector:"input"},placeholder:{selector:"> input:placeholder-shown"},toggle:{selector:"::part(toggle-button)"},clearButton:{selector:"::part(clear-button)"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},chip:{selector:"vaadin-multi-select-combo-box-chip"},chipLabel:{selector:"vaadin-multi-select-combo-box-chip::part(label)"},overflowChipFirstBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::before"},overflowChipSecondBorder:{selector:"vaadin-multi-select-combo-box-chip[slot='overflow']::after"}},I=(0,r.Zz)((0,a.RF)({mappings:{hostWidth:{...s,property:"width"},hostDirection:{...s,property:"direction"},fontSize:[{},s],chipFontSize:{...f,property:"font-size"},fontFamily:[b,c,d,g,y,f],labelFontSize:{...b,property:"font-size"},labelFontWeight:{...b,property:"font-weight"},labelTextColor:[{...b,property:"color"},{...h,property:"color"}],errorMessageTextColor:{...y,property:"color"},errorMessageIcon:{...y,property:"background-image"},errorMessageIconSize:{...y,property:"background-size"},errorMessageIconPadding:{...y,property:"padding-inline-start"},errorMessageIconRepeat:{...y,property:"background-repeat"},errorMessageIconPosition:{...y,property:"background-position"},errorMessageFontSize:{...y,property:"font-size"},inputHeight:{...d,property:"min-height"},inputBackgroundColor:{...d,property:"background-color"},inputBorderColor:{...d,property:"border-color"},inputBorderWidth:{...d,property:"border-width"},inputBorderStyle:{...d,property:"border-style"},inputBorderRadius:{...d,property:"border-radius"},labelRequiredIndicator:{...h,property:"content"},inputValueTextColor:{...d,property:"color"},inputPlaceholderTextColor:{...c,property:"color"},inputDropdownButtonCursor:[{...u,property:"cursor"},{...m,property:"cursor"}],inputDropdownButtonColor:[{...u,property:"color"},{...m,property:"color"}],inputDropdownButtonSize:[{...u,property:"font-size"},{...m,property:"font-size"}],inputDropdownButtonOffset:[{...u,property:"margin-right"},{...u,property:"margin-left"}],inputOutlineColor:{...d,property:"outline-color"},inputOutlineWidth:{...d,property:"outline-width"},inputOutlineStyle:{...d,property:"outline-style"},inputOutlineOffset:{...d,property:"outline-offset"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...d,property:"padding-inline-start"}],inputVerticalPadding:[{...d,property:"padding-top"},{...d,property:"padding-bottom"}],chipTextColor:{...f,property:"color"},chipBackgroundColor:[{...v,property:"background-color"},{...x,property:"border-color"},{...w,property:"border-color"}],labelPosition:{...b,property:"position"},labelTopPosition:{...b,property:"top"},labelLeftPosition:{...b,property:"left"},labelHorizontalPosition:[{...b,property:"left"},{...b,property:"right"}],inputTransformY:{...b,property:"transform"},inputTransition:{...b,property:"transition"},marginInlineStart:{...b,property:"margin-inline-start"},placeholderOpacity:{...c,property:"opacity"},inputVerticalAlignment:{...d,property:"align-items"},overlayBackground:{property:()=>I.cssVarList.overlay.backgroundColor},overlayTextColor:{property:()=>I.cssVarList.overlay.textColor},overlayBorder:{property:()=>I.cssVarList.overlay.border},overlayFontSize:{property:()=>I.cssVarList.overlay.fontSize},overlayFontFamily:{property:()=>I.cssVarList.overlay.fontFamily},overlayCursor:{property:()=>I.cssVarList.overlay.cursor},overlayItemBoxShadow:{property:()=>I.cssVarList.overlay.itemBoxShadow},overlayItemPaddingInlineStart:{property:()=>I.cssVarList.overlay.itemPaddingInlineStart},overlayItemPaddingInlineEnd:{property:()=>I.cssVarList.overlay.itemPaddingInlineEnd}}}),a.VO,(0,a.mA)({name:"overlay",selector:"vaadin-multi-select-combo-box-internal",mappings:{backgroundColor:{selector:"vaadin-multi-select-combo-box-scroller"},minHeight:{selector:"vaadin-multi-select-combo-box-overlay"},margin:{selector:"vaadin-multi-select-combo-box-overlay"},cursor:{selector:"vaadin-multi-select-combo-box-item"},fontFamily:{selector:"vaadin-multi-select-combo-box-item"},textColor:{selector:"vaadin-multi-select-combo-box-item",property:"color"},fontSize:{selector:"vaadin-multi-select-combo-box-item"},itemBoxShadow:{selector:"vaadin-multi-select-combo-box-item",property:"box-shadow"},itemPaddingInlineStart:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-start"},itemPaddingInlineEnd:{selector:"vaadin-multi-select-combo-box-item",property:"padding-inline-end"}},forward:{include:!1,attributes:["size"]}}),(0,a.OZ)({proxyProps:["selectionStart"],inputEvent:"selected-items-changed"}),a._$,a.tQ,(t=>class extends t{static get observedAttributes(){return["readonly"]}#t=({displayName:t,value:e,label:o})=>{const r=document.createElement("span");return r.setAttribute("data-name",o),r.setAttribute("data-id",e),r.textContent=t||o,r.outerHTML};#e;#o=[];get defaultValues(){const t=this.getAttribute("default-values");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "default-values" -',t.message)}return[]}get renderItem(){return this.#t}set renderItem(t){this.#t=t,this.renderItems()}get data(){if(this.#e)return this.#e;const t=this.getAttribute("data");if(t)try{const e=JSON.parse(t);if(this.isValidDataType(e))return e}catch(t){console.error('could not parse data string from attribute "data" -',t.message)}return[]}set data(t){this.isValidDataType(t)&&(this.#e=t,this.renderItems())}get allowCustomValues(){return"true"===this.getAttribute("allow-custom-value")}get minItemsSelection(){return parseInt(this.getAttribute("min-items-selection"),10)||0}get maxItemsSelection(){return parseInt(this.getAttribute("max-items-selection"),10)||0}isValidDataType(t){const e=Array.isArray(t);return e||console.error("data and default-values must be an array, received:",t),e}getItemsTemplate(){return this.data?.reduce?.(((t,e)=>t+(this.renderItem?.(e||{})||"")),"")}renderItems(){const t=this.getItemsTemplate();t&&(this.innerHTML=t)}updateSelectedItems(){const t=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[];t.length>0&&(this.value=t),0===this.value.length&&this.setDefaultValues()}customValueTransformFn(t){return t}setComboBoxDescriptor(){const t=Object.getOwnPropertyDescriptor(this.inputElement.constructor.prototype,"value"),e=this;Object.defineProperties(this.inputElement,{value:{...t,set(o){const r=e.customValueTransformFn(o)||"";r!==this.value&&t.set.call(this,r)}}})}#r(t){return Array.from(new Map(t.map((t=>[t.getAttribute("data-id"),t]))).values())}#n(){const t=Array.from(this.children),e=this.#r(t);t.length?(this.removeAttribute("has-no-options"),e.forEach((t=>{Object.defineProperty(t,"data-name",{value:t.getAttribute("data-name"),configurable:!0,writable:!0}),Object.defineProperty(t,"data-id",{value:t.getAttribute("data-id"),configurable:!0,writable:!0})})),this.baseElement.items=e,setTimeout((()=>{this.updateSelectedItems()}),0)):(this.baseElement.items=[],this.setAttribute("has-no-options","")),this.baseElement.renderer=(t,e,o)=>{t.innerHTML=o.item.outerHTML}}#i(){const t=this.baseElement.shadowRoot.querySelector("vaadin-multi-select-combo-box-internal").shadowRoot.querySelector("vaadin-multi-select-combo-box-overlay");t._attachOverlay=()=>{t.bringToFront()},t._detachOverlay=()=>{},t._enterModalState=()=>{}}#a(){this.allowCustomValues&&this.baseElement.addEventListener("custom-value-set",(t=>{const e=this.#t({label:t.detail,displayName:t.detail,value:t.detail});this.innerHTML+=e,this.baseElement._lastFilter="",setTimeout((()=>{this.value=[...this.value,t.detail]}),0)}))}setGetValidity(){this.getValidity=function(){if(this.pattern){const t=new RegExp(this.pattern);if(this.value.some((e=>!t.test(e))))return{patternMismatch:!0}}return this.isRequired&&!this.value.length?{valueMissing:!0}:this.isRequired&&this.minItemsSelection&&this.value.length<this.minItemsSelection?{rangeUnderflow:!0}:this.maxItemsSelection&&this.value.length>this.maxItemsSelection?{rangeOverflow:!0}:{}};const t=this;this.baseElement.checkValidity=()=>t.validity.valid}init(){super.init?.(),this.setGetValidity(),this.#a(),this.renderItems(),(0,n.mx)(this,this.renderItems.bind(this),{includeAttrs:["data"]}),(0,n.Ge)(this,this.#n.bind(this)),(0,n.EA)(this,this.baseElement,{includeAttrs:["placeholder"]}),setTimeout((()=>{this.setComboBoxDescriptor(),this.#i()})),this.setDefaultValues(),this.baseElement.addEventListener("selected-items-changed",(()=>{this.#l(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0}))}))}setDefaultValues(){this.defaultValues.length>0&&(this.value=this.defaultValues)}#l(){this.#o=this.baseElement.selectedItems?.map((t=>t.getAttribute("data-id")))||[]}set value(t){if(t&&t.length>0){const e=this.baseElement.items?.filter((e=>t.includes(e["data-id"])));if(this.allowCustomValues){const o=e?.map((t=>t.getAttribute("data-id")))||[],r=t.filter((t=>!o.includes(t)));if(r.length){const e=r.reduce(((t,e)=>t+this.#t({label:e,displayName:e,value:e})),"");return this.innerHTML+=e,void setTimeout((()=>{this.value=t}),0)}}const o=e?.map((t=>t.getAttribute("data-id")))||[];(0,r.AG)(this.#o,o)||(this.baseElement.selectedItems=e)}else this.baseElement.selectedItems=[]}get value(){return this.#o}attributeChangedCallback(t,e,o){super.attributeChangedCallback?.(t,e,o),"readonly"===t&&this.onReadOnlyChange(null!==o&&"true"===o)}onReadOnlyChange(t){t?this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.setAttribute("inert",t):this.baseElement?.shadowRoot?.querySelector("vaadin-multi-select-combo-box-internal")?.removeAttribute("inert")}}))((0,a.tz)({slots:["","prefix"],wrappedEleName:"vaadin-multi-select-combo-box",style:()=>`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-mask-image: none;\n\t\t}\n\t\t${(0,i.cy)(I.cssVarList)}\n\t\t${(0,i.fu)("vaadin-multi-select-combo-box")}\n\t\t${(0,i.lS)("vaadin-multi-select-combo-box")}\n\t\t${(0,i.I4)("vaadin-multi-select-combo-box")}\n\n\t\tvaadin-multi-select-combo-box {\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t\tvaadin-multi-select-combo-box::before {\n\t\t\theight: initial;\n\t\t}\n\t\tvaadin-multi-select-combo-box [slot="input"] {\n\t\t\t-webkit-mask-image: none;\n\t\t\tmin-height: 0;\n      align-self: center;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\tvaadin-multi-select-combo-box[readonly] [slot="input"] {\n      flex-grow: 1;\n      flex-basis: 4em;\n\t\t}\n\n\t\t::part(input-field) {\n      padding: 0;\n\t\t\tbox-shadow: none;\n\t\t}\n    ${(0,i.$J)("vaadin-multi-select-combo-box")}\n    :host([has-label]) vaadin-multi-select-combo-box-chip::part(label) {\n      display: block;\n    }\n\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::before,\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n      left: -4px;\n      right: -4px;\n      border-left-width: 0;\n      border-inline-start-style: solid;\n      border-inline-start-width: 2px;\n    }\n    vaadin-multi-select-combo-box vaadin-multi-select-combo-box-chip[slot='overflow']::after {\n      left: -8px;\n      right: -8px;\n    }\n\n    :host([has-no-options][allow-custom-value='true']) ::part(toggle-button) {\n      display: none;\n    }\n\n    ${(0,i.Kl)()}\n\n    vaadin-multi-select-combo-box::part(toggle-button),\n    vaadin-multi-select-combo-box::part(clear-button) {\n      align-self: center;\n    }\n\n    vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n      opacity: 0;\n    }\n    vaadin-multi-select-combo-box[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n      opacity: 0;\n    }\n\n\t\t`,excludeAttrsSync:["tabindex","size","data","placeholder"],componentName:l,includeForwardProps:["items","renderer","selectedItems"]}));customElements.define(l,I)},73551:(t,e,o)=>{o.d(e,{$J:()=>u,I4:()=>a,Kl:()=>m,LJ:()=>c,Qv:()=>i,X6:()=>s,cy:()=>r,fu:()=>d,kG:()=>p,lS:()=>l,zm:()=>n});const r=t=>`\n    :host {\n        padding: calc(var(${t.inputOutlineWidth}) + var(${t.inputOutlineOffset}))\n    }\n`,n=t=>`\n    ${t} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`,i=t=>`\n    ${t}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`,a=t=>`\n    ${t} > label,\n    ${t}::part(label),\n    ${t}::part(required-indicator) {\n        cursor: pointer;\n    }\n`,l=(t,e="input")=>`\n    ${t}[disabled] > ${e}:placeholder-shown,\n\t${t}[readonly] > ${e}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`,s=()=>"\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n",d=t=>`\n    ${t}::part(input-field)::after {\n        opacity: 0;\n    }\n`,p=t=>`\n    ${t}::part(input-field)::after {\n        background: none;\n    }\n`,c=(t,e)=>`\n    ${n(t)}\n    ${a(t)}\n    ${l(t)}\n    ${i(t)}\n    ${((t,e)=>`\n    ${t} input:-webkit-autofill,\n    ${t} input:-webkit-autofill::first-line,\n    ${t} input:-webkit-autofill:hover,\n    ${t} input:-webkit-autofill:active,\n    ${t} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${e.inputValueTextColor});\n        box-shadow: 0 0 0 var(${e.inputHeight}) var(${e.inputBackgroundColor}) inset;\n    }\n`)(t,e)}\n    ${p(t)}\n    ${(t=>`\n    ${t}::before {\n\t\theight: unset;\n\t}\n`)(t)}\n    ${(t=>`\n    ${t} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`)(t)}\n    ${(t=>`\n    ${t}::part(input-field)::after {\n        border: none;\n    }\n`)(t)}\n`,u=t=>`\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${t} [slot="label"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`,m=()=>'\n  :host([label-type="floating"]) {\n    position: relative;\n  }\n  :host([label-type="floating"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\n  }\n  '}}]);
 //# sourceMappingURL=descope-multi-select-combo-box-index-js.js.map