@descope/web-components-ui 3.3.5 → 3.5.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],{79981(e,t,i){i.r(t),i.d(t,{DateFieldClass:()=>V,componentName:()=>y}),i(20428),i(88350),i(21374);var r=i(25964),n=i(3393),o=i(79365),s=i(97810),a=i(9696),l=i(49224),p=i(77421),d=i(80071),h=i(64101);class c{#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{data:t}=this;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),g=i(15177);const y=(0,s.xE)("date-field"),m=(0,n.y)({componentName:y,baseSelector:"vaadin-popover"}),v=["format","opened","initial-value","readonly","disable-calendar","utc-time"],b=["years-range","calendar-months","calendar-weekdays"],C=[...v,...b],f=u.w.cssVarList,{host:x,input:E,inputEleRTL:w,toggleButton:I,overlay:T,backdrop:S,errorMessage:k}={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)"}},V=(0,a.Zz)((0,o.RF)({componentNameOverride:(0,s.xE)("input-wrapper")}),(0,o.RF)({mappings:{iconMargin:{...I,property:"margin-inline-end"},hostWidth:{...x,property:"width"},hostDirection:{...x,property:"direction"},textAlign:{...E,property:"text-align"},rtlInputDirection:{...w,property:f.inputDirection},rtlInputAlignment:{...w,property:f.inputTextAlign},overlayGap:{property:()=>V.cssVarList.overlayGap},overlayBackgroundColor:{property:()=>V.cssVarList.overlayBackgroundColor},overlayPadding:{property:()=>V.cssVarList.overlayPadding},overlayBoxShadow:{property:()=>V.overlayBoxShadow},overlayOutlineWidth:{property:()=>V.cssVarList.overlayOutlineWidth},overlayOutlineColor:{property:()=>V.cssVarList.overlayOutlineColor},overlayOutlineStyle:{property:()=>V.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,o.mA)({name:"overlay",selector:"",mappings:{marginTop:{...T,property:"margin-top"},backgroundColor:{...T},backdropBackgroundColor:{...S,property:"background-color"},backdropPointerEvents:{...S,property:"pointer-events"},padding:{...T},boxShadow:{...T},outlineWidth:{...T},outlineColor:{...T},outlineStyle:{...T}}}),o.VO,o.tQ)(class extends m{epoch="";format=h.ui;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=p.F[this.format].getDate(this.inputElement.value);this.updateEpoch((0,l.xq)(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#i()};updateEpoch(e){this.epoch=(0,l.xq)(e,this.isUtcTime)}dateCounters=[new c(h.rR.MONTH,this.onDateCounterChange.bind(this)),new c(h.rR.DAY,this.onDateCounterChange.bind(this)),new c(h.rR.YEAR,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(m.observedAttributes||[],C)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field inputmode="numeric">\n        <span slot="suffix" class="toggle-calendar">\n          ${d.ki}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `,(0,r.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=p.F[this.format].getDate(this.inputElement.value);return(0,l.mZ)(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(h.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(h.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){const t=parseInt(e,10);Number.isNaN(t)?(this.resetEpoch(),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(new Date(t)))}resetEpoch(){this.epoch=""}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,l.jO)((0,g.N)(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,s.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,l.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,l.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?.replaceSync("vaadin-popover-overlay::part(overlay) { transform: none; }");const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),n=this.calendar.getBoundingClientRect(),o=this.isRTL?"right":"left",s=i[o]-n[o],a=n.left,l=t.width-n.right;let p;p=s>0?Math.min(s,l):-1*Math.min(Math.abs(s),a);const d=`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${p}px);\n      }\n    `;this.#o?this.#o.replaceSync(d):this.#o=(0,r.fz)(d,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,g.N)(this.calendar.value);this.value=(0,l.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,l.mZ)((0,g.N)(this.inputElement.value||"").getTime())&&p.F[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",(0,l.jO)(this.displayValueEpoch||this.epoch,h.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,l.jO)((0,l.Ln)(),h.wJ))),(0,s.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),h.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.clearInputEle()}clearInputEle(){this.inputElement.value=""}onFormatUpdate(e){Object.keys(p.F).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||h.ui;this.setAttribute("type","date"),this.setAttribute("pattern",p.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 h.rR.MONTH.id:t.set(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case h.rR.YEAR.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case h.rR.DAY.id:t.set(this.isUtcTime?e.getUTCDate():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(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(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),v.includes(e)?(i&&"format"===e&&this.onFormatUpdate(i),"initial-value"===e&&this.onInitialValueChange(i)):b.includes(e)&&(i?this.calendar?.setAttribute(e,i):this.calendar?.removeAttribute(e)))}isInvalidDate(){const e=this.getCounterById("year"),t=e.numberValue>h.nr.year.max||e.numberValue<h.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(Number.isNaN(this.epoch))return e;try{const t=new Date(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,l.Rm)(t,this.format);if(i)this.value=(0,l.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(y,V)},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}))},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)},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"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...y,property:"-webkit-text-security"},{...y,property:"text-security"}]}}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9257],{79981(e,t,i){i.r(t),i.d(t,{DateFieldClass:()=>k,componentName:()=>y}),i(20428),i(88350),i(21374);var r=i(25964),o=i(3393),n=i(79365),s=i(97810),a=i(9696),l=i(49224),p=i(77421),h=i(80071),d=i(64101);class c{#e=Object.freeze([]);constructor({id:e,min:t,max:i,placeholder:r},o){this.id=e,this.min=t,this.max=i,this.placeholder=r,this.onChange=o}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{data:t}=this;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),g=i(15177);const y=(0,s.xE)("date-field"),m=(0,o.y)({componentName:y,baseSelector:"vaadin-popover"}),b=["format","opened","initial-value","readonly","disable-calendar","utc-time"],v=["years-range","calendar-months","calendar-weekdays"],C=[...b,...v],f=u.w.cssVarList,{host:x,input:w,inputEleRTL:E,toggleButton:I,overlay:T,backdrop:S,errorMessage:V}={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,a.Zz)((0,n.RF)({componentNameOverride:(0,s.xE)("input-wrapper")}),(0,n.RF)({mappings:{iconMargin:{...I,property:"margin-inline-end"},hostWidth:{...x,property:"width"},hostDirection:{...x,property:"direction"},textAlign:{...w,property:"text-align"},rtlInputDirection:{...E,property:f.inputDirection},rtlInputAlignment:{...E,property:f.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},labelFontWeight:{selector:u.w.componentName,property:u.w.cssVarList.labelFontWeight},inputValueFontWeight:{selector:u.w.componentName,property:u.w.cssVarList.inputValueFontWeight},inputPlaceholderFontWeight:{selector:u.w.componentName,property:u.w.cssVarList.inputPlaceholderFontWeight},helperTextFontWeight:{selector:u.w.componentName,property:u.w.cssVarList.helperTextFontWeight},errorMessageFontWeight:{selector:u.w.componentName,property:u.w.cssVarList.errorMessageFontWeight}}}),(0,n.mA)({name:"overlay",selector:"",mappings:{marginTop:{...T,property:"margin-top"},backgroundColor:{...T},backdropBackgroundColor:{...S,property:"background-color"},backdropPointerEvents:{...S,property:"pointer-events"},padding:{...T},boxShadow:{...T},outlineWidth:{...T},outlineColor:{...T},outlineStyle:{...T}}}),n.VO,n.tQ)(class extends m{epoch="";format=d.ui;selectedCounterIdx=0;updateCountersDisplay(){this.inputElement.value=this.countersValue}updateValue(){if(this.isCountersOutOfRange)this.resetEpoch();else{const e=p.F[this.format].getDate(this.inputElement.value);this.updateEpoch((0,l.xq)(e,this.isUtcTime))}}onDateCounterChange=()=>{this.updateCountersDisplay(),this.updateValue(),this.#i()};updateEpoch(e){this.epoch=(0,l.xq)(e,this.isUtcTime)}dateCounters=[new c(d.rR.MONTH,this.onDateCounterChange.bind(this)),new c(d.rR.DAY,this.onDateCounterChange.bind(this)),new c(d.rR.YEAR,this.onDateCounterChange.bind(this))];static get observedAttributes(){return[].concat(m.observedAttributes||[],C)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field inputmode="numeric">\n        <span slot="suffix" class="toggle-calendar">\n          ${h.ki}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `,(0,r.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=p.F[this.format].getDate(this.inputElement.value);return(0,l.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){const t=parseInt(e,10);Number.isNaN(t)?(this.resetEpoch(),this.resetDateCounters(),this.clearInputEle()):(this.updateEpoch(t),this.updateDateCounters(new Date(t)))}resetEpoch(){this.epoch=""}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,l.jO)((0,g.N)(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,s.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,l.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.#o.bind(this),this.baseElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()})}handleSelectAll(){this.isSelectAll&&this.selectFirstCounter()}#n;#o(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#s()),(0,l.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.#n?.replaceSync("vaadin-popover-overlay::part(overlay) { transform: none; }");const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),o=this.calendar.getBoundingClientRect(),n=this.isRTL?"right":"left",s=i[n]-o[n],a=o.left,l=t.width-o.right;let p;p=s>0?Math.min(s,l):-1*Math.min(Math.abs(s),a);const h=`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${p}px);\n      }\n    `;this.#n?this.#n.replaceSync(h):this.#n=(0,r.fz)(h,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,g.N)(this.calendar.value);this.value=(0,l.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,l.mZ)((0,g.N)(this.inputElement.value||"").getTime())&&p.F[this.format].validate(this.inputElement.value);this.displayValueEpoch||e?this.calendar.setAttribute("initial-value",(0,l.jO)(this.displayValueEpoch||this.epoch,d.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,l.jO)((0,l.Ln)(),d.wJ))),(0,s.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.clearInputEle()}clearInputEle(){this.inputElement.value=""}onFormatUpdate(e){Object.keys(p.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",p.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(this.isUtcTime?e.getUTCMonth()+1:e.getMonth()+1);break;case d.rR.YEAR.id:t.set(this.isUtcTime?e.getUTCFullYear():e.getFullYear());break;case d.rR.DAY.id:t.set(this.isUtcTime?e.getUTCDate():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(()=>{Number.isNaN(parseInt(e,10))||(this.value=Number(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),b.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(Number.isNaN(this.epoch))return e;try{const t=new Date(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,l.Rm)(t,this.format);if(i)this.value=(0,l.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(y,k)},79275(e,t,i){i.d(t,{T:()=>l,w:()=>h});var r=i(79365),o=i(6424),n=i(9696),s=i(97810),a=i(73551);const l=(0,s.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],h=(0,n.Zz)((0,r.RF)({mappings:o.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(${h.cssVarList.inputOutlineWidth}) + var(${h.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)(h.cssVarList)}\n\t\t\t${(0,a.LJ)("vaadin-text-field",h.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}))},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)},6424(e,t,i){i.d(t,{A:()=>C});const{host:r,label:o,placeholder:n,requiredIndicator:s,inputField:a,input:l,inputMask:p,helperText:h,errorMessage:d,disabledPlaceholder:c,inputDisabled:u,inputIcon:g,externalInput:y,externalInputDisabled:m,externalPlaceholder:b,externalDisabledPlaceholder:v}={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:[o,a,h,d],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},inputValueFontWeight:[{...l,property:"font-weight"},{...y,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...b,property:"font-weight"}],helperTextFontWeight:{...h,property:"font-weight"},errorMessageFontWeight:{...d,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...s,property:"color"},{...o,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:{...d,property:"color"},errorMessageIcon:{...d,property:"background-image"},errorMessageIconSize:{...d,property:"background-size"},errorMessageIconPadding:{...d,property:"padding-inline-start"},errorMessageIconRepeat:{...d,property:"background-repeat"},errorMessageIconPosition:{...d,property:"background-position"},errorMessageFontSize:{...d,property:"font-size"},helperTextColor:{...h,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"},{...b,property:"color"},{...n,property:"color"},{...c,property:"-webkit-text-fill-color"},{...v,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...b,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"},inputTextSecurity:[{...l,property:"-webkit-text-security"},{...l,property:"text-security"},{...y,property:"-webkit-text-security"},{...y,property:"text-security"}]}}}]);
 //# 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-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","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js"],"sourcesContent":["// 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;\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 { injectStyle } from '@descope-ui/common/components-helpers';\nimport { 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  isValidEpoch,\n  formatEpoch,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n  dateToEpoch,\n  parseDateString,\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 { newDate } from './date-utils';\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.resetEpoch();\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(epoch) {\n    this.epoch = dateToEpoch(epoch, this.isUtcTime);\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    const value = parseInt(val, 10);\n    if (!Number.isNaN(value)) {\n      this.updateEpoch(value);\n      this.updateDateCounters(new Date(value));\n    } else {\n      this.resetEpoch();\n      this.resetDateCounters();\n      this.clearInputEle();\n    }\n  }\n\n  resetEpoch() {\n    this.epoch = '';\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    // Reset any previous transform so getBoundingClientRect measures the natural position\n    this.#popoverPosStylesheet?.replaceSync(\n      `vaadin-popover-overlay::part(overlay) { transform: none; }`\n    );\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    const css = `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `;\n\n    if (this.#popoverPosStylesheet) {\n      this.#popoverPosStylesheet.replaceSync(css);\n    } else {\n      this.#popoverPosStylesheet = injectStyle(css, 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.clearInputEle();\n    }\n  }\n\n  clearInputEle() {\n    this.inputElement.value = '';\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(this.isUtcTime ? date.getUTCMonth() + 1 : date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(this.isUtcTime ? date.getUTCFullYear() : date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(this.isUtcTime ? date.getUTCDate() : 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      if (Number.isNaN(parseInt(val, 10))) {\n        return;\n      }\n      this.value = Number(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 || 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 (Number.isNaN(this.epoch)) {\n      return ret;\n    }\n\n    try {\n      const date = new Date(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","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","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","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  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n"],"names":["DateCounter","Object","freeze","constructor","id","min","max","placeholder","onChange","this","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","componentName","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","observedAttrs","textVars","TextFieldClass","cssVarList","host","input","inputEleRTL","toggleButton","overlay","backdrop","errorMessage","selector","DateFieldClass","componentNameOverride","mappings","iconMargin","property","hostWidth","hostDirection","textAlign","rtlInputDirection","inputDirection","rtlInputAlignment","inputTextAlign","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","epoch","format","selectedCounterIdx","updateCountersDisplay","inputElement","value","countersValue","updateValue","isCountersOutOfRange","resetEpoch","date","formats","getDate","updateEpoch","isUtcTime","onDateCounterChange","dateCounters","MONTH","bind","DAY","YEAR","observedAttributes","concat","super","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","getTime","sortedCounters","map","find","dc","activeCounter","baseElement","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","parseInt","isNaN","resetDateCounters","clearInputEle","updateDateCounters","Date","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","init","updateFormatPattern","initPopover","initInputElement","setTimeout","getValidity","checkValidity","addEventListener","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","appendChild","closePopover","style","setProperty","updateCalendarView","popover","replaceSync","windowRect","document","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","css","ele","createElement","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","focus","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","forEach","getUTCMonth","getUTCFullYear","getUTCDate","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","remove","attributeChangedCallback","attrName","oldValue","newValue","yearCounter","isYearOutOfRange","year","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","navigator","clipboard","writeText","err","console","error","pastedData","clipboardData","window","getData","validDate","String","customElements","define","proxyProps","useProxyTargets","superclass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","label","requiredIndicator","inputField","inputMask","helperText","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","fontSize","fontFamily","labelFontSize","labelFontWeight","labelTextColor","hostMinWidth","inputBackgroundColor","errorMessageTextColor","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity"],"sourceRoot":""}
+{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["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","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js"],"sourcesContent":["// 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;\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 { injectStyle } from '@descope-ui/common/components-helpers';\nimport { 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  isValidEpoch,\n  formatEpoch,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n  dateToEpoch,\n  parseDateString,\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 { newDate } from './date-utils';\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.resetEpoch();\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(epoch) {\n    this.epoch = dateToEpoch(epoch, this.isUtcTime);\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    const value = parseInt(val, 10);\n    if (!Number.isNaN(value)) {\n      this.updateEpoch(value);\n      this.updateDateCounters(new Date(value));\n    } else {\n      this.resetEpoch();\n      this.resetDateCounters();\n      this.clearInputEle();\n    }\n  }\n\n  resetEpoch() {\n    this.epoch = '';\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    // Reset any previous transform so getBoundingClientRect measures the natural position\n    this.#popoverPosStylesheet?.replaceSync(\n      `vaadin-popover-overlay::part(overlay) { transform: none; }`\n    );\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    const css = `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `;\n\n    if (this.#popoverPosStylesheet) {\n      this.#popoverPosStylesheet.replaceSync(css);\n    } else {\n      this.#popoverPosStylesheet = injectStyle(css, 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.clearInputEle();\n    }\n  }\n\n  clearInputEle() {\n    this.inputElement.value = '';\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(this.isUtcTime ? date.getUTCMonth() + 1 : date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(this.isUtcTime ? date.getUTCFullYear() : date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(this.isUtcTime ? date.getUTCDate() : 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      if (Number.isNaN(parseInt(val, 10))) {\n        return;\n      }\n      this.value = Number(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 || 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 (Number.isNaN(this.epoch)) {\n      return ret;\n    }\n\n    try {\n      const date = new Date(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      labelFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.labelFontWeight,\n      },\n      inputValueFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputValueFontWeight,\n      },\n      inputPlaceholderFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputPlaceholderFontWeight,\n      },\n      helperTextFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.helperTextFontWeight,\n      },\n      errorMessageFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontWeight,\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","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","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","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  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    { selector: () => ':host input:placeholder-shown', property: 'font-weight' },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, 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  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n"],"names":["DateCounter","Object","freeze","constructor","id","min","max","placeholder","onChange","this","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","componentName","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","observedAttrs","textVars","TextFieldClass","cssVarList","host","input","inputEleRTL","toggleButton","overlay","backdrop","errorMessage","selector","DateFieldClass","componentNameOverride","mappings","iconMargin","property","hostWidth","hostDirection","textAlign","rtlInputDirection","inputDirection","rtlInputAlignment","inputTextAlign","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","epoch","format","selectedCounterIdx","updateCountersDisplay","inputElement","value","countersValue","updateValue","isCountersOutOfRange","resetEpoch","date","formats","getDate","updateEpoch","isUtcTime","onDateCounterChange","dateCounters","MONTH","bind","DAY","YEAR","observedAttributes","concat","super","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","getTime","sortedCounters","map","find","dc","activeCounter","baseElement","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","parseInt","isNaN","resetDateCounters","clearInputEle","updateDateCounters","Date","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","init","updateFormatPattern","initPopover","initInputElement","setTimeout","getValidity","checkValidity","addEventListener","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","appendChild","closePopover","style","setProperty","updateCalendarView","popover","replaceSync","windowRect","document","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","css","ele","createElement","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","focus","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","forEach","getUTCMonth","getUTCFullYear","getUTCDate","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","remove","attributeChangedCallback","attrName","oldValue","newValue","yearCounter","isYearOutOfRange","year","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","navigator","clipboard","writeText","err","console","error","pastedData","clipboardData","window","getData","validDate","String","customElements","define","proxyProps","useProxyTargets","superclass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","label","requiredIndicator","inputField","inputMask","helperText","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","fontSize","fontFamily","labelFontSize","labelTextColor","hostMinWidth","inputBackgroundColor","errorMessageTextColor","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity"],"sourceRoot":""}

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

@@ -1,5 +1,5 @@
 /*! For license information please see descope-email-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5695],{54316(t,e,r){r.r(e),r.d(e,{EmailFieldClass:()=>g,componentName:()=>m}),r(52733);var i=r(47642),o=r(87550);const l=o.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5695],{54316(t,e,r){r.r(e),r.d(e,{EmailFieldClass:()=>m,componentName:()=>g}),r(52733);var o=r(47642),i=r(87550);const l=i.AH`
   :host([dir='rtl']) [part='input-field'] ::slotted(input) {
     --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
   }
@@ -7,7 +7,7 @@
   :host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
     --_lumo-text-field-overflow-mask-image: none;
   }
-`;(0,o.SF)("vaadin-email-field",[i.k,l],{moduleId:"lumo-email-field"});var n=r(82901),a=r(27136);const p=r(51450).AH`
+`;(0,i.SF)("vaadin-email-field",[o.k,l],{moduleId:"lumo-email-field"});var n=r(82901),a=r(27136);const p=r(51450).AH`
   :host([dir='rtl']) [part='input-field'] {
     direction: ltr;
   }
@@ -16,7 +16,7 @@
     direction: rtl;
     text-align: left;
   }
-`;(0,o.SF)("vaadin-email-field",p,{moduleId:"vaadin-email-field-styles"});class s extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,n.X)(s);var d=r(79365),u=r(6424),c=r(9696),h=r(97810),y=r(73551);const m=(0,h.xE)("email-field"),g=(0,c.Zz)((0,d.RF)({mappings:u.A}),d.VO,(0,d.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,d.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),d.tQ,t=>class extends t{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})((0,d.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-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(${g.cssVarList.inputOutlineWidth}) + var(${g.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,y.$J)("vaadin-email-field")}\n\t\t\t${(0,y.cy)(g.cssVarList)}\n\t\t\t${(0,y.LJ)("vaadin-email-field",g.cssVarList)}\n      ${(0,y.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:m}));customElements.define(m,g)},6424(t,e,r){r.d(e,{A:()=>x});const{host:i,label:o,placeholder:l,requiredIndicator:n,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:m,externalInputDisabled:g,externalPlaceholder:f,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)"}},x={fontSize:[{},i],fontFamily:[o,a,d,u],labelFontSize:{...o,property:"font-size"},labelFontWeight:{...o,property:"font-weight"},labelTextColor:[{...o,property:"color"},{...n,property:"color"},{...o,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...i,property:"width"},hostMinWidth:{...i,property:"min-width"},hostDirection:{...i,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...m,property:"caret-color"}],labelRequiredIndicator:{...n,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:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...m,property:"padding-left"},{...m,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:[{...p,property:"text-align"},{...m,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...l,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...o,property:"position"},labelTopPosition:{...o,property:"top"},labelHorizontalPosition:[{...o,property:"left"},{...o,property:"right"}],inputTransformY:{...o,property:"transform"},inputTransition:{...o,property:"transition"},marginInlineStart:{...o,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...m,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...m,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...m,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...p,property:"-webkit-text-security"},{...p,property:"text-security"},{...m,property:"-webkit-text-security"},{...m,property:"text-security"}]}},18330(t,e,r){r.d(e,{f:()=>o});var i=r(44099);class o extends i.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436(t,e,r){r.d(e,{a:()=>o});var i=r(44218);const o=t=>class extends((0,i.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136(t,e,r){r.d(e,{A:()=>h}),r(86689);var i=r(13256),o=r(82901),l=r(72562),n=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),u=r(37720);const c=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new u.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,p.cp)((0,l.q)(i.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return i.qy`
+`;(0,i.SF)("vaadin-email-field",p,{moduleId:"vaadin-email-field-styles"});class s extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,n.X)(s);var d=r(79365),u=r(6424),c=r(9696),h=r(97810),y=r(73551);const g=(0,h.xE)("email-field"),m=(0,c.Zz)((0,d.RF)({mappings:u.A}),d.VO,(0,d.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,d.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),d.tQ,t=>class extends t{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})((0,d.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-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(${m.cssVarList.inputOutlineWidth}) + var(${m.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,y.$J)("vaadin-email-field")}\n\t\t\t${(0,y.cy)(m.cssVarList)}\n\t\t\t${(0,y.LJ)("vaadin-email-field",m.cssVarList)}\n      ${(0,y.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,m)},6424(t,e,r){r.d(e,{A:()=>x});const{host:o,label:i,placeholder:l,requiredIndicator:n,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:f,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)"}},x={fontSize:[{},o],fontFamily:[i,a,d,u],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},inputValueFontWeight:[{...p,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...f,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...u,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...n,property:"color"},{...i,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...n,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:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,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:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...l,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...p,property:"-webkit-text-security"},{...p,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},18330(t,e,r){r.d(e,{f:()=>i});var o=r(44099);class i extends o.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436(t,e,r){r.d(e,{a:()=>i});var o=r(44218);const i=t=>class extends((0,o.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136(t,e,r){r.d(e,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),l=r(72562),n=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),u=r(37720);const c=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new u.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,p.cp)((0,l.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;
@@ -51,5 +51,5 @@
         </div>
       </div>
       <slot name="tooltip"></slot>
-    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,o.X)(h)},52733(t,e,r){r(27397);var i=r(47642);(0,r(87550).SF)("vaadin-text-field",i.k,{moduleId:"lumo-text-field-styles"}),r(27136)}}]);
+    `}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new n.I(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,i.X)(h)},52733(t,e,r){r(27397);var o=r(47642);(0,r(87550).SF)("vaadin-text-field",o.k,{moduleId:"lumo-text-field-styles"}),r(27136)}}]);
 //# sourceMappingURL=descope-email-field-index-js.js.map