@descope/web-components-ui 1.76.0 → 1.78.0

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

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9257],{6424:(e,t,i)=>{i.d(t,{A:()=>f});const{host:r,label:n,placeholder:o,requiredIndicator:a,inputField:s,input:l,inputMask:p,helperText:d,errorMessage:u,disabledPlaceholder:h,inputDisabled:c,inputIcon:g,externalInput:y,externalInputDisabled:m,externalPlaceholder:v,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},r],fontFamily:[n,s,d,u],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...a,property:"color"},{...n,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,property:"background-color"},{...p,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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...s,property:"color"},{...c,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,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"},{...h,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:[{...s,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},21374:(e,t,i)=>{i.r(t),i.d(t,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(79275);customElements.define(r.T,r.w)},64609:(e,t,i)=>{i.r(t),i.d(t,{DateFieldClass:()=>V,componentName:()=>m}),i(45992),i(88350),i(21374);var r=i(3393),n=i(79365),o=i(97810),a=i(9696),s=i(49224),l=i(64101);const p={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},d=e=>{const t=(e=>`^${e.split(l.eT).map((e=>p[e])).join("\\D")}$`)(e),i=(e=>{const t=e.split(l.eT);return e=>{const i={};return t.forEach(((t,r)=>{i[t]=e[r+1]})),[i.YYYY,i.MM,i.DD]}})(e),r=new RegExp(t);return{pattern:t,validate:e=>r.test(e),getDate:e=>((e,t,i)=>{const r=t.exec(e);if(!r)return null;const[n,o,a]=i(r);return(0,s.Nq)([n,o,a].join(l.eT))})(e,r,i)}},u=Object.fromEntries(l.SP.map((e=>[e,d(e)])));var h=i(80071);class c{constructor({id:e,min:t,max:i,placeholder:r}){this.id=e,this.data=[],this.min=t,this.max=i,this.placeholder=r}get#e(){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){return this.data.push(e),this.numberValue>this.max?(this.data.length=0,this.data.push(e)):this.length<this.data.length&&this.data.shift(),e}del(){this.data.filter((e=>"0"!==e)).filter(Boolean).length?this.data.pop():this.data.length=0}clear(){this.data=[]}inc(e){this.replaceValue(this.#e+(e||1))}dec(e){this.replaceValue(this.#e-(e||1))}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}}var g=i(79275),y=i(25964);const m=(0,o.xE)("date-field"),v=(0,r.y)({componentName:m,baseSelector:"vaadin-popover"}),b=["format","opened","initial-value","readonly"],f=["years-range","calendar-months","calendar-weekdays"],C=[...b,...f],x=g.w.cssVarList,{host:E,input:w,inputEleRTL:k,toggleButton:I,overlay:P,backdrop:T}={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,n.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,n.RF)({mappings:{iconMargin:{...I,property:"margin-inline-end"},hostWidth:{...E,property:"width"},hostDirection:{...E,property:"direction"},textAlign:{...w,property:"text-align"},rtlInputDirection:{...k,property:x.inputDirection},rtlInputAlignment:{...k,property:x.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}}}),(0,n.mA)({name:"overlay",selector:"",mappings:{marginTop:{...P,property:"margin-top"},backgroundColor:{...P},backdropBackgroundColor:{...T,property:"background-color"},backdropPointerEvents:{...T,property:"pointer-events"},padding:{...P},boxShadow:{...P},outlineWidth:{...P},outlineColor:{...P},outlineStyle:{...P}}}),n.VO,n.tQ)(class extends v{timestamp="";format=l.ui;selectedCounterIdx=0;dateCounters=[new c(l.rR.MONTH),new c(l.rR.DAY),new c(l.rR.YEAR)];static get observedAttributes(){return[].concat(v.observedAttributes||[],C)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field>\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,y.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        ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar"),this.oninvalid=()=>{this.inputElement.setAttribute("invalid","true"),this.inputElement.focus()}}get opened(){return"true"===this.getAttribute("opened")}get inputValueTimestamp(){const e=u[this.format].getDate(this.inputElement.value);return(0,s.xP)(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(l.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(l.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.timestamp}set value(e){if(!e)return;const t=Number(e);let i,r;Number.isNaN(t)?(i=(0,s.Nq)(e),r=i.getTime()):(i=(0,s.Nq)(t),r=t),(0,s.xP)(r)&&r!==this.timestamp&&(this.timestamp=r,this.updateInputDisplay(),this.updateDateCounters(i),this.dispatchEvent(new Event("input")))}updateInputDisplay(){this.inputElement.value=(0,s.Ey)((0,s.Nq)(this.value).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.initInputElement(),setTimeout((()=>{this.#t()}),0)}initInputElement(){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("input",this.onInput.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyDownValueChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeydownCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleValueChange.bind(this)),(0,o.EA)(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","invalid","bordered"]})}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#i.bind(this),this.baseElement.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation()}))}#r;#i(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#n()),(0,s.Xs)(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout((()=>{this.#o(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)}),100)}#o(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#r?.remove();const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),r=this.calendar.getBoundingClientRect(),n=this.isRTL?"right":"left",o=i[n]-r[n],a=r.left,s=t.width-r.right;let l;l=o>0?Math.min(o,s):-1*Math.min(Math.abs(o),a),(0,y.fz)(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#n(){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}#t(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){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,s.Nq)(this.calendar.value);this.value=e.getTime(),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.dispatchEvent(new Event("input"))}this.closePopover()}updateCalendarView(){const e=(0,s.xP)((0,s.Nq)(this.inputElement.value||"").getTime())&&u[this.format].validate(this.inputElement.value);this.inputValueTimestamp||e?this.calendar.setAttribute("initial-value",(0,s.Ey)(this.inputValueTimestamp||this.timestamp,l.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,s.Ey)((0,s.Ln)(),l.wJ))),(0,o.EA)(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onInput(e){e.target.value||(this.calendar?.clear(),this.calendar?.renderCalendar())}onFocus(){this.isReadOnly||this.inputElement.value||(this.inputElement.value=this.format,this.setInputSelectionRange())}clearInputValue(){this.inputElement.value="",this.resetDateCounters()}onBlur(){this.inputValueTimestamp?this.value=this.inputValueTimestamp:this.opened||this.countersValue!==this.format||this.clearInputValue()}onFormatUpdate(e){Object.keys(u).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||l.ui;this.setAttribute("type","date"),this.setAttribute("pattern",u[e].pattern)}handleValueChange(e){(0,s.Et)(e.key)&&(e.preventDefault(),this.handleCountersValue(e.key),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)}handleCountersValue(e){this.activeCounter.add(e),this.inputElement.value=this.countersValue}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target.selectionStart)}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(){if(this.selectedCounterIdx<0)return;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 l.rR.MONTH.id:t.set(e.getMonth()+1);break;case l.rR.YEAR.id:t.set(e.getFullYear());break;case l.rR.DAY.id:t.set(e.getDate())}}))}handleKeyDownValueChange(e){if(this.isReadOnly)return;const{key:t,shiftKey:i,metaKey:r}=e,n=(0,s.y4)(t,i,r),o=n.refresh||n.tab||n.shiftTab;if(this.opened&&this.closePopover(),(0,s.KQ)(t)){e.preventDefault();const t=this.activeCounter;if(!t)return;const i=Object.values(l.rR).find((e=>e.id===t.id)),{count:r,shiftCount:o}=i;n.backspace?this.handleBackspace():n.arrowUp?t.inc():n.arrowDown?t.dec():n.shiftArrowUp?t.inc(r):n.shiftArrowDown?t.dec(r):n.pageUp?t.inc(r):n.pageDown?t.dec(r):n.shiftPageUp?t.inc(o):n.shiftPageDown&&t.dec(o),this.inputElement.value=this.countersValue,this.setInputSelectionRange()}else o||e.preventDefault()}handleBackspace(){const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.del()}handleKeydownCaretPositionChange(e){if(this.opened)return;const{key:t}=e;if((0,s.KQ)(t)){e.preventDefault();const i=(0,s.y4)(t,!1);i.arrowRight?this.selectNextCounter():i.arrowLeft&&this.selectPrevCounter(),this.setInputSelectionRange()}}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout((()=>{this.value=e}))}attributeChangedCallback(e,t,i){super.attributeChangedCallback?.(e,t,i),t!==i&&(b.includes(e)?(i&&"format"===e&&this.onFormatUpdate(i),"initial-value"===e&&this.onInitialValueChange(i)):f.includes(e)&&(i?this.calendar?.setAttribute(e,i):this.calendar?.removeAttribute(e)))}getValidity(){return this.isRequired&&!this.inputElement.value?{valueMissing:!0}:{}}});customElements.define(m,V)},79275:(e,t,i)=>{i.d(t,{T:()=>l,w:()=>d});var r=i(79365),n=i(6424),o=i(9696),a=i(97810),s=i(73551);const l=(0,a.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,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(d.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9257],{6424:(e,t,i)=>{i.d(t,{A:()=>f});const{host:r,label:n,placeholder:o,requiredIndicator:a,inputField:s,input:l,inputMask:p,helperText:d,errorMessage:u,disabledPlaceholder:h,inputDisabled:c,inputIcon:g,externalInput:y,externalInputDisabled:m,externalPlaceholder:v,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},r],fontFamily:[n,s,d,u],labelFontSize:{...n,property:"font-size"},labelFontWeight:{...n,property:"font-weight"},labelTextColor:[{...n,property:"color"},{...a,property:"color"},{...n,property:"-webkit-text-fill-color"},{...a,property:"-webkit-text-fill-color"}],hostWidth:{...r,property:"width"},hostMinWidth:{...r,property:"min-width"},hostDirection:{...r,property:"direction"},inputDirection:{...l,property:"direction"},inputBackgroundColor:[{...s,property:"background-color"},{...p,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:[{...s,property:"color"},{...c,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...l,property:"caret-color"},{...y,property:"caret-color"}],labelRequiredIndicator:{...a,property:"content"},inputBorderColor:{...s,property:"border-color"},inputBorderWidth:{...s,property:"border-width"},inputBorderStyle:{...s,property:"border-style"},inputBorderRadius:{...s,property:"border-radius"},inputHeight:{...s,property:"height"},inputHorizontalPadding:[{...l,property:"padding-left"},{...l,property:"padding-right"},{...y,property:"padding-left"},{...y,property:"padding-right"}],inputOutlineColor:{...s,property:"outline-color"},inputOutlineStyle:{...s,property:"outline-style"},inputOutlineWidth:{...s,property:"outline-width"},inputOutlineOffset:{...s,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"},{...h,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:[{...s,property:"align-items"},{...y,property:"align-items"}],valueInputHeight:[{...l,property:"height"},{...y,property:"height"}],valueInputMarginBottom:[{...l,property:"margin-bottom"},{...y,property:"margin-bottom"}],inputIconOffset:[{...g,property:"margin-right"},{...g,property:"margin-left"}],inputIconSize:{...g,property:"font-size"},inputIconColor:{...g,property:"color"}}},21374:(e,t,i)=>{i.r(t),i.d(t,{TextFieldClass:()=>r.w,componentName:()=>r.T}),i(11284),i(37182),i(95260);var r=i(79275);customElements.define(r.T,r.w)},64609:(e,t,i)=>{i.r(t),i.d(t,{DateFieldClass:()=>V,componentName:()=>m}),i(45992),i(88350),i(21374);var r=i(3393),n=i(79365),o=i(97810),a=i(9696),s=i(49224),l=i(64101);const p={MM:"(0?[1-9]|1[0-2])",DD:"(0?[1-9]|[12][0-9]|3[01])",YYYY:"([0-9]{4})"},d=e=>{const t=(e=>`^${e.split(l.eT).map((e=>p[e])).join("\\D")}$`)(e),i=(e=>{const t=e.split(l.eT);return e=>{const i={};return t.forEach(((t,r)=>{i[t]=e[r+1]})),[i.YYYY,i.MM,i.DD]}})(e),r=new RegExp(t);return{pattern:t,validate:e=>r.test(e),getDate:e=>((e,t,i)=>{const r=t.exec(e);if(!r)return null;const[n,o,a]=i(r);return(0,s.Nq)([n,o,a].join(l.eT))})(e,r,i)}},u=Object.fromEntries(l.SP.map((e=>[e,d(e)])));var h=i(80071);class c{constructor({id:e,min:t,max:i,placeholder:r}){this.id=e,this.data=[],this.min=t,this.max=i,this.placeholder=r}get#e(){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){return this.data.push(e),this.numberValue>this.max?(this.data.length=0,this.data.push(e)):this.length<this.data.length&&this.data.shift(),e}del(){this.data.filter((e=>"0"!==e)).filter(Boolean).length?this.data.pop():this.data.length=0}clear(){this.data=[]}inc(e){this.replaceValue(this.#e+(e||1))}dec(e){this.replaceValue(this.#e-(e||1))}isInRange(e){return e>=this.min&&e<=this.max}replaceValue(e){this.isInRange(e)&&(this.data=e.toString().padStart(this.length,0).split(""))}}var g=i(79275),y=i(25964);const m=(0,o.xE)("date-field"),v=(0,r.y)({componentName:m,baseSelector:"vaadin-popover"}),b=["format","opened","initial-value","readonly"],f=["years-range","calendar-months","calendar-weekdays"],C=[...b,...f],x=g.w.cssVarList,{host:E,input:w,inputEleRTL:k,toggleButton:I,overlay:P,backdrop:T}={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,n.RF)({componentNameOverride:(0,o.xE)("input-wrapper")}),(0,n.RF)({mappings:{iconMargin:{...I,property:"margin-inline-end"},hostWidth:{...E,property:"width"},hostDirection:{...E,property:"direction"},textAlign:{...w,property:"text-align"},rtlInputDirection:{...k,property:x.inputDirection},rtlInputAlignment:{...k,property:x.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}}}),(0,n.mA)({name:"overlay",selector:"",mappings:{marginTop:{...P,property:"margin-top"},backgroundColor:{...P},backdropBackgroundColor:{...T,property:"background-color"},backdropPointerEvents:{...T,property:"pointer-events"},padding:{...P},boxShadow:{...P},outlineWidth:{...P},outlineColor:{...P},outlineStyle:{...P}}}),n.VO,n.tQ)(class extends v{timestamp="";format=l.ui;selectedCounterIdx=0;dateCounters=[new c(l.rR.MONTH),new c(l.rR.DAY),new c(l.rR.YEAR)];static get observedAttributes(){return[].concat(v.observedAttributes||[],C)}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n    <div>\n      <descope-text-field>\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,y.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        ',this),this.inputElement=this.shadowRoot.querySelector("descope-text-field"),this.popoverToggleButton=this.inputElement.querySelector(".toggle-calendar"),this.oninvalid=()=>{this.inputElement.setAttribute("invalid","true"),this.inputElement.focus()}}get opened(){return"true"===this.getAttribute("opened")}get inputValueTimestamp(){const e=u[this.format].getDate(this.inputElement.value);return(0,s.xP)(e?.getTime())?e.getTime():null}get sortedCounters(){return this.format.split(l.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(l.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.timestamp}set value(e){if(!e)return;const t=Number(e);let i,r;Number.isNaN(t)?(i=(0,s.Nq)(e),r=i.getTime()):(i=(0,s.Nq)(t),r=t),(0,s.xP)(r)&&r!==this.timestamp&&(this.timestamp=r,this.updateInputDisplay(),this.updateDateCounters(i),this.dispatchEvent(new Event("input")))}updateInputDisplay(){this.inputElement.value=(0,s.Ey)((0,s.Nq)(this.value).getTime(),this.format)}init(){super.init?.(),this.updateFormatPattern(),this.initPopover(),this.initInputElement(),setTimeout((()=>{this.#t()}),0)}initInputElement(){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("input",this.onInput.bind(this)),this.inputElement.addEventListener("click",this.handleMouseCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeyDownValueChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleKeydownCaretPositionChange.bind(this)),this.inputElement.addEventListener("keydown",this.handleValueChange.bind(this)),(0,o.EA)(this,this.inputElement,{includeAttrs:["label","label-type","placeholder","disabled","readonly","bordered","required","full-width","st-host-direction","pattern","invalid","bordered"]})}initPopover(){this.baseElement.trigger=["click"],this.baseElement.withBackdrop=!0,this.baseElement.renderer=this.#i.bind(this),this.baseElement.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation()}))}#r;#i(e){e.firstChild||(this.overlay.positionTarget=this.shadowRoot.querySelector(".toggle-calendar"),e.appendChild(this.#n()),(0,s.Xs)(this.baseElement),this.backdrop.addEventListener("click",this.closePopover.bind(this))),e.style.setProperty("visibility","hidden"),setTimeout((()=>{this.#o(e),e.style.setProperty("visibility","visible"),this.updateCalendarView(e)}),100)}#o(){const e=this.shadowRoot.querySelector("vaadin-popover").shadowRoot;this.#r?.remove();const t=document.body.getBoundingClientRect(),i=this.getBoundingClientRect(),r=this.calendar.getBoundingClientRect(),n=this.isRTL?"right":"left",o=i[n]-r[n],a=r.left,s=t.width-r.right;let l;l=o>0?Math.min(o,s):-1*Math.min(Math.abs(o),a),(0,y.fz)(`\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${l}px);\n      }\n    `,e)}#n(){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}#t(){this.overlay._attachOverlay=()=>this.overlay.bringToFront(),this.overlay._detachOverlay=()=>{},this.overlay._enterModalState=()=>{}}onPopoverToggle(){this.opened?this.closePopover():this.openPopover()}openPopover(){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,s.Nq)(this.calendar.value);this.value=e.getTime(),this.getCounterById("year").replaceValue(e.getFullYear()),this.getCounterById("month").replaceValue(e.getMonth()+1),this.getCounterById("day").replaceValue(e.getDate()),this.dispatchEvent(new Event("input"))}this.closePopover()}updateCalendarView(){const e=(0,s.xP)((0,s.Nq)(this.inputElement.value||"").getTime())&&u[this.format].validate(this.inputElement.value);this.inputValueTimestamp||e?this.calendar.setAttribute("initial-value",(0,s.Ey)(this.inputValueTimestamp||this.timestamp,l.wJ)):(this.calendar.clearValue(),this.calendar.setAttribute("preview",(0,s.Ey)((0,s.Ln)(),l.wJ))),(0,o.EA)(this,this.calendar,{includeAttrs:["st-host-direction","readonly","initial-month","initial-year","years-range","calendar-label-submit","calendar-label-cancel","calendar-months","calendar-weekdays","calendar-weekdays-short"]})}onInput(e){e.target.value||(this.calendar?.clear(),this.calendar?.renderCalendar())}onFocus(){this.isReadOnly||this.inputElement.value||(this.inputElement.value=this.format,this.setInputSelectionRange())}clearInputValue(){this.inputElement.value="",this.resetDateCounters()}onBlur(){this.inputValueTimestamp?this.value=this.inputValueTimestamp:this.opened||this.countersValue!==this.format||this.clearInputValue()}onFormatUpdate(e){Object.keys(u).includes(e)&&(this.format=e,this.updateFormatPattern())}updateFormatPattern(){const e=this.getAttribute("format")||this.format||l.ui;this.setAttribute("type","date"),this.setAttribute("pattern",u[e].pattern)}handleValueChange(e){(0,s.Et)(e.key)&&(e.preventDefault(),this.handleCountersValue(e.key),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)}handleCountersValue(e){this.activeCounter.add(e),this.inputElement.value=this.countersValue}setSelectedCounterByCaretPosition(e){this.selectedCounterIdx=this.getCounterIdx(e.target.selectionStart)}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(){if(this.selectedCounterIdx<0)return;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 l.rR.MONTH.id:t.set(e.getMonth()+1);break;case l.rR.YEAR.id:t.set(e.getFullYear());break;case l.rR.DAY.id:t.set(e.getDate())}}))}handleKeyDownValueChange(e){if(this.isReadOnly)return;const{key:t,shiftKey:i,metaKey:r}=e,n=(0,s.y4)(t,i,r),o=n.refresh||n.tab||n.shiftTab;if(this.opened&&this.closePopover(),(0,s.KQ)(t)){e.preventDefault();const t=this.activeCounter;if(!t)return;const i=Object.values(l.rR).find((e=>e.id===t.id)),{count:r,shiftCount:o}=i;n.backspace?this.handleBackspace():n.arrowUp?t.inc():n.arrowDown?t.dec():n.shiftArrowUp?t.inc(r):n.shiftArrowDown?t.dec(r):n.pageUp?t.inc(r):n.pageDown?t.dec(r):n.shiftPageUp?t.inc(o):n.shiftPageDown&&t.dec(o),this.inputElement.value=this.countersValue,this.setInputSelectionRange()}else o||e.preventDefault()}handleBackspace(){const e=this.activeCounter;e.isEmpty?(this.selectPrevCounter(),this.setInputSelectionRange()):e.del()}handleKeydownCaretPositionChange(e){if(this.opened)return;const{key:t}=e;if((0,s.KQ)(t)){e.preventDefault();const i=(0,s.y4)(t,!1);i.arrowRight?this.selectNextCounter():i.arrowLeft&&this.selectPrevCounter(),this.setInputSelectionRange()}}handleMouseCaretPositionChange(e){this.opened||(e.preventDefault(),this.setSelectedCounterByCaretPosition(e),this.setInputSelectionRange())}onInitialValueChange(e){this.value||setTimeout((()=>{this.value=e}))}attributeChangedCallback(e,t,i){super.attributeChangedCallback?.(e,t,i),t!==i&&(b.includes(e)?(i&&"format"===e&&this.onFormatUpdate(i),"initial-value"===e&&this.onInitialValueChange(i)):f.includes(e)&&(i?this.calendar?.setAttribute(e,i):this.calendar?.removeAttribute(e)))}getValidity(){return this.isRequired&&!this.inputElement.value?{valueMissing:!0}:{}}});customElements.define(m,V)},79275:(e,t,i)=>{i.d(t,{T:()=>l,w:()=>d});var r=i(79365),n=i(6424),o=i(9696),a=i(97810),s=i(73551);const l=(0,a.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,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(d.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",d.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:l}))}}]);
 //# sourceMappingURL=descope-date-field-index-js.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/formats.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js"],"sourcesContent":["const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { DIVIDER, SUPPORTED_FORMATS } from './consts';\nimport { newDate } from './helpers';\n\nconst patterns = {\n  MM: '(0?[1-9]|1[0-2])',\n  DD: '(0?[1-9]|[12][0-9]|3[01])',\n  YYYY: '([0-9]{4})',\n};\n\nconst createPattern = (format) => {\n  const pattern = format\n    .split(DIVIDER)\n    .map((part) => patterns[part])\n    .join('\\\\D');\n\n  return `^${pattern}$`;\n};\n\nconst createToValuesFn = (format) => {\n  const order = format.split(DIVIDER);\n  return (match) => {\n    const values = {};\n    order.forEach((part, index) => {\n      values[part] = match[index + 1];\n    });\n    return [values.YYYY, values.MM, values.DD];\n  };\n};\n\nconst createDate = (val, regexp, toValuesFn) => {\n  const match = regexp.exec(val);\n  if (!match) return null;\n  const [year, month, day] = toValuesFn(match);\n  return newDate([year, month, day].join(DIVIDER));\n};\n\nconst createFormat = (format) => {\n  const pattern = createPattern(format);\n  const toValuesFn = createToValuesFn(format);\n  const regexp = new RegExp(pattern);\n\n  return {\n    pattern,\n    validate: (val) => regexp.test(val),\n    getDate: (val) => createDate(val, regexp, toValuesFn),\n  };\n};\n\nexport const formats = Object.fromEntries(SUPPORTED_FORMATS.map((f) => [f, createFormat(f)]));\n","// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  constructor({ id, min, max, placeholder }) {\n    this.id = id;\n    this.data = [];\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\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    this.data.push(num);\n\n    if (this.numberValue > this.max) {\n      this.data.length = 0;\n      this.data.push(num);\n    } else if (this.length < this.data.length) {\n      this.data.shift();\n    }\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data.length = 0;\n    } else {\n      this.data.pop();\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(this.#initialNumValue + (gap || 1));\n  }\n\n  dec(gap) {\n    this.replaceValue(this.#initialNumValue - (gap || 1));\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","import { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  newDate,\n  isValidTimestamp,\n  formatTimestamp,\n  isSupportedKey,\n  isNumber,\n  getKeyMap,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport { counterConfig, DEFAULT_FORMAT, DIVIDER, NATIVE_FORMAT } from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  timestamp = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH),\n    new DateCounter(counterConfig.DAY),\n    new DateCounter(counterConfig.YEAR),\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>\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      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n\n    this.oninvalid = () => {\n      this.inputElement.setAttribute('invalid', 'true');\n      this.inputElement.focus();\n    };\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a timestamp\n  get inputValueTimestamp() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidTimestamp(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    return this.timestamp;\n  }\n\n  set value(val) {\n    if (!val) return;\n\n    const numVal = Number(val);\n    const isValTimestamp = !Number.isNaN(numVal);\n\n    let date;\n    let timestamp;\n\n    if (isValTimestamp) {\n      date = newDate(numVal);\n      timestamp = numVal;\n    } else {\n      date = newDate(val);\n      timestamp = date.getTime();\n    }\n\n    if (!isValidTimestamp(timestamp) || timestamp === this.timestamp) {\n      return;\n    }\n\n    this.timestamp = timestamp;\n\n    this.updateInputDisplay();\n    this.updateDateCounters(date);\n\n    // since baseElement is set to vaadin-popover, we need to manually dispatch an input event to trigger getValidity\n    this.dispatchEvent(new Event('input'));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatTimestamp(newDate(this.value).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\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('input', this.onInput.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyDownValueChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeydownCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleValueChange.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        'invalid',\n        'bordered',\n      ],\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  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Remove previously added stylesheets\n    this.#popoverPosStylesheet?.remove();\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    injectStyle(\n      `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `,\n      popover\n    );\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = calendarDate.getTime();\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.dispatchEvent(new Event('input'));\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidTimestamp(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.inputValueTimestamp || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatTimestamp(this.inputValueTimestamp || this.timestamp, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatTimestamp(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  onInput(e) {\n    if (!e.target.value) {\n      this.calendar?.clear();\n      this.calendar?.renderCalendar();\n    }\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n      this.setInputSelectionRange();\n    }\n  }\n\n  clearInputValue() {\n    this.inputElement.value = '';\n    this.resetDateCounters();\n  }\n\n  onBlur() {\n    if (this.inputValueTimestamp) {\n      this.value = this.inputValueTimestamp;\n    } else if (!this.opened && this.countersValue === this.format) {\n      this.clearInputValue();\n    }\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  handleValueChange(e) {\n    if (isNumber(e.key)) {\n      e.preventDefault();\n\n      this.handleCountersValue(e.key);\n\n      if (this.activeCounter.isFull) {\n        this.selectNextCounter();\n      }\n\n      this.setInputSelectionRange();\n    }\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  handleCountersValue(val) {\n    this.activeCounter.add(val);\n    this.inputElement.value = this.countersValue;\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(e.target.selectionStart);\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    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  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyDownValueChange(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    const { key, shiftKey, metaKey } = e;\n    const keys = getKeyMap(key, shiftKey, metaKey);\n    const allowedOperations = keys.refresh || keys.tab || keys.shiftTab;\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (isSupportedKey(key)) {\n      e.preventDefault();\n      const counter = this.activeCounter;\n\n      if (!counter) return;\n\n      const counterData = Object.values(counterConfig).find((config) => config.id === counter.id);\n      const { count, shiftCount } = counterData;\n\n      if (keys.backspace) this.handleBackspace();\n      else if (keys.arrowUp) counter.inc();\n      else if (keys.arrowDown) counter.dec();\n      else if (keys.shiftArrowUp) counter.inc(count);\n      else if (keys.shiftArrowDown) counter.dec(count);\n      else if (keys.pageUp) counter.inc(count);\n      else if (keys.pageDown) counter.dec(count);\n      else if (keys.shiftPageUp) counter.inc(shiftCount);\n      else if (keys.shiftPageDown) counter.dec(shiftCount);\n\n      this.inputElement.value = this.countersValue;\n\n      this.setInputSelectionRange();\n    } else if (!allowedOperations) {\n      e.preventDefault();\n    }\n  }\n\n  handleBackspace() {\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.del();\n    }\n  }\n\n  handleKeydownCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    const { key } = e;\n\n    if (isSupportedKey(key)) {\n      e.preventDefault();\n\n      const keys = getKeyMap(key, false);\n\n      if (keys.arrowRight) this.selectNextCounter();\n      else if (keys.arrowLeft) this.selectPrevCounter();\n\n      this.setInputSelectionRange();\n    }\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n    e.preventDefault();\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      this.value = val;\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\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  getValidity() {\n    if (this.isRequired && !this.inputElement.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop } = {\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    },\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"],"names":["host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","customElements","define","patterns","MM","DD","YYYY","createFormat","format","pattern","split","map","part","join","createPattern","toValuesFn","order","match","values","forEach","index","createToValuesFn","regexp","RegExp","validate","val","test","getDate","exec","year","month","day","createDate","formats","Object","fromEntries","f","DateCounter","constructor","id","min","max","this","data","length","numberValue","Number","stringValue","padStart","isFull","isEmpty","toString","set","add","num","push","shift","del","filter","d","Boolean","pop","clear","inc","gap","replaceValue","dec","isInRange","componentName","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","observedAttrs","textVars","TextFieldClass","cssVarList","inputEleRTL","toggleButton","overlay","backdrop","DateFieldClass","componentNameOverride","mappings","iconMargin","rtlInputDirection","rtlInputAlignment","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","timestamp","selectedCounterIdx","dateCounters","MONTH","DAY","YEAR","observedAttributes","concat","super","attachShadow","mode","innerHTML","inputElement","shadowRoot","querySelector","popoverToggleButton","oninvalid","setAttribute","focus","opened","getAttribute","inputValueTimestamp","date","value","getTime","sortedCounters","find","dc","activeCounter","countersValue","baseElement","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","numVal","isNaN","updateInputDisplay","updateDateCounters","dispatchEvent","Event","init","updateFormatPattern","initPopover","initInputElement","setTimeout","addEventListener","onPopoverToggle","bind","onFocus","onBlur","onInput","handleMouseCaretPositionChange","handleKeyDownValueChange","handleKeydownCaretPositionChange","handleValueChange","includeAttrs","trigger","withBackdrop","renderer","e","preventDefault","stopPropagation","root","firstChild","positionTarget","appendChild","closePopover","style","setProperty","updateCalendarView","popover","remove","windowRect","document","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","Math","abs","ele","createElement","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","removeAttribute","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","clearValue","target","renderCalendar","setInputSelectionRange","clearInputValue","resetDateCounters","onFormatUpdate","keys","includes","key","handleCountersValue","selectNextCounter","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","selectionStart","selectPrevCounter","caretStart","slice","reduce","acc","counter","setSelectionRange","shiftKey","metaKey","allowedOperations","refresh","tab","shiftTab","counterData","config","count","shiftCount","backspace","handleBackspace","arrowUp","arrowDown","shiftArrowUp","shiftArrowDown","pageUp","pageDown","shiftPageUp","shiftPageDown","arrowRight","arrowLeft","onInitialValueChange","attributeChangedCallback","attrName","oldValue","newValue","getValidity","isRequired","valueMissing","proxyProps","useProxyTargets","superclass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","excludeAttrsSync"],"sourceRoot":""}
+{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/formats.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/TextFieldClass.js"],"sourcesContent":["const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: { selector: () => '::slotted(input:disabled::placeholder)' },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n};\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","import { DIVIDER, SUPPORTED_FORMATS } from './consts';\nimport { newDate } from './helpers';\n\nconst patterns = {\n  MM: '(0?[1-9]|1[0-2])',\n  DD: '(0?[1-9]|[12][0-9]|3[01])',\n  YYYY: '([0-9]{4})',\n};\n\nconst createPattern = (format) => {\n  const pattern = format\n    .split(DIVIDER)\n    .map((part) => patterns[part])\n    .join('\\\\D');\n\n  return `^${pattern}$`;\n};\n\nconst createToValuesFn = (format) => {\n  const order = format.split(DIVIDER);\n  return (match) => {\n    const values = {};\n    order.forEach((part, index) => {\n      values[part] = match[index + 1];\n    });\n    return [values.YYYY, values.MM, values.DD];\n  };\n};\n\nconst createDate = (val, regexp, toValuesFn) => {\n  const match = regexp.exec(val);\n  if (!match) return null;\n  const [year, month, day] = toValuesFn(match);\n  return newDate([year, month, day].join(DIVIDER));\n};\n\nconst createFormat = (format) => {\n  const pattern = createPattern(format);\n  const toValuesFn = createToValuesFn(format);\n  const regexp = new RegExp(pattern);\n\n  return {\n    pattern,\n    validate: (val) => regexp.test(val),\n    getDate: (val) => createDate(val, regexp, toValuesFn),\n  };\n};\n\nexport const formats = Object.fromEntries(SUPPORTED_FORMATS.map((f) => [f, createFormat(f)]));\n","// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  constructor({ id, min, max, placeholder }) {\n    this.id = id;\n    this.data = [];\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\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    this.data.push(num);\n\n    if (this.numberValue > this.max) {\n      this.data.length = 0;\n      this.data.push(num);\n    } else if (this.length < this.data.length) {\n      this.data.shift();\n    }\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data.length = 0;\n    } else {\n      this.data.pop();\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(this.#initialNumValue + (gap || 1));\n  }\n\n  dec(gap) {\n    this.replaceValue(this.#initialNumValue - (gap || 1));\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","import { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  newDate,\n  isValidTimestamp,\n  formatTimestamp,\n  isSupportedKey,\n  isNumber,\n  getKeyMap,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport { counterConfig, DEFAULT_FORMAT, DIVIDER, NATIVE_FORMAT } from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  timestamp = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH),\n    new DateCounter(counterConfig.DAY),\n    new DateCounter(counterConfig.YEAR),\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>\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      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n\n    this.oninvalid = () => {\n      this.inputElement.setAttribute('invalid', 'true');\n      this.inputElement.focus();\n    };\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a timestamp\n  get inputValueTimestamp() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidTimestamp(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    return this.timestamp;\n  }\n\n  set value(val) {\n    if (!val) return;\n\n    const numVal = Number(val);\n    const isValTimestamp = !Number.isNaN(numVal);\n\n    let date;\n    let timestamp;\n\n    if (isValTimestamp) {\n      date = newDate(numVal);\n      timestamp = numVal;\n    } else {\n      date = newDate(val);\n      timestamp = date.getTime();\n    }\n\n    if (!isValidTimestamp(timestamp) || timestamp === this.timestamp) {\n      return;\n    }\n\n    this.timestamp = timestamp;\n\n    this.updateInputDisplay();\n    this.updateDateCounters(date);\n\n    // since baseElement is set to vaadin-popover, we need to manually dispatch an input event to trigger getValidity\n    this.dispatchEvent(new Event('input'));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatTimestamp(newDate(this.value).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\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('input', this.onInput.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyDownValueChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeydownCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleValueChange.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        'invalid',\n        'bordered',\n      ],\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  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Remove previously added stylesheets\n    this.#popoverPosStylesheet?.remove();\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    injectStyle(\n      `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `,\n      popover\n    );\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = calendarDate.getTime();\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.dispatchEvent(new Event('input'));\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidTimestamp(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.inputValueTimestamp || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatTimestamp(this.inputValueTimestamp || this.timestamp, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatTimestamp(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  onInput(e) {\n    if (!e.target.value) {\n      this.calendar?.clear();\n      this.calendar?.renderCalendar();\n    }\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n      this.setInputSelectionRange();\n    }\n  }\n\n  clearInputValue() {\n    this.inputElement.value = '';\n    this.resetDateCounters();\n  }\n\n  onBlur() {\n    if (this.inputValueTimestamp) {\n      this.value = this.inputValueTimestamp;\n    } else if (!this.opened && this.countersValue === this.format) {\n      this.clearInputValue();\n    }\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  handleValueChange(e) {\n    if (isNumber(e.key)) {\n      e.preventDefault();\n\n      this.handleCountersValue(e.key);\n\n      if (this.activeCounter.isFull) {\n        this.selectNextCounter();\n      }\n\n      this.setInputSelectionRange();\n    }\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  handleCountersValue(val) {\n    this.activeCounter.add(val);\n    this.inputElement.value = this.countersValue;\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(e.target.selectionStart);\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    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  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyDownValueChange(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    const { key, shiftKey, metaKey } = e;\n    const keys = getKeyMap(key, shiftKey, metaKey);\n    const allowedOperations = keys.refresh || keys.tab || keys.shiftTab;\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (isSupportedKey(key)) {\n      e.preventDefault();\n      const counter = this.activeCounter;\n\n      if (!counter) return;\n\n      const counterData = Object.values(counterConfig).find((config) => config.id === counter.id);\n      const { count, shiftCount } = counterData;\n\n      if (keys.backspace) this.handleBackspace();\n      else if (keys.arrowUp) counter.inc();\n      else if (keys.arrowDown) counter.dec();\n      else if (keys.shiftArrowUp) counter.inc(count);\n      else if (keys.shiftArrowDown) counter.dec(count);\n      else if (keys.pageUp) counter.inc(count);\n      else if (keys.pageDown) counter.dec(count);\n      else if (keys.shiftPageUp) counter.inc(shiftCount);\n      else if (keys.shiftPageDown) counter.dec(shiftCount);\n\n      this.inputElement.value = this.countersValue;\n\n      this.setInputSelectionRange();\n    } else if (!allowedOperations) {\n      e.preventDefault();\n    }\n  }\n\n  handleBackspace() {\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.del();\n    }\n  }\n\n  handleKeydownCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    const { key } = e;\n\n    if (isSupportedKey(key)) {\n      e.preventDefault();\n\n      const keys = getKeyMap(key, false);\n\n      if (keys.arrowRight) this.selectNextCounter();\n      else if (keys.arrowLeft) this.selectPrevCounter();\n\n      this.setInputSelectionRange();\n    }\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n    e.preventDefault();\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      this.value = val;\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\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  getValidity() {\n    if (this.isRequired && !this.inputElement.value) {\n      return { valueMissing: true };\n    }\n\n    return {};\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop } = {\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    },\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"],"names":["host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputOutlineWidth","inputOutlineOffset","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","customElements","define","patterns","MM","DD","YYYY","createFormat","format","pattern","split","map","part","join","createPattern","toValuesFn","order","match","values","forEach","index","createToValuesFn","regexp","RegExp","validate","val","test","getDate","exec","year","month","day","createDate","formats","Object","fromEntries","f","DateCounter","constructor","id","min","max","this","data","length","numberValue","Number","stringValue","padStart","isFull","isEmpty","toString","set","add","num","push","shift","del","filter","d","Boolean","pop","clear","inc","gap","replaceValue","dec","isInRange","componentName","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","observedAttrs","textVars","TextFieldClass","cssVarList","inputEleRTL","toggleButton","overlay","backdrop","DateFieldClass","componentNameOverride","mappings","iconMargin","rtlInputDirection","rtlInputAlignment","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","timestamp","selectedCounterIdx","dateCounters","MONTH","DAY","YEAR","observedAttributes","concat","super","attachShadow","mode","innerHTML","inputElement","shadowRoot","querySelector","popoverToggleButton","oninvalid","setAttribute","focus","opened","getAttribute","inputValueTimestamp","date","value","getTime","sortedCounters","find","dc","activeCounter","countersValue","baseElement","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","numVal","isNaN","updateInputDisplay","updateDateCounters","dispatchEvent","Event","init","updateFormatPattern","initPopover","initInputElement","setTimeout","addEventListener","onPopoverToggle","bind","onFocus","onBlur","onInput","handleMouseCaretPositionChange","handleKeyDownValueChange","handleKeydownCaretPositionChange","handleValueChange","includeAttrs","trigger","withBackdrop","renderer","e","preventDefault","stopPropagation","root","firstChild","positionTarget","appendChild","closePopover","style","setProperty","updateCalendarView","popover","remove","windowRect","document","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","Math","abs","ele","createElement","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","removeAttribute","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","clearValue","target","renderCalendar","setInputSelectionRange","clearInputValue","resetDateCounters","onFormatUpdate","keys","includes","key","handleCountersValue","selectNextCounter","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","selectionStart","selectPrevCounter","caretStart","slice","reduce","acc","counter","setSelectionRange","shiftKey","metaKey","allowedOperations","refresh","tab","shiftTab","counterData","config","count","shiftCount","backspace","handleBackspace","arrowUp","arrowDown","shiftArrowUp","shiftArrowDown","pageUp","pageDown","shiftPageUp","shiftPageDown","arrowRight","arrowLeft","onInitialValueChange","attributeChangedCallback","attrName","oldValue","newValue","getValidity","isRequired","valueMissing","proxyProps","useProxyTargets","superclass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","excludeAttrsSync"],"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([[5695],{6424:(t,e,r)=>{r.d(e,{A:()=>x});const{host:n,label:i,placeholder:o,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:f,externalPlaceholder:m,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:[{},n],fontFamily:[i,a,d,u],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,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"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...f,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...l,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"},{...m,property:"color"},{...o,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"},{...m,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"}}},18330:(t,e,r)=>{r.d(e,{f:()=>i});var n=r(44099);class i extends n.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})}}},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var n=r(13256),i=r(82901),o=r(90676),l=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,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[5695],{6424:(t,e,r)=>{r.d(e,{A:()=>x});const{host:n,label:i,placeholder:o,requiredIndicator:l,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:f,externalPlaceholder:m,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:[{},n],fontFamily:[i,a,d,u],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...l,property:"color"},{...i,property:"-webkit-text-fill-color"},{...l,property:"-webkit-text-fill-color"}],hostWidth:{...n,property:"width"},hostMinWidth:{...n,property:"min-width"},hostDirection:{...n,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"},{...f,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...l,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"},{...m,property:"color"},{...o,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"},{...m,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"}}},18330:(t,e,r)=>{r.d(e,{f:()=>i});var n=r(44099);class i extends n.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})}}},27136:(t,e,r)=>{r.d(e,{A:()=>h}),r(86689);var n=r(13256),i=r(82901),o=r(90676),l=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,o.q)(n.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return n.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;