@editora/ui-core 0.1.12 → 0.1.13

package/dist/date-picker.cjs.js

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ElementBase-1b301e7f.js"),w=require("./calendar-a8735e40.js"),s=require("./date-time-utils-5cf58cd0.js");require("./scroll-lock-48793569.js");let L=0;const q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ElementBase-1b301e7f.js"),L=require("./dismissable-layer-193e3bed.js"),w=require("./calendar-a8735e40.js"),a=require("./date-time-utils-378ecc21.js");require("./scroll-lock-d7b0df21.js");let q=0;const M=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
-`,M=`
+`,V=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.12l3.71-3.9a.75.75 0 1 1 1.08 1.04l-4.25 4.47a.75.75 0 0 1-1.08 0L5.2 8.27a.75.75 0 0 1 .02-1.06Z" fill="currentColor"/>
   </svg>
-`,V=`
+`,E=`
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06Z" fill="currentColor"/>
   </svg>
-`,E=`
+`,$=`
   :host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-surface: linear-gradient(
@@ -381,7 +381,7 @@
       transform: rotate(360deg);
     }
   }
-`,$=`
+`,R=`
   .overlay {
     position: fixed;
     z-index: var(--ui-dp-z, 1600);
@@ -524,10 +524,10 @@
       transform: translateY(0);
     }
   }
-`;function v(S){return S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class z extends P.ElementBase{constructor(){super(...arguments),this._value=null,this._pendingValue=null,this._draftInput="",this._inlineError="",this._open=!1,this._syncing=!1,this._overlay=null,this._releaseScrollLock=null,this._lastOpenSource="api",this._restoreFocusEl=null,this._isInitialized=!1,this._hasView=!1,this._overlayMode=null,this._uid=`ui-dp-${++L}`,this._inputId=`${this._uid}-input`,this._labelId=`${this._uid}-label`,this._hintId=`${this._uid}-hint`,this._errorId=`${this._uid}-error`,this._panelId=`${this._uid}-panel`,this._panelTitleId=`${this._uid}-panel-title`,this._overlayFocusedOnOpen=!1,this._inlineCalendarFramePending=!1,this._inlineCalendarUpgradePending=!1,this._schedulePosition=s.rafThrottle(()=>this._positionOverlay()),this._onRootClickBound=e=>this._onRootClick(e),this._onRootInputBound=e=>this._onRootInput(e),this._onRootBlurBound=e=>this._onRootBlur(e),this._onRootKeyDownBound=e=>this._onRootKeyDown(e),this._onDocumentPointerDownBound=e=>this._onDocumentPointerDown(e),this._onDocumentKeyDownBound=e=>this._onDocumentKeyDown(e),this._onWindowResizeBound=()=>this._schedulePosition.run(),this._onWindowScrollBound=()=>this._schedulePosition.run(),this._onOverlayClickBound=e=>this._onOverlayClick(e),this._onOverlaySelectBound=e=>this._onCalendarSelect(e)}static get observedAttributes(){return["open","default-open","value","default-value","min","max","locale","translations","week-start","size","shape","bare","variant","state","placeholder","label","hint","error","clearable","allow-input","close-on-select","outside-click","disabled","readonly","required","name","mode","events","events-max","events-display","format","display-format","show-footer"]}connectedCallback(){if(super.connectedCallback(),this.root.addEventListener("click",this._onRootClickBound),this.root.addEventListener("input",this._onRootInputBound),this.root.addEventListener("focusout",this._onRootBlurBound),this.root.addEventListener("keydown",this._onRootKeyDownBound),!this._isInitialized){const e=this._clampToBounds(s.normalizeDateIso(this.getAttribute("value"))||s.normalizeDateIso(this.getAttribute("default-value")));this._value=e,this._pendingValue=e,this._draftInput=this._formatDisplay(e),this._open=this.hasAttribute("open")||s.isTruthyAttr(this.getAttribute("default-open")),this._isInitialized=!0}this._open&&!this._isInlineMode()&&this._ensureOverlay(),this._isInlineMode()&&this._scheduleInlineCalendarSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClickBound),this.root.removeEventListener("input",this._onRootInputBound),this.root.removeEventListener("focusout",this._onRootBlurBound),this.root.removeEventListener("keydown",this._onRootKeyDownBound),this._destroyOverlay(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"&&!this._syncing&&(this._value=this._clampToBounds(s.normalizeDateIso(i)),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._syncValueAttribute(this._value)),e==="open"&&!this._syncing&&(this._open=this.hasAttribute("open"),this._syncOverlay(this._open?"api":"outside")),e==="mode"&&this._syncOverlay("attribute"),e==="disabled"&&this.hasAttribute("disabled")&&this._setOpen(!1,"outside"),(e==="min"||e==="max")&&!this._syncing){const r=this._clampToBounds(this._value),n=this._clampToBounds(this._pendingValue);this._value=r,this._pendingValue=n,this._draftInput=this._formatDisplay(this._allowInput()?n:r),this._syncValueAttribute(r)}if(e==="state"&&this._state()==="loading"&&this._setOpen(!1,"outside"),!!this.isConnected){if(!this._hasView){this.requestRender();return}this._updateHostState()}}}_isInlineMode(){return(this.getAttribute("mode")||"popover")==="inline"}_isMobileSheet(){return s.shouldUseMobileSheet(this.getAttribute("mode"))}_isDisabled(){return this.hasAttribute("disabled")}_isReadonly(){return this.hasAttribute("readonly")}_allowInput(){return s.isTruthyAttr(this.getAttribute("allow-input"),!0)}_clearable(){return s.isTruthyAttr(this.getAttribute("clearable"),!0)}_closeOnSelect(){return s.isTruthyAttr(this.getAttribute("close-on-select"),!0)}_showFooter(){return s.isTruthyAttr(this.getAttribute("show-footer"),!0)}_isBare(){return s.isTruthyAttr(this.getAttribute("bare"),!1)}_locale(){return s.normalizeLocale(this.getAttribute("locale"))}_translations(){return w.resolveDateTimeTranslations(this.getAttribute("locale"),this.getAttribute("translations"))}_formatMode(){const e=(this.getAttribute("format")||"locale").trim();return e==="iso"||e==="custom"?e:"locale"}_displayFormat(){return(this.getAttribute("display-format")||"").trim()||null}_placeholder(){const e=this._translations(),t=this.getAttribute("placeholder");return t||(this._formatMode()==="iso"?"YYYY-MM-DD":e.selectDate)}_todayIso(){const e=new Date,t=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${e.getFullYear()}-${t}-${i}`}_state(){const e=(this.getAttribute("state")||"").trim().toLowerCase();return e==="loading"||e==="success"||e==="error"?e:"idle"}_isInteractionBlocked(){return this._isDisabled()||this._state()==="loading"}_minIso(){return s.parseConstraintDate(this.getAttribute("min"))}_maxIso(){return s.parseConstraintDate(this.getAttribute("max"))}_resolvedBounds(){let e=this._minIso(),t=this._maxIso();if(e&&t&&w.compareISO(e,t)>0){const i=e;e=t,t=i}return{min:e,max:t}}_clampToBounds(e){if(!e)return null;const{min:t,max:i}=this._resolvedBounds();return s.clampDateIso(e,t,i)}_isWithinBounds(e){const{min:t,max:i}=this._resolvedBounds();return!(t&&w.compareISO(e,t)<0||i&&w.compareISO(e,i)>0)}_formatDisplay(e){return s.formatDateForDisplay(e,this._locale(),this._formatMode(),this._displayFormat())}_syncValueAttribute(e){this._syncing=!0;try{e?this.getAttribute("value")!==e&&this.setAttribute("value",e):this.hasAttribute("value")&&this.removeAttribute("value")}finally{this._syncing=!1}}_syncOpenAttribute(e){this._syncing=!0;try{e?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncing=!1}}_emitInput(e){const t={mode:"single",value:this._pendingValue,displayValue:this._formatDisplay(this._pendingValue),source:e};this.dispatchEvent(new CustomEvent("input",{detail:t,bubbles:!0,composed:!0}))}_emitChange(e){const t={mode:"single",value:this._value,displayValue:this._formatDisplay(this._value),source:e};this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_emitInvalid(e,t){this.dispatchEvent(new CustomEvent("invalid",{detail:{raw:e,reason:t},bubbles:!0,composed:!0}))}_setOpen(e,t){e&&this._isInteractionBlocked()||this._open!==e&&(this._open=e,this._overlayFocusedOnOpen=!1,this._lastOpenSource=t,this._syncOpenAttribute(e),this._syncOverlay(t),this._updateHostState(),this.dispatchEvent(new CustomEvent(e?"open":"close",{bubbles:!0,composed:!0})))}_syncOverlay(e){if(this._isInlineMode()){this._destroyOverlay();return}if(this._open)this._ensureOverlay(),this._syncOverlayState();else if(this._destroyOverlay(),e!=="outside"){const t=this._restoreFocusEl||this.root.querySelector(".input");if(this._restoreFocusEl=null,t&&t.isConnected)try{t.focus()}catch{}}}_ensureOverlay(){if(this._overlay||typeof document>"u")return;const e=document.createElement("div");e.className="ui-date-picker-overlay-host",e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.zIndex="1100",e.style.pointerEvents="none",e.addEventListener("click",this._onOverlayClickBound),e.addEventListener("select",this._onOverlaySelectBound),e.addEventListener("change",this._onOverlaySelectBound),document.body.appendChild(e),this._overlay=e,document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound),window.addEventListener("resize",this._onWindowResizeBound),window.addEventListener("scroll",this._onWindowScrollBound,!0),this._isMobileSheet()&&(this._releaseScrollLock=s.lockBodyScroll())}_destroyOverlay(){this._overlay&&(this._schedulePosition.cancel(),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound),window.removeEventListener("resize",this._onWindowResizeBound),window.removeEventListener("scroll",this._onWindowScrollBound,!0),this._overlay.removeEventListener("click",this._onOverlayClickBound),this._overlay.removeEventListener("select",this._onOverlaySelectBound),this._overlay.removeEventListener("change",this._onOverlaySelectBound),this._overlay.parentElement&&this._overlay.parentElement.removeChild(this._overlay),this._overlay=null,this._overlayMode=null,this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null))}_positionOverlay(){if(!this._overlay||!this._open||this._isMobileSheet())return;const e=this.root.querySelector(".field"),t=this._overlay.querySelector(".panel");if(!e||!t)return;const i=e.getBoundingClientRect();t.style.setProperty("--ui-dp-panel-width",`${Math.round(i.width)}px`);const r=t.getBoundingClientRect(),n=s.computePopoverPosition(i,r);t.style.position="absolute",t.style.top=`${Math.round(n.top)}px`,t.style.left=`${Math.round(n.left)}px`,t.setAttribute("data-placement",n.placement)}_parseAndValidate(e){return s.parseUserDateInput(e,this._locale())}_commit(e,t){if(this._isReadonly()||this._isInteractionBlocked())return;const i=this._clampToBounds(e);this._value=i,this._pendingValue=i,this._draftInput=this._formatDisplay(i),this._inlineError="",this._syncValueAttribute(i),this._emitInput(t),this._emitChange(t),this._updateHostState()}_renderPanelInner(e){const t=this._translations(),i=(this.getAttribute("label")||"").trim(),r=!!i||e,n=!this._closeOnSelect()||e,o=e?"sheet":"panel",l=e?"true":"false";return`
-      <style>${$}</style>
+`;function v(S){return S.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}class z extends P.ElementBase{constructor(){super(...arguments),this._value=null,this._pendingValue=null,this._draftInput="",this._inlineError="",this._open=!1,this._syncing=!1,this._overlay=null,this._dismissableLayer=null,this._releaseScrollLock=null,this._lastOpenSource="api",this._restoreFocusEl=null,this._isInitialized=!1,this._hasView=!1,this._overlayMode=null,this._uid=`ui-dp-${++q}`,this._inputId=`${this._uid}-input`,this._labelId=`${this._uid}-label`,this._hintId=`${this._uid}-hint`,this._errorId=`${this._uid}-error`,this._panelId=`${this._uid}-panel`,this._panelTitleId=`${this._uid}-panel-title`,this._overlayFocusedOnOpen=!1,this._inlineCalendarFramePending=!1,this._inlineCalendarUpgradePending=!1,this._schedulePosition=a.rafThrottle(()=>this._positionOverlay()),this._onRootClickBound=e=>this._onRootClick(e),this._onRootInputBound=e=>this._onRootInput(e),this._onRootBlurBound=e=>this._onRootBlur(e),this._onRootKeyDownBound=e=>this._onRootKeyDown(e),this._onDocumentPointerDownBound=e=>this._onDocumentPointerDown(e),this._onDocumentKeyDownBound=e=>this._onDocumentKeyDown(e),this._onWindowResizeBound=()=>this._schedulePosition.run(),this._onWindowScrollBound=e=>{a.eventOriginatesWithin(e,[this._overlay])||this._schedulePosition.run()},this._onOverlayClickBound=e=>this._onOverlayClick(e),this._onOverlaySelectBound=e=>this._onCalendarSelect(e)}static get observedAttributes(){return["open","default-open","value","default-value","min","max","locale","translations","week-start","size","shape","bare","variant","state","placeholder","label","hint","error","clearable","allow-input","close-on-select","outside-click","disabled","readonly","required","name","mode","events","events-max","events-display","format","display-format","show-footer"]}connectedCallback(){if(super.connectedCallback(),this.root.addEventListener("click",this._onRootClickBound),this.root.addEventListener("input",this._onRootInputBound),this.root.addEventListener("focusout",this._onRootBlurBound),this.root.addEventListener("keydown",this._onRootKeyDownBound),!this._isInitialized){const e=this._clampToBounds(a.normalizeDateIso(this.getAttribute("value"))||a.normalizeDateIso(this.getAttribute("default-value")));this._value=e,this._pendingValue=e,this._draftInput=this._formatDisplay(e),this._open=this.hasAttribute("open")||a.isTruthyAttr(this.getAttribute("default-open")),this._isInitialized=!0}this._open&&!this._isInlineMode()&&this._ensureOverlay(),this._isInlineMode()&&this._scheduleInlineCalendarSync()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClickBound),this.root.removeEventListener("input",this._onRootInputBound),this.root.removeEventListener("focusout",this._onRootBlurBound),this.root.removeEventListener("keydown",this._onRootKeyDownBound),this._destroyOverlay(),super.disconnectedCallback()}attributeChangedCallback(e,t,i){if(t!==i){if(e==="value"&&!this._syncing&&(this._value=this._clampToBounds(a.normalizeDateIso(i)),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._syncValueAttribute(this._value)),e==="open"&&!this._syncing&&(this._open=this.hasAttribute("open"),this._syncOverlay(this._open?"api":"outside")),e==="mode"&&this._syncOverlay("attribute"),e==="disabled"&&this.hasAttribute("disabled")&&this._setOpen(!1,"outside"),(e==="min"||e==="max")&&!this._syncing){const r=this._clampToBounds(this._value),n=this._clampToBounds(this._pendingValue);this._value=r,this._pendingValue=n,this._draftInput=this._formatDisplay(this._allowInput()?n:r),this._syncValueAttribute(r)}if(e==="state"&&this._state()==="loading"&&this._setOpen(!1,"outside"),!!this.isConnected){if(!this._hasView){this.requestRender();return}this._updateHostState()}}}_isInlineMode(){return(this.getAttribute("mode")||"popover")==="inline"}_isMobileSheet(){return a.shouldUseMobileSheet(this.getAttribute("mode"))}_isDisabled(){return this.hasAttribute("disabled")}_isReadonly(){return this.hasAttribute("readonly")}_allowInput(){return a.isTruthyAttr(this.getAttribute("allow-input"),!0)}_clearable(){return a.isTruthyAttr(this.getAttribute("clearable"),!0)}_closeOnSelect(){return a.isTruthyAttr(this.getAttribute("close-on-select"),!0)}_showFooter(){return a.isTruthyAttr(this.getAttribute("show-footer"),!0)}_isBare(){return a.isTruthyAttr(this.getAttribute("bare"),!1)}_locale(){return a.normalizeLocale(this.getAttribute("locale"))}_translations(){return w.resolveDateTimeTranslations(this.getAttribute("locale"),this.getAttribute("translations"))}_formatMode(){const e=(this.getAttribute("format")||"locale").trim();return e==="iso"||e==="custom"?e:"locale"}_displayFormat(){return(this.getAttribute("display-format")||"").trim()||null}_placeholder(){const e=this._translations(),t=this.getAttribute("placeholder");return t||(this._formatMode()==="iso"?"YYYY-MM-DD":e.selectDate)}_todayIso(){const e=new Date,t=String(e.getMonth()+1).padStart(2,"0"),i=String(e.getDate()).padStart(2,"0");return`${e.getFullYear()}-${t}-${i}`}_state(){const e=(this.getAttribute("state")||"").trim().toLowerCase();return e==="loading"||e==="success"||e==="error"?e:"idle"}_isInteractionBlocked(){return this._isDisabled()||this._state()==="loading"}_minIso(){return a.parseConstraintDate(this.getAttribute("min"))}_maxIso(){return a.parseConstraintDate(this.getAttribute("max"))}_resolvedBounds(){let e=this._minIso(),t=this._maxIso();if(e&&t&&w.compareISO(e,t)>0){const i=e;e=t,t=i}return{min:e,max:t}}_clampToBounds(e){if(!e)return null;const{min:t,max:i}=this._resolvedBounds();return a.clampDateIso(e,t,i)}_isWithinBounds(e){const{min:t,max:i}=this._resolvedBounds();return!(t&&w.compareISO(e,t)<0||i&&w.compareISO(e,i)>0)}_formatDisplay(e){return a.formatDateForDisplay(e,this._locale(),this._formatMode(),this._displayFormat())}_syncValueAttribute(e){this._syncing=!0;try{e?this.getAttribute("value")!==e&&this.setAttribute("value",e):this.hasAttribute("value")&&this.removeAttribute("value")}finally{this._syncing=!1}}_syncOpenAttribute(e){this._syncing=!0;try{e?this.hasAttribute("open")||this.setAttribute("open",""):this.hasAttribute("open")&&this.removeAttribute("open")}finally{this._syncing=!1}}_emitInput(e){const t={mode:"single",value:this._pendingValue,displayValue:this._formatDisplay(this._pendingValue),source:e};this.dispatchEvent(new CustomEvent("input",{detail:t,bubbles:!0,composed:!0}))}_emitChange(e){const t={mode:"single",value:this._value,displayValue:this._formatDisplay(this._value),source:e};this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_emitInvalid(e,t){this.dispatchEvent(new CustomEvent("invalid",{detail:{raw:e,reason:t},bubbles:!0,composed:!0}))}_setOpen(e,t){e&&this._isInteractionBlocked()||this._open!==e&&(this._open=e,this._overlayFocusedOnOpen=!1,this._lastOpenSource=t,this._syncOpenAttribute(e),this._syncOverlay(t),this._updateHostState(),this.dispatchEvent(new CustomEvent(e?"open":"close",{bubbles:!0,composed:!0})))}_syncOverlay(e){if(this._isInlineMode()){this._destroyOverlay();return}if(this._open)this._ensureOverlay(),this._syncOverlayState();else if(this._destroyOverlay(),e!=="outside"){const t=this._restoreFocusEl||this.root.querySelector(".input");if(this._restoreFocusEl=null,t&&t.isConnected)try{t.focus()}catch{}}}_ensureOverlay(){if(this._overlay||typeof document>"u")return;const e=document.createElement("div");e.className="ui-date-picker-overlay-host",e.style.position="fixed",e.style.left="0",e.style.top="0",e.style.pointerEvents="none",e.addEventListener("click",this._onOverlayClickBound),e.addEventListener("select",this._onOverlaySelectBound),e.addEventListener("change",this._onOverlaySelectBound),document.body.appendChild(e),this._overlay=e,this._syncOverlayHostZIndex(),document.addEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.addEventListener("keydown",this._onDocumentKeyDownBound),window.addEventListener("resize",this._onWindowResizeBound),window.addEventListener("scroll",this._onWindowScrollBound,{passive:!0,capture:!0}),this._isMobileSheet()&&(this._releaseScrollLock=a.lockBodyScroll())}_syncOverlayHostZIndex(){if(!this._overlay||typeof window>"u")return;const e=window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();this._overlay.style.zIndex=e||"1600"}_destroyOverlay(){var e;(e=this._dismissableLayer)==null||e.destroy(),this._dismissableLayer=null,this._overlay&&(this._schedulePosition.cancel(),document.removeEventListener("pointerdown",this._onDocumentPointerDownBound,!0),document.removeEventListener("keydown",this._onDocumentKeyDownBound),window.removeEventListener("resize",this._onWindowResizeBound),window.removeEventListener("scroll",this._onWindowScrollBound,!0),this._overlay.removeEventListener("click",this._onOverlayClickBound),this._overlay.removeEventListener("select",this._onOverlaySelectBound),this._overlay.removeEventListener("change",this._onOverlaySelectBound),this._overlay.parentElement&&this._overlay.parentElement.removeChild(this._overlay),this._overlay=null,this._overlayMode=null,this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null))}_syncDismissableLayer(){var i;if((i=this._dismissableLayer)==null||i.destroy(),this._dismissableLayer=null,!this._open||!this._overlay)return;const e=this._overlay.querySelector(".panel, .sheet"),t=this.root.querySelector(".field");e&&(this._dismissableLayer=L.createDismissableLayer({node:e,trigger:t,closeOnEscape:!0,closeOnPointerOutside:!0,closeOnFocusOutside:!1,onBeforeDismiss:r=>r==="escape-key"?(this._setOpen(!1,"escape"),!1):(r==="outside-pointer"&&this._setOpen(!1,"outside"),!1)}))}_positionOverlay(){if(!this._overlay||!this._open||this._isMobileSheet())return;const e=this.root.querySelector(".field"),t=this._overlay.querySelector(".panel");if(!e||!t)return;const i=e.getBoundingClientRect();t.style.setProperty("--ui-dp-panel-width",`${Math.round(i.width)}px`);const r=t.getBoundingClientRect(),n=t.getAttribute("data-placement"),s=a.computePopoverPosition(i,r,8,8,n==="top"?"top":n==="bottom"?"bottom":null);t.style.position="absolute",t.style.top=`${Math.round(s.top)}px`,t.style.left=`${Math.round(s.left)}px`,t.setAttribute("data-placement",s.placement)}_parseAndValidate(e){return a.parseUserDateInput(e,this._locale())}_commit(e,t){if(this._isReadonly()||this._isInteractionBlocked())return;const i=this._clampToBounds(e);this._value=i,this._pendingValue=i,this._draftInput=this._formatDisplay(i),this._inlineError="",this._syncValueAttribute(i),this._emitInput(t),this._emitChange(t),this._updateHostState()}_renderPanelInner(e){const t=this._translations(),i=(this.getAttribute("label")||"").trim(),r=!!i||e,n=!this._closeOnSelect()||e,s=e?"sheet":"panel",l=e?"true":"false";return`
+      <style>${R}</style>
       ${e?'<div class="sheet-backdrop" data-action="backdrop"></div>':""}
-      <section class="${o}" id="${this._panelId}" part="${e?"sheet":"popover"}" role="dialog" aria-modal="${l}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
+      <section class="${s}" id="${this._panelId}" part="${e?"sheet":"popover"}" role="dialog" aria-modal="${l}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
         <header class="header" part="header" ${r?"":"hidden"}>
           <p class="title" id="${this._panelTitleId}" ${i?"":"hidden"}>${v(i)}</p>
           ${e?`<button type="button" class="action" data-action="cancel">${v(t.cancel)}</button>`:""}
@@ -539,19 +539,19 @@
           ${n?`<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${v(t.apply)}</button>`:""}
         </footer>
       </section>
-    `}_syncCalendarElement(e){const t=(a,c)=>{if(c==null||c===""){e.hasAttribute(a)&&e.removeAttribute(a);return}e.getAttribute(a)!==c&&e.setAttribute(a,c)},i=(a,c)=>{c?e.hasAttribute(a)||e.setAttribute(a,""):e.hasAttribute(a)&&e.removeAttribute(a)},{min:r,max:n}=this._resolvedBounds();t("selection","single"),t("value",this._pendingValue),t("min",r),t("max",n),t("locale",this.getAttribute("locale")),t("translations",this.getAttribute("translations")),t("week-start",this.getAttribute("week-start"));const l=this.getAttribute("size")||"sm";t("size",l==="lg"?"md":"sm"),t("variant",this.getAttribute("variant")),t("outside-click",this.getAttribute("outside-click")),t("events",this.getAttribute("events")),t("events-max",this.getAttribute("events-max")),t("events-display",this.getAttribute("events-display"));const u=e.classList.contains("inline-calendar");l==="lg"?(e.style.setProperty("--ui-calendar-day-height","1.95em"),e.style.setProperty("--ui-calendar-day-padding-block","0.2em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),e.style.setProperty("--ui-calendar-gap","0.42em"),e.style.setProperty("--ui-calendar-day-font-size","0.78em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),e.style.setProperty("--ui-calendar-title-font-size","0.88em")):(e.style.setProperty("--ui-calendar-day-height","2.4em"),e.style.setProperty("--ui-calendar-day-padding-block","0.14em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),e.style.setProperty("--ui-calendar-gap","0.34em"),e.style.setProperty("--ui-calendar-day-font-size","0.72em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),e.style.setProperty("--ui-calendar-title-font-size","0.8em")),u?(e.style.setProperty("--ui-calendar-day-height",l==="lg"?"2.1em":"1.92em"),e.style.setProperty("--ui-calendar-day-padding-block","0.08em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),e.style.setProperty("--ui-calendar-frame-padding","0.28em"),e.style.setProperty("--ui-calendar-week-gap","0.16em"),e.style.setProperty("--ui-calendar-control-height","1.64em"),e.style.setProperty("--ui-calendar-gap","0.2em"),e.style.setProperty("--ui-calendar-day-font-size",l==="lg"?"0.76em":"0.68em"),e.style.setProperty("--ui-calendar-weekday-font-size",l==="lg"?"0.66em":"0.58em"),e.style.setProperty("--ui-calendar-title-font-size",l==="lg"?"0.84em":"0.76em")):(e.style.removeProperty("--ui-calendar-frame-padding"),e.style.removeProperty("--ui-calendar-week-gap"),e.style.removeProperty("--ui-calendar-control-height")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),t("tabindex","-1"),t("aria-label",this.getAttribute("label")||this._translations().selectDate)}_ensureOverlayContent(e){if(!this._overlay)return;const t=e?"sheet":"popover";this._overlayMode===t&&this._overlay.querySelector(".dp-calendar")||(this._overlayMode=t,this._overlay.innerHTML=e?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;const e=this._isMobileSheet();e&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!e&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(e);const t=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet"),r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".footer"),o=this._translations();if(i&&(i.dataset.bare=this._isBare()?"true":"false"),n&&(n.hidden=!this._showFooter()),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!e),t){const p=(this.getAttribute("label")||"").trim();t.textContent=p,t.hidden=!p}const l=this._overlay.querySelector('[data-action="today"]');l&&(l.textContent=o.today);const u=this._overlay.querySelector('[data-action="clear"]');u&&(u.textContent=o.clear);const a=this._overlay.querySelector('[data-action="cancel"]');a&&(a.textContent=o.cancel);const c=this._overlay.querySelector('[data-action="apply"]');c&&(c.textContent=o.apply);const m=this._overlay.querySelector('[data-action="apply"]');m&&(m.hidden=this._closeOnSelect()&&!e);const f=this._overlay.querySelectorAll(".action"),g=this._isInteractionBlocked();f.forEach(p=>{p.disabled=g});const _=this._overlay.querySelector(".dp-calendar");_&&(this._syncCalendarElement(_),this._open&&!this._overlayFocusedOnOpen&&this._lastOpenSource!=="attribute"&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{_.focus({preventScroll:!0})}catch{}}))),e||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const e=this.root.querySelector(".inline-calendar");e&&this._syncCalendarElement(e)}_scheduleInlineCalendarSync(){const e=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};e(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,e()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{e()})}))}_handleDraftCommit(e){const t=this._draftInput.trim();if(!t){this._commit(null,e);return}const i=this._parseAndValidate(t);if(!i){this._inlineError=this.getAttribute("error")||this._translations().invalidDate,this._emitInvalid(t,"parse"),this._updateHostState();return}if(!this._isWithinBounds(i)){this._inlineError=this.getAttribute("error")||this._translations().dateOutOfRange,this._emitInvalid(t,"range"),this._updateHostState();return}this._pendingValue=i,this._commit(i,e)}_onRootClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i==null?void 0:i.getAttribute("data-action");if(!(!r||this._isInteractionBlocked())){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"api");return}if(r==="clear"){e.preventDefault(),this._commit(null,"clear");return}if(r==="today"){e.preventDefault();const n=this._todayIso(),o=this._parseAndValidate(n);if(!o)return;const{min:l,max:u}=this._resolvedBounds(),a=s.clampDateIso(o,l,u);if(!a)return;this._pendingValue=a,this._emitInput("today"),this._closeOnSelect()&&!this._isInlineMode()?(this._commit(a,"today"),this._setOpen(!1,"today")):this._updateHostState();return}if(r==="apply"){e.preventDefault(),this._commit(this._pendingValue,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}if(r==="cancel"){e.preventDefault(),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._isInlineMode()||this._setOpen(!1,"outside"),this._updateHostState();return}}}_onRootInput(e){const t=e.target;if(!(t instanceof HTMLInputElement)||!t.classList.contains("input")||this._isInteractionBlocked()||!this._allowInput())return;this._draftInput=t.value,this._inlineError="";const i=this._parseAndValidate(t.value);this._pendingValue=i,this._emitInput("typing")}_onRootBlur(e){var n;const t=e,i=t.target;if(!(i instanceof HTMLInputElement)||!i.classList.contains("input")||!this._allowInput())return;this._draftInput=i.value;const r=t.relatedTarget;r&&((n=this._overlay)!=null&&n.contains(r))||this._open&&!this._isInlineMode()||this._handleDraftCommit("blur")}_onRootKeyDown(e){const t=e,i=t.target;if(i instanceof HTMLInputElement&&i.classList.contains("input")&&!this._isInteractionBlocked()){if(t.key==="Enter"){t.preventDefault(),this._draftInput=i.value,this._handleDraftCommit("enter"),this._isInlineMode()||this._setOpen(!1,"enter");return}if(t.key==="ArrowDown"&&!this._open&&!this._isInlineMode()){t.preventDefault(),this._setOpen(!0,"api");return}t.key==="Escape"&&this._open&&!this._isInlineMode()&&(t.preventDefault(),this._setOpen(!1,"escape"))}}_onDocumentPointerDown(e){if(!this._open||!this._overlay)return;const t=e.composedPath();t.includes(this)||t.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(e){this._open&&e.key==="Escape"&&(e.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i==null?void 0:i.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="today"){const n=this._parseAndValidate(this._todayIso());if(!n)return;const{min:o,max:l}=this._resolvedBounds(),u=s.clampDateIso(n,o,l);if(!u)return;this._pendingValue=u,this._emitInput("today"),this._closeOnSelect()?(this._commit(u,"today"),this._setOpen(!1,"today")):this._renderOverlay();return}if(r==="clear"){this._pendingValue=null,this._emitInput("clear"),this._closeOnSelect()?(this._commit(null,"clear"),this._setOpen(!1,"clear")):this._renderOverlay();return}if(r==="apply"){this._commit(this._pendingValue,"apply"),this._setOpen(!1,"apply");return}r==="cancel"&&(this._pendingValue=this._value,this._setOpen(!1,"outside"))}}_onCalendarSelect(e){var o,l;if(this._isInteractionBlocked())return;const t=e,i=e.target;if(!i||i.tagName.toLowerCase()!=="ui-calendar")return;let r=null;if(t.type==="select")r=s.normalizeDateIso(((o=t.detail)==null?void 0:o.value)||null);else if(t.type==="change"){const u=(l=t.detail)==null?void 0:l.value;typeof u=="string"&&(r=s.normalizeDateIso(u))}if(!r)return;const n=this._clampToBounds(r);n&&(this._pendingValue=n,this._emitInput("calendar"),this._closeOnSelect()?(this._commit(n,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar")):this._updateHostState())}_updateHostState(){if(!this._hasView)return;const e=this.getAttribute("label")||"",t=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._placeholder(),o=this._translations(),l=!!(this._value||this._pendingValue),u=this.getAttribute("name")||"",a=this._isInlineMode(),c=r?"error":this._state(),m=this._allowInput()?this._draftInput:this._formatDisplay(this._pendingValue||this._value),f=this.root.querySelector(".label"),g=this.root.querySelector(".label-text"),_=this.root.querySelector(".required"),p=this.root.querySelector(".field"),d=this.root.querySelector(".input"),x=this.root.querySelector('.btn[data-action="clear"]'),b=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),I=this.root.querySelector(".error"),k=this.root.querySelector(".hidden-input"),h=this.root.querySelector(".inline-panel"),B=this.root.querySelector('.inline-panel [data-action="today"]'),C=this.root.querySelector('.inline-panel [data-action="clear"]'),O=this.root.querySelector('.inline-panel [data-action="apply"]'),D=this.root.querySelector(".inline-panel .footer");if(f&&(f.hidden=!e,f.id=this._labelId,f.setAttribute("for",this._inputId)),g&&(g.textContent=e),_&&(_.hidden=!this.hasAttribute("required")),p&&(p.dataset.invalid=r?"true":"false",p.dataset.open=this._open&&!a?"true":"false",p.dataset.state=c,p.setAttribute("aria-disabled",this._isInteractionBlocked()?"true":"false")),d&&(d.value!==m&&(d.value=m),d.id=this._inputId,d.placeholder=n,d.readOnly=!this._allowInput()||this._isReadonly(),d.disabled=this._isInteractionBlocked(),d.required=this.hasAttribute("required"),d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-expanded",a?"false":String(this._open)),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-invalid",r?"true":"false"),e?d.setAttribute("aria-labelledby",this._labelId):d.removeAttribute("aria-labelledby")),x&&(x.hidden=!(this._clearable()&&l),x.disabled=this._isInteractionBlocked(),x.setAttribute("aria-label",o.clearDate)),b&&(b.hidden=a,b.disabled=this._isInteractionBlocked(),b.setAttribute("aria-expanded",a?"false":String(this._open)),b.setAttribute("aria-controls",this._panelId),b.setAttribute("aria-label",o.toggleCalendar)),y&&(y.id=this._hintId,y.hidden=!t,y.textContent=t),I&&(I.id=this._errorId,I.hidden=!r,I.textContent=r),d){const A=[];t&&y&&!y.hidden&&A.push(this._hintId),r&&A.push(this._errorId),A.length?d.setAttribute("aria-describedby",A.join(" ")):d.removeAttribute("aria-describedby")}if(k&&(k.disabled=!u,k.name=u,k.value=this._value||""),h&&(h.hidden=!a,h.id=this._panelId,h.dataset.bare=this._isBare()?"true":"false",h.setAttribute("role","dialog"),h.setAttribute("aria-modal","false"),h.setAttribute("aria-label",e||o.selectDate)),D&&(D.hidden=!this._showFooter()),B&&(B.textContent=o.today),C&&(C.textContent=o.clear),O&&(O.textContent=o.apply),a){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}render(){this._hasView||(this.setContent(`
-        <style>${E}</style>
+    `}_syncCalendarElement(e){const t=(o,c)=>{if(c==null||c===""){e.hasAttribute(o)&&e.removeAttribute(o);return}e.getAttribute(o)!==c&&e.setAttribute(o,c)},i=(o,c)=>{c?e.hasAttribute(o)||e.setAttribute(o,""):e.hasAttribute(o)&&e.removeAttribute(o)},{min:r,max:n}=this._resolvedBounds();t("selection","single"),t("value",this._pendingValue),t("min",r),t("max",n),t("locale",this.getAttribute("locale")),t("translations",this.getAttribute("translations")),t("week-start",this.getAttribute("week-start"));const l=this.getAttribute("size")||"sm";t("size",l==="lg"?"md":"sm"),t("variant",this.getAttribute("variant")),t("outside-click",this.getAttribute("outside-click")),t("events",this.getAttribute("events")),t("events-max",this.getAttribute("events-max")),t("events-display",this.getAttribute("events-display"));const u=e.classList.contains("inline-calendar");l==="lg"?(e.style.setProperty("--ui-calendar-day-height","1.95em"),e.style.setProperty("--ui-calendar-day-padding-block","0.2em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),e.style.setProperty("--ui-calendar-gap","0.42em"),e.style.setProperty("--ui-calendar-day-font-size","0.78em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),e.style.setProperty("--ui-calendar-title-font-size","0.88em")):(e.style.setProperty("--ui-calendar-day-height","2.4em"),e.style.setProperty("--ui-calendar-day-padding-block","0.14em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),e.style.setProperty("--ui-calendar-gap","0.34em"),e.style.setProperty("--ui-calendar-day-font-size","0.72em"),e.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),e.style.setProperty("--ui-calendar-title-font-size","0.8em")),u?(e.style.setProperty("--ui-calendar-day-height",l==="lg"?"2.1em":"1.92em"),e.style.setProperty("--ui-calendar-day-padding-block","0.08em"),e.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),e.style.setProperty("--ui-calendar-frame-padding","0.28em"),e.style.setProperty("--ui-calendar-week-gap","0.16em"),e.style.setProperty("--ui-calendar-control-height","1.64em"),e.style.setProperty("--ui-calendar-gap","0.2em"),e.style.setProperty("--ui-calendar-day-font-size",l==="lg"?"0.76em":"0.68em"),e.style.setProperty("--ui-calendar-weekday-font-size",l==="lg"?"0.66em":"0.58em"),e.style.setProperty("--ui-calendar-title-font-size",l==="lg"?"0.84em":"0.76em")):(e.style.removeProperty("--ui-calendar-frame-padding"),e.style.removeProperty("--ui-calendar-week-gap"),e.style.removeProperty("--ui-calendar-control-height")),i("readonly",this._isReadonly()),i("disabled",this._isInteractionBlocked()),i("bare",this._isBare()),t("tabindex","-1"),t("aria-label",this.getAttribute("label")||this._translations().selectDate)}_ensureOverlayContent(e){if(!this._overlay)return;const t=e?"sheet":"popover";this._overlayMode===t&&this._overlay.querySelector(".dp-calendar")||(this._overlayMode=t,this._overlay.innerHTML=e?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const e=this._isMobileSheet();e&&!this._releaseScrollLock?this._releaseScrollLock=a.lockBodyScroll():!e&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(e);const t=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".footer"),s=this._translations();if(i&&(i.dataset.bare=this._isBare()?"true":"false"),n&&(n.hidden=!this._showFooter()),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!e),t){const p=(this.getAttribute("label")||"").trim();t.textContent=p,t.hidden=!p}const l=this._overlay.querySelector('[data-action="today"]');l&&(l.textContent=s.today);const u=this._overlay.querySelector('[data-action="clear"]');u&&(u.textContent=s.clear);const o=this._overlay.querySelector('[data-action="cancel"]');o&&(o.textContent=s.cancel);const c=this._overlay.querySelector('[data-action="apply"]');c&&(c.textContent=s.apply);const m=this._overlay.querySelector('[data-action="apply"]');m&&(m.hidden=this._closeOnSelect()&&!e);const f=this._overlay.querySelectorAll(".action"),g=this._isInteractionBlocked();f.forEach(p=>{p.disabled=g});const _=this._overlay.querySelector(".dp-calendar");_&&(this._syncCalendarElement(_),this._open&&!this._overlayFocusedOnOpen&&this._lastOpenSource!=="attribute"&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{_.focus({preventScroll:!0})}catch{}}))),e||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const e=this.root.querySelector(".inline-calendar");e&&this._syncCalendarElement(e)}_scheduleInlineCalendarSync(){const e=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};e(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,e()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{e()})}))}_handleDraftCommit(e){const t=this._draftInput.trim();if(!t){this._commit(null,e);return}const i=this._parseAndValidate(t);if(!i){this._inlineError=this.getAttribute("error")||this._translations().invalidDate,this._emitInvalid(t,"parse"),this._updateHostState();return}if(!this._isWithinBounds(i)){this._inlineError=this.getAttribute("error")||this._translations().dateOutOfRange,this._emitInvalid(t,"range"),this._updateHostState();return}this._pendingValue=i,this._commit(i,e)}_onRootClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i==null?void 0:i.getAttribute("data-action");if(!(!r||this._isInteractionBlocked())){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"api");return}if(r==="clear"){e.preventDefault(),this._commit(null,"clear");return}if(r==="today"){e.preventDefault();const n=this._todayIso(),s=this._parseAndValidate(n);if(!s)return;const{min:l,max:u}=this._resolvedBounds(),o=a.clampDateIso(s,l,u);if(!o)return;this._pendingValue=o,this._emitInput("today"),this._closeOnSelect()&&!this._isInlineMode()?(this._commit(o,"today"),this._setOpen(!1,"today")):this._updateHostState();return}if(r==="apply"){e.preventDefault(),this._commit(this._pendingValue,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}if(r==="cancel"){e.preventDefault(),this._pendingValue=this._value,this._draftInput=this._formatDisplay(this._value),this._inlineError="",this._isInlineMode()||this._setOpen(!1,"outside"),this._updateHostState();return}}}_onRootInput(e){const t=e.target;if(!(t instanceof HTMLInputElement)||!t.classList.contains("input")||this._isInteractionBlocked()||!this._allowInput())return;this._draftInput=t.value,this._inlineError="";const i=this._parseAndValidate(t.value);this._pendingValue=i,this._emitInput("typing")}_onRootBlur(e){var n;const t=e,i=t.target;if(!(i instanceof HTMLInputElement)||!i.classList.contains("input")||!this._allowInput())return;this._draftInput=i.value;const r=t.relatedTarget;r&&((n=this._overlay)!=null&&n.contains(r))||this._open&&!this._isInlineMode()||this._handleDraftCommit("blur")}_onRootKeyDown(e){const t=e,i=t.target;if(i instanceof HTMLInputElement&&i.classList.contains("input")&&!this._isInteractionBlocked()){if(t.key==="Enter"){t.preventDefault(),this._draftInput=i.value,this._handleDraftCommit("enter"),this._isInlineMode()||this._setOpen(!1,"enter");return}if(t.key==="ArrowDown"&&!this._open&&!this._isInlineMode()){t.preventDefault(),this._setOpen(!0,"api");return}t.key==="Escape"&&this._open&&!this._isInlineMode()&&(t.preventDefault(),this._setOpen(!1,"escape"))}}_onDocumentPointerDown(e){if(!this._open||!this._overlay)return;const t=e.composedPath();t.includes(this)||t.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(e){this._open&&e.key==="Escape"&&(e.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(e){const t=e.target;if(!t)return;const i=t.closest("[data-action]"),r=i==null?void 0:i.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="today"){const n=this._parseAndValidate(this._todayIso());if(!n)return;const{min:s,max:l}=this._resolvedBounds(),u=a.clampDateIso(n,s,l);if(!u)return;this._pendingValue=u,this._emitInput("today"),this._closeOnSelect()?(this._commit(u,"today"),this._setOpen(!1,"today")):this._renderOverlay();return}if(r==="clear"){this._pendingValue=null,this._emitInput("clear"),this._closeOnSelect()?(this._commit(null,"clear"),this._setOpen(!1,"clear")):this._renderOverlay();return}if(r==="apply"){this._commit(this._pendingValue,"apply"),this._setOpen(!1,"apply");return}r==="cancel"&&(this._pendingValue=this._value,this._setOpen(!1,"outside"))}}_onCalendarSelect(e){var s,l;if(this._isInteractionBlocked())return;const t=e,i=e.target;if(!i||i.tagName.toLowerCase()!=="ui-calendar")return;let r=null;if(t.type==="select")r=a.normalizeDateIso(((s=t.detail)==null?void 0:s.value)||null);else if(t.type==="change"){const u=(l=t.detail)==null?void 0:l.value;typeof u=="string"&&(r=a.normalizeDateIso(u))}if(!r)return;const n=this._clampToBounds(r);n&&(this._pendingValue=n,this._emitInput("calendar"),this._closeOnSelect()?(this._commit(n,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar")):this._updateHostState())}_updateHostState(){if(!this._hasView)return;const e=this.getAttribute("label")||"",t=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._placeholder(),s=this._translations(),l=!!(this._value||this._pendingValue),u=this.getAttribute("name")||"",o=this._isInlineMode(),c=r?"error":this._state(),m=this._allowInput()?this._draftInput:this._formatDisplay(this._pendingValue||this._value),f=this.root.querySelector(".label"),g=this.root.querySelector(".label-text"),_=this.root.querySelector(".required"),p=this.root.querySelector(".field"),d=this.root.querySelector(".input"),x=this.root.querySelector('.btn[data-action="clear"]'),b=this.root.querySelector('.btn[data-action="toggle"]'),y=this.root.querySelector(".hint"),I=this.root.querySelector(".error"),k=this.root.querySelector(".hidden-input"),h=this.root.querySelector(".inline-panel"),O=this.root.querySelector('.inline-panel [data-action="today"]'),B=this.root.querySelector('.inline-panel [data-action="clear"]'),C=this.root.querySelector('.inline-panel [data-action="apply"]'),D=this.root.querySelector(".inline-panel .footer");if(f&&(f.hidden=!e,f.id=this._labelId,f.setAttribute("for",this._inputId)),g&&(g.textContent=e),_&&(_.hidden=!this.hasAttribute("required")),p&&(p.dataset.invalid=r?"true":"false",p.dataset.open=this._open&&!o?"true":"false",p.dataset.state=c,p.setAttribute("aria-disabled",this._isInteractionBlocked()?"true":"false")),d&&(d.value!==m&&(d.value=m),d.id=this._inputId,d.placeholder=n,d.readOnly=!this._allowInput()||this._isReadonly(),d.disabled=this._isInteractionBlocked(),d.required=this.hasAttribute("required"),d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-expanded",o?"false":String(this._open)),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-invalid",r?"true":"false"),e?d.setAttribute("aria-labelledby",this._labelId):d.removeAttribute("aria-labelledby")),x&&(x.hidden=!(this._clearable()&&l),x.disabled=this._isInteractionBlocked(),x.setAttribute("aria-label",s.clearDate)),b&&(b.hidden=o,b.disabled=this._isInteractionBlocked(),b.setAttribute("aria-expanded",o?"false":String(this._open)),b.setAttribute("aria-controls",this._panelId),b.setAttribute("aria-label",s.toggleCalendar)),y&&(y.id=this._hintId,y.hidden=!t,y.textContent=t),I&&(I.id=this._errorId,I.hidden=!r,I.textContent=r),d){const A=[];t&&y&&!y.hidden&&A.push(this._hintId),r&&A.push(this._errorId),A.length?d.setAttribute("aria-describedby",A.join(" ")):d.removeAttribute("aria-describedby")}if(k&&(k.disabled=!u,k.name=u,k.value=this._value||""),h&&(h.hidden=!o,h.id=this._panelId,h.dataset.bare=this._isBare()?"true":"false",h.setAttribute("role","dialog"),h.setAttribute("aria-modal","false"),h.setAttribute("aria-label",e||s.selectDate)),D&&(D.hidden=!this._showFooter()),O&&(O.textContent=s.today),B&&(B.textContent=s.clear),C&&(C.textContent=s.apply),o){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}render(){this._hasView||(this.setContent(`
+        <style>${$}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon" aria-hidden="true">${q}</span>
+            <span class="icon" part="icon" aria-hidden="true">${M}</span>
             <input class="input" id="${this._inputId}" part="input" />
-            <button type="button" class="btn" part="clear" data-action="clear">${V}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${E}</button>
             <button type="button" class="btn" part="toggle" data-action="toggle">
-              <span class="toggle-icon">${M}</span>
+              <span class="toggle-icon">${V}</span>
               <span class="spinner" aria-hidden="true"></span>
             </button>
           </div>

package/dist/date-picker.esm.js

@@ -1,21 +1,22 @@
-import { E as V } from "./ElementBase-909688f3.mjs";
-import { r as q, c as S } from "./calendar-2c11b824.mjs";
-import { r as E, n as g, i as y, s as $, b as R, p as L, a as B, f as F, l as M, c as T, d as H } from "./date-time-utils-bdceb7af.mjs";
-import "./scroll-lock-9de6d328.mjs";
-let U = 0;
-const Y = `
+import { E as q } from "./ElementBase-909688f3.mjs";
+import { c as M } from "./dismissable-layer-9c7e6b58.mjs";
+import { r as E, c as S } from "./calendar-2c11b824.mjs";
+import { r as $, e as R, n as g, i as y, s as F, b as T, p as L, a as O, f as H, l as V, c as U, d as Y } from "./date-time-utils-a8b17ea7.mjs";
+import "./scroll-lock-31da444f.mjs";
+let K = 0;
+const W = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M6 2a1 1 0 0 1 1 1v1h6V3a1 1 0 1 1 2 0v1h.5A2.5 2.5 0 0 1 18 6.5v9A2.5 2.5 0 0 1 15.5 18h-11A2.5 2.5 0 0 1 2 15.5v-9A2.5 2.5 0 0 1 4.5 4H5V3a1 1 0 0 1 1-1Zm10 7H4v6.5c0 .276.224.5.5.5h11a.5.5 0 0 0 .5-.5V9ZM4.5 6a.5.5 0 0 0-.5.5V7h12v-.5a.5.5 0 0 0-.5-.5h-11Z" fill="currentColor"/>
   </svg>
-`, K = `
+`, Z = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.12l3.71-3.9a.75.75 0 1 1 1.08 1.04l-4.25 4.47a.75.75 0 0 1-1.08 0L5.2 8.27a.75.75 0 0 1 .02-1.06Z" fill="currentColor"/>
   </svg>
-`, W = `
+`, N = `
   <svg viewBox="0 0 20 20" class="icon-svg" aria-hidden="true" focusable="false">
     <path d="M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06Z" fill="currentColor"/>
   </svg>
-`, N = `
+`, j = `
   :host {
     --ui-dp-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-dp-surface: linear-gradient(
@@ -386,7 +387,7 @@ const Y = `
       transform: rotate(360deg);
     }
   }
-`, j = `
+`, G = `
   .overlay {
     position: fixed;
     z-index: var(--ui-dp-z, 1600);
@@ -530,12 +531,14 @@ const Y = `
     }
   }
 `;
-function v(C) {
-  return C.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function v(B) {
+  return B.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-class Z extends V {
+class J extends q {
   constructor() {
-    super(...arguments), this._value = null, this._pendingValue = null, this._draftInput = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._releaseScrollLock = null, this._lastOpenSource = "api", this._restoreFocusEl = null, this._isInitialized = !1, this._hasView = !1, this._overlayMode = null, this._uid = `ui-dp-${++U}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._panelTitleId = `${this._uid}-panel-title`, this._overlayFocusedOnOpen = !1, this._inlineCalendarFramePending = !1, this._inlineCalendarUpgradePending = !1, this._schedulePosition = E(() => this._positionOverlay()), this._onRootClickBound = (e) => this._onRootClick(e), this._onRootInputBound = (e) => this._onRootInput(e), this._onRootBlurBound = (e) => this._onRootBlur(e), this._onRootKeyDownBound = (e) => this._onRootKeyDown(e), this._onDocumentPointerDownBound = (e) => this._onDocumentPointerDown(e), this._onDocumentKeyDownBound = (e) => this._onDocumentKeyDown(e), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = () => this._schedulePosition.run(), this._onOverlayClickBound = (e) => this._onOverlayClick(e), this._onOverlaySelectBound = (e) => this._onCalendarSelect(e);
+    super(...arguments), this._value = null, this._pendingValue = null, this._draftInput = "", this._inlineError = "", this._open = !1, this._syncing = !1, this._overlay = null, this._dismissableLayer = null, this._releaseScrollLock = null, this._lastOpenSource = "api", this._restoreFocusEl = null, this._isInitialized = !1, this._hasView = !1, this._overlayMode = null, this._uid = `ui-dp-${++K}`, this._inputId = `${this._uid}-input`, this._labelId = `${this._uid}-label`, this._hintId = `${this._uid}-hint`, this._errorId = `${this._uid}-error`, this._panelId = `${this._uid}-panel`, this._panelTitleId = `${this._uid}-panel-title`, this._overlayFocusedOnOpen = !1, this._inlineCalendarFramePending = !1, this._inlineCalendarUpgradePending = !1, this._schedulePosition = $(() => this._positionOverlay()), this._onRootClickBound = (e) => this._onRootClick(e), this._onRootInputBound = (e) => this._onRootInput(e), this._onRootBlurBound = (e) => this._onRootBlur(e), this._onRootKeyDownBound = (e) => this._onRootKeyDown(e), this._onDocumentPointerDownBound = (e) => this._onDocumentPointerDown(e), this._onDocumentKeyDownBound = (e) => this._onDocumentKeyDown(e), this._onWindowResizeBound = () => this._schedulePosition.run(), this._onWindowScrollBound = (e) => {
+      R(e, [this._overlay]) || this._schedulePosition.run();
+    }, this._onOverlayClickBound = (e) => this._onOverlayClick(e), this._onOverlaySelectBound = (e) => this._onCalendarSelect(e);
   }
   static get observedAttributes() {
     return [
@@ -589,8 +592,8 @@ class Z extends V {
   attributeChangedCallback(e, t, i) {
     if (t !== i) {
       if (e === "value" && !this._syncing && (this._value = this._clampToBounds(g(i)), this._pendingValue = this._value, this._draftInput = this._formatDisplay(this._value), this._inlineError = "", this._syncValueAttribute(this._value)), e === "open" && !this._syncing && (this._open = this.hasAttribute("open"), this._syncOverlay(this._open ? "api" : "outside")), e === "mode" && this._syncOverlay("attribute"), e === "disabled" && this.hasAttribute("disabled") && this._setOpen(!1, "outside"), (e === "min" || e === "max") && !this._syncing) {
-        const r = this._clampToBounds(this._value), n = this._clampToBounds(this._pendingValue);
-        this._value = r, this._pendingValue = n, this._draftInput = this._formatDisplay(this._allowInput() ? n : r), this._syncValueAttribute(r);
+        const r = this._clampToBounds(this._value), s = this._clampToBounds(this._pendingValue);
+        this._value = r, this._pendingValue = s, this._draftInput = this._formatDisplay(this._allowInput() ? s : r), this._syncValueAttribute(r);
       }
       if (e === "state" && this._state() === "loading" && this._setOpen(!1, "outside"), !!this.isConnected) {
         if (!this._hasView) {
@@ -605,7 +608,7 @@ class Z extends V {
     return (this.getAttribute("mode") || "popover") === "inline";
   }
   _isMobileSheet() {
-    return $(this.getAttribute("mode"));
+    return F(this.getAttribute("mode"));
   }
   _isDisabled() {
     return this.hasAttribute("disabled");
@@ -629,10 +632,10 @@ class Z extends V {
     return y(this.getAttribute("bare"), !1);
   }
   _locale() {
-    return R(this.getAttribute("locale"));
+    return T(this.getAttribute("locale"));
   }
   _translations() {
-    return q(
+    return E(
       this.getAttribute("locale"),
       this.getAttribute("translations")
     );
@@ -677,14 +680,14 @@ class Z extends V {
     if (!e)
       return null;
     const { min: t, max: i } = this._resolvedBounds();
-    return B(e, t, i);
+    return O(e, t, i);
   }
   _isWithinBounds(e) {
     const { min: t, max: i } = this._resolvedBounds();
     return !(t && S(e, t) < 0 || i && S(e, i) > 0);
   }
   _formatDisplay(e) {
-    return F(e, this._locale(), this._formatMode(), this._displayFormat());
+    return H(e, this._locale(), this._formatMode(), this._displayFormat());
   }
   _syncValueAttribute(e) {
     this._syncing = !0;
@@ -752,10 +755,31 @@ class Z extends V {
     if (this._overlay || typeof document > "u")
       return;
     const e = document.createElement("div");
-    e.className = "ui-date-picker-overlay-host", e.style.position = "fixed", e.style.left = "0", e.style.top = "0", e.style.zIndex = "1100", e.style.pointerEvents = "none", e.addEventListener("click", this._onOverlayClickBound), e.addEventListener("select", this._onOverlaySelectBound), e.addEventListener("change", this._onOverlaySelectBound), document.body.appendChild(e), this._overlay = e, document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, !0), this._isMobileSheet() && (this._releaseScrollLock = M());
+    e.className = "ui-date-picker-overlay-host", e.style.position = "fixed", e.style.left = "0", e.style.top = "0", e.style.pointerEvents = "none", e.addEventListener("click", this._onOverlayClickBound), e.addEventListener("select", this._onOverlaySelectBound), e.addEventListener("change", this._onOverlaySelectBound), document.body.appendChild(e), this._overlay = e, this._syncOverlayHostZIndex(), document.addEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.addEventListener("keydown", this._onDocumentKeyDownBound), window.addEventListener("resize", this._onWindowResizeBound), window.addEventListener("scroll", this._onWindowScrollBound, { passive: !0, capture: !0 }), this._isMobileSheet() && (this._releaseScrollLock = V());
+  }
+  _syncOverlayHostZIndex() {
+    if (!this._overlay || typeof window > "u")
+      return;
+    const e = window.getComputedStyle(this).getPropertyValue("--ui-dp-z").trim();
+    this._overlay.style.zIndex = e || "1600";
   }
   _destroyOverlay() {
-    this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("select", this._onOverlaySelectBound), this._overlay.removeEventListener("change", this._onOverlaySelectBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayMode = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
+    var e;
+    (e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null, this._overlay && (this._schedulePosition.cancel(), document.removeEventListener("pointerdown", this._onDocumentPointerDownBound, !0), document.removeEventListener("keydown", this._onDocumentKeyDownBound), window.removeEventListener("resize", this._onWindowResizeBound), window.removeEventListener("scroll", this._onWindowScrollBound, !0), this._overlay.removeEventListener("click", this._onOverlayClickBound), this._overlay.removeEventListener("select", this._onOverlaySelectBound), this._overlay.removeEventListener("change", this._onOverlaySelectBound), this._overlay.parentElement && this._overlay.parentElement.removeChild(this._overlay), this._overlay = null, this._overlayMode = null, this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null));
+  }
+  _syncDismissableLayer() {
+    var i;
+    if ((i = this._dismissableLayer) == null || i.destroy(), this._dismissableLayer = null, !this._open || !this._overlay)
+      return;
+    const e = this._overlay.querySelector(".panel, .sheet"), t = this.root.querySelector(".field");
+    e && (this._dismissableLayer = M({
+      node: e,
+      trigger: t,
+      closeOnEscape: !0,
+      closeOnPointerOutside: !0,
+      closeOnFocusOutside: !1,
+      onBeforeDismiss: (r) => r === "escape-key" ? (this._setOpen(!1, "escape"), !1) : (r === "outside-pointer" && this._setOpen(!1, "outside"), !1)
+    }));
   }
   _positionOverlay() {
     if (!this._overlay || !this._open || this._isMobileSheet())
@@ -765,11 +789,17 @@ class Z extends V {
       return;
     const i = e.getBoundingClientRect();
     t.style.setProperty("--ui-dp-panel-width", `${Math.round(i.width)}px`);
-    const r = t.getBoundingClientRect(), n = T(i, r);
+    const r = t.getBoundingClientRect(), s = t.getAttribute("data-placement"), n = U(
+      i,
+      r,
+      8,
+      8,
+      s === "top" ? "top" : s === "bottom" ? "bottom" : null
+    );
     t.style.position = "absolute", t.style.top = `${Math.round(n.top)}px`, t.style.left = `${Math.round(n.left)}px`, t.setAttribute("data-placement", n.placement);
   }
   _parseAndValidate(e) {
-    return H(e, this._locale());
+    return Y(e, this._locale());
   }
   _commit(e, t) {
     if (this._isReadonly() || this._isInteractionBlocked())
@@ -778,11 +808,11 @@ class Z extends V {
     this._value = i, this._pendingValue = i, this._draftInput = this._formatDisplay(i), this._inlineError = "", this._syncValueAttribute(i), this._emitInput(t), this._emitChange(t), this._updateHostState();
   }
   _renderPanelInner(e) {
-    const t = this._translations(), i = (this.getAttribute("label") || "").trim(), r = !!i || e, n = !this._closeOnSelect() || e, a = e ? "sheet" : "panel", o = e ? "true" : "false";
+    const t = this._translations(), i = (this.getAttribute("label") || "").trim(), r = !!i || e, s = !this._closeOnSelect() || e, n = e ? "sheet" : "panel", o = e ? "true" : "false";
     return `
-      <style>${j}</style>
+      <style>${G}</style>
       ${e ? '<div class="sheet-backdrop" data-action="backdrop"></div>' : ""}
-      <section class="${a}" id="${this._panelId}" part="${e ? "sheet" : "popover"}" role="dialog" aria-modal="${o}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
+      <section class="${n}" id="${this._panelId}" part="${e ? "sheet" : "popover"}" role="dialog" aria-modal="${o}" aria-labelledby="${this._panelTitleId}" aria-label="${v(t.datePickerPanel)}">
         <header class="header" part="header" ${r ? "" : "hidden"}>
           <p class="title" id="${this._panelTitleId}" ${i ? "" : "hidden"}>${v(i)}</p>
           ${e ? `<button type="button" class="action" data-action="cancel">${v(t.cancel)}</button>` : ""}
@@ -791,22 +821,22 @@ class Z extends V {
         <footer class="footer" part="footer">
           <button type="button" class="action" data-action="today" part="presets">${v(t.today)}</button>
           <button type="button" class="action" data-action="clear" part="clear">${v(t.clear)}</button>
-          ${n ? `<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${v(t.apply)}</button>` : ""}
+          ${s ? `<button type="button" class="action" data-tone="primary" data-action="apply" part="apply">${v(t.apply)}</button>` : ""}
         </footer>
       </section>
     `;
   }
   _syncCalendarElement(e) {
-    const t = (s, u) => {
+    const t = (a, u) => {
       if (u == null || u === "") {
-        e.hasAttribute(s) && e.removeAttribute(s);
+        e.hasAttribute(a) && e.removeAttribute(a);
         return;
       }
-      e.getAttribute(s) !== u && e.setAttribute(s, u);
-    }, i = (s, u) => {
-      u ? e.hasAttribute(s) || e.setAttribute(s, "") : e.hasAttribute(s) && e.removeAttribute(s);
-    }, { min: r, max: n } = this._resolvedBounds();
-    t("selection", "single"), t("value", this._pendingValue), t("min", r), t("max", n), t("locale", this.getAttribute("locale")), t("translations", this.getAttribute("translations")), t("week-start", this.getAttribute("week-start"));
+      e.getAttribute(a) !== u && e.setAttribute(a, u);
+    }, i = (a, u) => {
+      u ? e.hasAttribute(a) || e.setAttribute(a, "") : e.hasAttribute(a) && e.removeAttribute(a);
+    }, { min: r, max: s } = this._resolvedBounds();
+    t("selection", "single"), t("value", this._pendingValue), t("min", r), t("max", s), t("locale", this.getAttribute("locale")), t("translations", this.getAttribute("translations")), t("week-start", this.getAttribute("week-start"));
     const o = this.getAttribute("size") || "sm";
     t("size", o === "lg" ? "md" : "sm"), t("variant", this.getAttribute("variant")), t("outside-click", this.getAttribute("outside-click")), t("events", this.getAttribute("events")), t("events-max", this.getAttribute("events-max")), t("events-display", this.getAttribute("events-display"));
     const d = e.classList.contains("inline-calendar");
@@ -821,21 +851,24 @@ class Z extends V {
   _syncOverlayState() {
     if (!this._overlay)
       return;
+    this._syncOverlayHostZIndex();
     const e = this._isMobileSheet();
-    e && !this._releaseScrollLock ? this._releaseScrollLock = M() : !e && this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null), this._ensureOverlayContent(e);
-    const t = this._overlay.querySelector(".title"), i = this._overlay.querySelector(".panel, .sheet"), r = this._overlay.querySelector(".header"), n = this._overlay.querySelector(".footer"), a = this._translations();
-    if (i && (i.dataset.bare = this._isBare() ? "true" : "false"), n && (n.hidden = !this._showFooter()), r && (r.hidden = !(this.getAttribute("label") || "").trim() && !e), t) {
+    e && !this._releaseScrollLock ? this._releaseScrollLock = V() : !e && this._releaseScrollLock && (this._releaseScrollLock(), this._releaseScrollLock = null), this._ensureOverlayContent(e);
+    const t = this._overlay.querySelector(".title"), i = this._overlay.querySelector(".panel, .sheet");
+    this._syncDismissableLayer();
+    const r = this._overlay.querySelector(".header"), s = this._overlay.querySelector(".footer"), n = this._translations();
+    if (i && (i.dataset.bare = this._isBare() ? "true" : "false"), s && (s.hidden = !this._showFooter()), r && (r.hidden = !(this.getAttribute("label") || "").trim() && !e), t) {
       const c = (this.getAttribute("label") || "").trim();
       t.textContent = c, t.hidden = !c;
     }
     const o = this._overlay.querySelector('[data-action="today"]');
-    o && (o.textContent = a.today);
+    o && (o.textContent = n.today);
     const d = this._overlay.querySelector('[data-action="clear"]');
-    d && (d.textContent = a.clear);
-    const s = this._overlay.querySelector('[data-action="cancel"]');
-    s && (s.textContent = a.cancel);
+    d && (d.textContent = n.clear);
+    const a = this._overlay.querySelector('[data-action="cancel"]');
+    a && (a.textContent = n.cancel);
     const u = this._overlay.querySelector('[data-action="apply"]');
-    u && (u.textContent = a.apply);
+    u && (u.textContent = n.apply);
     const m = this._overlay.querySelector('[data-action="apply"]');
     m && (m.hidden = this._closeOnSelect() && !e);
     const h = this._overlay.querySelectorAll(".action"), x = this._isInteractionBlocked();
@@ -903,13 +936,13 @@ class Z extends V {
       }
       if (r === "today") {
         e.preventDefault();
-        const n = this._todayIso(), a = this._parseAndValidate(n);
-        if (!a)
+        const s = this._todayIso(), n = this._parseAndValidate(s);
+        if (!n)
           return;
-        const { min: o, max: d } = this._resolvedBounds(), s = B(a, o, d);
-        if (!s)
+        const { min: o, max: d } = this._resolvedBounds(), a = O(n, o, d);
+        if (!a)
           return;
-        this._pendingValue = s, this._emitInput("today"), this._closeOnSelect() && !this._isInlineMode() ? (this._commit(s, "today"), this._setOpen(!1, "today")) : this._updateHostState();
+        this._pendingValue = a, this._emitInput("today"), this._closeOnSelect() && !this._isInlineMode() ? (this._commit(a, "today"), this._setOpen(!1, "today")) : this._updateHostState();
         return;
       }
       if (r === "apply") {
@@ -931,13 +964,13 @@ class Z extends V {
     this._pendingValue = i, this._emitInput("typing");
   }
   _onRootBlur(e) {
-    var n;
+    var s;
     const t = e, i = t.target;
     if (!(i instanceof HTMLInputElement) || !i.classList.contains("input") || !this._allowInput())
       return;
     this._draftInput = i.value;
     const r = t.relatedTarget;
-    r && ((n = this._overlay) != null && n.contains(r)) || this._open && !this._isInlineMode() || this._handleDraftCommit("blur");
+    r && ((s = this._overlay) != null && s.contains(r)) || this._open && !this._isInlineMode() || this._handleDraftCommit("blur");
   }
   _onRootKeyDown(e) {
     const t = e, i = t.target;
@@ -973,10 +1006,10 @@ class Z extends V {
         return;
       }
       if (r === "today") {
-        const n = this._parseAndValidate(this._todayIso());
-        if (!n)
+        const s = this._parseAndValidate(this._todayIso());
+        if (!s)
           return;
-        const { min: a, max: o } = this._resolvedBounds(), d = B(n, a, o);
+        const { min: n, max: o } = this._resolvedBounds(), d = O(s, n, o);
         if (!d)
           return;
         this._pendingValue = d, this._emitInput("today"), this._closeOnSelect() ? (this._commit(d, "today"), this._setOpen(!1, "today")) : this._renderOverlay();
@@ -994,7 +1027,7 @@ class Z extends V {
     }
   }
   _onCalendarSelect(e) {
-    var a, o;
+    var n, o;
     if (this._isInteractionBlocked())
       return;
     const t = e, i = e.target;
@@ -1002,25 +1035,25 @@ class Z extends V {
       return;
     let r = null;
     if (t.type === "select")
-      r = g(((a = t.detail) == null ? void 0 : a.value) || null);
+      r = g(((n = t.detail) == null ? void 0 : n.value) || null);
     else if (t.type === "change") {
       const d = (o = t.detail) == null ? void 0 : o.value;
       typeof d == "string" && (r = g(d));
     }
     if (!r)
       return;
-    const n = this._clampToBounds(r);
-    n && (this._pendingValue = n, this._emitInput("calendar"), this._closeOnSelect() ? (this._commit(n, "calendar"), this._isInlineMode() || this._setOpen(!1, "calendar")) : this._updateHostState());
+    const s = this._clampToBounds(r);
+    s && (this._pendingValue = s, this._emitInput("calendar"), this._closeOnSelect() ? (this._commit(s, "calendar"), this._isInlineMode() || this._setOpen(!1, "calendar")) : this._updateHostState());
   }
   _updateHostState() {
     if (!this._hasView)
       return;
-    const e = this.getAttribute("label") || "", t = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, n = this._placeholder(), a = this._translations(), o = !!(this._value || this._pendingValue), d = this.getAttribute("name") || "", s = this._isInlineMode(), u = r ? "error" : this._state(), m = this._allowInput() ? this._draftInput : this._formatDisplay(this._pendingValue || this._value), h = this.root.querySelector(".label"), x = this.root.querySelector(".label-text"), f = this.root.querySelector(".required"), c = this.root.querySelector(".field"), l = this.root.querySelector(".input"), I = this.root.querySelector('.btn[data-action="clear"]'), _ = this.root.querySelector('.btn[data-action="toggle"]'), b = this.root.querySelector(".hint"), k = this.root.querySelector(".error"), A = this.root.querySelector(".hidden-input"), p = this.root.querySelector(".inline-panel"), O = this.root.querySelector('.inline-panel [data-action="today"]'), D = this.root.querySelector('.inline-panel [data-action="clear"]'), z = this.root.querySelector('.inline-panel [data-action="apply"]'), P = this.root.querySelector(".inline-panel .footer");
-    if (h && (h.hidden = !e, h.id = this._labelId, h.setAttribute("for", this._inputId)), x && (x.textContent = e), f && (f.hidden = !this.hasAttribute("required")), c && (c.dataset.invalid = r ? "true" : "false", c.dataset.open = this._open && !s ? "true" : "false", c.dataset.state = u, c.setAttribute("aria-disabled", this._isInteractionBlocked() ? "true" : "false")), l && (l.value !== m && (l.value = m), l.id = this._inputId, l.placeholder = n, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", s ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", r ? "true" : "false"), e ? l.setAttribute("aria-labelledby", this._labelId) : l.removeAttribute("aria-labelledby")), I && (I.hidden = !(this._clearable() && o), I.disabled = this._isInteractionBlocked(), I.setAttribute("aria-label", a.clearDate)), _ && (_.hidden = s, _.disabled = this._isInteractionBlocked(), _.setAttribute("aria-expanded", s ? "false" : String(this._open)), _.setAttribute("aria-controls", this._panelId), _.setAttribute("aria-label", a.toggleCalendar)), b && (b.id = this._hintId, b.hidden = !t, b.textContent = t), k && (k.id = this._errorId, k.hidden = !r, k.textContent = r), l) {
+    const e = this.getAttribute("label") || "", t = this.getAttribute("hint") || "", i = this.getAttribute("error") || "", r = this._inlineError || i, s = this._placeholder(), n = this._translations(), o = !!(this._value || this._pendingValue), d = this.getAttribute("name") || "", a = this._isInlineMode(), u = r ? "error" : this._state(), m = this._allowInput() ? this._draftInput : this._formatDisplay(this._pendingValue || this._value), h = this.root.querySelector(".label"), x = this.root.querySelector(".label-text"), f = this.root.querySelector(".required"), c = this.root.querySelector(".field"), l = this.root.querySelector(".input"), I = this.root.querySelector('.btn[data-action="clear"]'), _ = this.root.querySelector('.btn[data-action="toggle"]'), b = this.root.querySelector(".hint"), k = this.root.querySelector(".error"), A = this.root.querySelector(".hidden-input"), p = this.root.querySelector(".inline-panel"), C = this.root.querySelector('.inline-panel [data-action="today"]'), D = this.root.querySelector('.inline-panel [data-action="clear"]'), z = this.root.querySelector('.inline-panel [data-action="apply"]'), P = this.root.querySelector(".inline-panel .footer");
+    if (h && (h.hidden = !e, h.id = this._labelId, h.setAttribute("for", this._inputId)), x && (x.textContent = e), f && (f.hidden = !this.hasAttribute("required")), c && (c.dataset.invalid = r ? "true" : "false", c.dataset.open = this._open && !a ? "true" : "false", c.dataset.state = u, c.setAttribute("aria-disabled", this._isInteractionBlocked() ? "true" : "false")), l && (l.value !== m && (l.value = m), l.id = this._inputId, l.placeholder = s, l.readOnly = !this._allowInput() || this._isReadonly(), l.disabled = this._isInteractionBlocked(), l.required = this.hasAttribute("required"), l.autocomplete = "off", l.setAttribute("role", "combobox"), l.setAttribute("aria-haspopup", "dialog"), l.setAttribute("aria-expanded", a ? "false" : String(this._open)), l.setAttribute("aria-controls", this._panelId), l.setAttribute("aria-invalid", r ? "true" : "false"), e ? l.setAttribute("aria-labelledby", this._labelId) : l.removeAttribute("aria-labelledby")), I && (I.hidden = !(this._clearable() && o), I.disabled = this._isInteractionBlocked(), I.setAttribute("aria-label", n.clearDate)), _ && (_.hidden = a, _.disabled = this._isInteractionBlocked(), _.setAttribute("aria-expanded", a ? "false" : String(this._open)), _.setAttribute("aria-controls", this._panelId), _.setAttribute("aria-label", n.toggleCalendar)), b && (b.id = this._hintId, b.hidden = !t, b.textContent = t), k && (k.id = this._errorId, k.hidden = !r, k.textContent = r), l) {
       const w = [];
       t && b && !b.hidden && w.push(this._hintId), r && w.push(this._errorId), w.length ? l.setAttribute("aria-describedby", w.join(" ")) : l.removeAttribute("aria-describedby");
     }
-    if (A && (A.disabled = !d, A.name = d, A.value = this._value || ""), p && (p.hidden = !s, p.id = this._panelId, p.dataset.bare = this._isBare() ? "true" : "false", p.setAttribute("role", "dialog"), p.setAttribute("aria-modal", "false"), p.setAttribute("aria-label", e || a.selectDate)), P && (P.hidden = !this._showFooter()), O && (O.textContent = a.today), D && (D.textContent = a.clear), z && (z.textContent = a.apply), s) {
+    if (A && (A.disabled = !d, A.name = d, A.value = this._value || ""), p && (p.hidden = !a, p.id = this._panelId, p.dataset.bare = this._isBare() ? "true" : "false", p.setAttribute("role", "dialog"), p.setAttribute("aria-modal", "false"), p.setAttribute("aria-label", e || n.selectDate)), P && (P.hidden = !this._showFooter()), C && (C.textContent = n.today), D && (D.textContent = n.clear), z && (z.textContent = n.apply), a) {
       this._scheduleInlineCalendarSync(), this._destroyOverlay();
       return;
     }
@@ -1028,18 +1061,18 @@ class Z extends V {
   }
   render() {
     this._hasView || (this.setContent(`
-        <style>${N}</style>
+        <style>${j}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">
             <span class="label-text"></span>
             <span class="required">*</span>
           </label>
           <div class="field" part="field input">
-            <span class="icon" part="icon" aria-hidden="true">${Y}</span>
+            <span class="icon" part="icon" aria-hidden="true">${W}</span>
             <input class="input" id="${this._inputId}" part="input" />
-            <button type="button" class="btn" part="clear" data-action="clear">${W}</button>
+            <button type="button" class="btn" part="clear" data-action="clear">${N}</button>
             <button type="button" class="btn" part="toggle" data-action="toggle">
-              <span class="toggle-icon">${K}</span>
+              <span class="toggle-icon">${Z}</span>
               <span class="spinner" aria-hidden="true"></span>
             </button>
           </div>
@@ -1061,7 +1094,7 @@ class Z extends V {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-date-picker") && customElements.define("ui-date-picker", Z);
+typeof customElements < "u" && !customElements.get("ui-date-picker") && customElements.define("ui-date-picker", J);
 export {
-  Z as UIDatePicker
+  J as UIDatePicker
 };