@editora/ui-core 0.1.25 → 0.2.1

package/dist/date-range-picker.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-DxbvhLJs.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-D-mXMgqc.js"),s=require("./date-time-utils-y3AvNvGe.js");let G=0;const Q=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Y=require("./ElementBase-DxbvhLJs.js"),I=require("./control-name-BmoI1m3a.js"),J=require("./dismissable-layer-DNfrKA20.js"),B=require("./calendar-CzpWDxLc.js"),s=require("./date-time-utils-C-4eHTyy.js");let G=0;const Q=`
   <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>
@@ -18,14 +18,14 @@
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
-    --ui-dp-radius: 12px;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
-    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-field-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
     --ui-dp-z: 1600;
     --ui-dp-duration: 160ms;
@@ -64,11 +64,12 @@
   .required { color: var(--ui-dp-field-error); font-size: 11px; }
 
   .fields {
+    box-sizing: border-box;
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto auto;
     align-items: center;
     gap: 8px;
-    min-block-size: 42px;
+    min-block-size: var(--ui-control-height-2, 32px);
     border: 1px solid var(--ui-dp-border);
     border-radius: var(--ui-dp-radius);
     padding: 0 10px 0 11px;
@@ -82,23 +83,27 @@
   }
 
   .fields:focus-within {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 4px 14px rgba(2, 6, 23, 0.09);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-open="true"] {
-    border-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
-    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 10px 24px rgba(2, 6, 23, 0.12);
+    border-color: var(--ui-ring-color, var(--ui-dp-accent));
+    outline: var(--ui-ring-width, 2px) solid var(--ui-ring-color, var(--ui-dp-accent));
+    outline-offset: -1px;
+    box-shadow: none;
   }
 
   .fields[data-invalid="true"] {
     border-color: color-mix(in srgb, var(--ui-dp-field-error) 68%, transparent);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-field-error) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-field-error);
   }
 
   .fields[data-state="success"]:not([data-invalid="true"]) {
     border-color: color-mix(in srgb, var(--ui-dp-success) 56%, var(--ui-dp-border));
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-dp-success) 20%, transparent);
+    box-shadow: 0 0 0 1px var(--ui-dp-success);
   }
 
   .fields[data-state="loading"] {
@@ -126,14 +131,14 @@
     color: var(--ui-dp-text);
     min-inline-size: 0;
     inline-size: 100%;
-    padding: 8px 0;
+    padding: 0;
     font: 500 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     letter-spacing: 0.005em;
     outline: none;
   }
 
   .input::placeholder {
-    color: color-mix(in srgb, var(--ui-dp-text) 44%, transparent);
+    color: var(--ui-color-placeholder, color-mix(in srgb, var(--ui-dp-text) 62%, transparent));
   }
 
   .sep {
@@ -145,8 +150,8 @@
   .btn {
     border: 0;
     background: transparent;
-    inline-size: 28px;
-    block-size: 28px;
+    inline-size: var(--ui-dp-action-size, 24px);
+    block-size: var(--ui-dp-action-size, 24px);
     border-radius: 8px;
     color: color-mix(in srgb, var(--ui-dp-text) 72%, transparent);
     cursor: pointer;
@@ -324,14 +329,14 @@
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent),
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 92%, var(--ui-color-surface-alt, #f8fafc))
     );
-    --ui-dp-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
+    --ui-dp-border: var(--ui-color-line, var(--ui-color-border, #cbd5e1));
     --ui-dp-text: var(--ui-color-text, #0f172a);
     --ui-dp-muted: var(--ui-color-muted, #526175);
     --ui-dp-accent: var(--ui-color-primary, #2563eb);
     --ui-dp-success: var(--ui-color-success, #15803d);
-    --ui-dp-radius: 12px;
+    --ui-dp-radius: var(--ui-control-radius-2, var(--ui-radius, 6px));
     --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
-    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-field-error: var(--ui-color-danger-text, var(--ui-color-danger, #dc2626));
     --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
     --ui-dp-duration: 160ms;
     --ui-dp-ease: cubic-bezier(0.2, 0.9, 0.24, 1);
@@ -434,7 +439,7 @@
       <style>${it}</style>
       ${t?'<div class="sheet-backdrop" data-action="backdrop"></div>':""}
       <section class="${t?"sheet":"panel"}" id="${this._panelId}" role="dialog" aria-modal="${n}" aria-labelledby="${this._panelTitleId}" part="${t?"sheet":"popover"}">${u}</section>
-    `}_syncCalendar(t){const e=(f,c)=>{if(c==null||c===""){t.hasAttribute(f)&&t.removeAttribute(f);return}t.getAttribute(f)!==c&&t.setAttribute(f,c)},i=N(this._pending),{min:r,max:n}=this._resolvedBounds();e("selection","range"),e("value",i),e("min",r),e("max",n),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const o=this.getAttribute("size")||"sm";e("size",o==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),e("outside-click",this.getAttribute("outside-click"));const h=t.classList.contains("inline-calendar");o==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),h?(t.style.setProperty("--ui-calendar-day-height",o==="lg"?"2.1em":"1.92em"),t.style.setProperty("--ui-calendar-day-padding-block","0.08em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),t.style.setProperty("--ui-calendar-frame-padding","0.28em"),t.style.setProperty("--ui-calendar-week-gap","0.16em"),t.style.setProperty("--ui-calendar-control-height","1.64em"),t.style.setProperty("--ui-calendar-gap","0.2em"),t.style.setProperty("--ui-calendar-day-font-size",o==="lg"?"0.76em":"0.68em"),t.style.setProperty("--ui-calendar-weekday-font-size",o==="lg"?"0.66em":"0.58em"),t.style.setProperty("--ui-calendar-title-font-size",o==="lg"?"0.84em":"0.76em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),this._isReadonly()?e("readonly",""):e("readonly",null),this._isInteractionBlocked()?e("disabled",""):e("disabled",null),this._isBare()?e("bare",""):e("bare",null),e("tabindex","-1"),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_ensureOverlayContent(t){if(!this._overlay)return;const e=t?"sheet":"popover";this._overlayMode===e&&this._overlay.querySelector(".drp-calendar")||(this._overlayMode=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();t&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!t&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(t);const e=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".presets"),u=this._overlay.querySelector(".footer"),o=this._translations();i&&(i.dataset.bare=this._isBare()?"true":"false"),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!t);const h=this._showFooter();if(n&&(n.hidden=!h),u&&(u.hidden=!h),e){const g=(this.getAttribute("label")||"").trim();e.textContent=g,e.hidden=!g}const f=this._overlay.querySelector('[data-action="preset-today"]');f&&(f.textContent=o.today);const c=this._overlay.querySelector('[data-action="preset-last7"]');c&&(c.textContent=o.last7Days);const y=this._overlay.querySelector('[data-action="preset-month"]');y&&(y.textContent=o.thisMonth);const S=this._overlay.querySelector('[data-action="clear"]');S&&(S.textContent=o.clear);const A=this._overlay.querySelector('[data-action="cancel"]');A&&(A.textContent=o.cancel);const _=this._overlay.querySelector('[data-action="apply"]');_&&(_.textContent=o.apply);const l=this._overlay.querySelectorAll(".action"),d=this._isInteractionBlocked()||this._isReadonly();l.forEach(g=>{g.disabled=d});const a=this._overlay.querySelector(".drp-calendar");a&&(this._syncCalendar(a),this._open&&!this._overlayFocusedOnOpen&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{a.focus({preventScroll:!0})}catch{}}))),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const t=this.root.querySelector(".inline-calendar");t&&this._syncCalendar(t)}_scheduleInlineCalendarSync(){const t=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};t(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,t()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{t()})}))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._translations(),u=r?"error":this._state(),o=this._rangeVariant(),h=this._isInlineMode(),f=!!(this._value.start||this._value.end||this._pending.start||this._pending.end),c=this._isInteractionBlocked(),y=this.root.querySelector(".label"),S=this.root.querySelector(".label-text"),A=this.root.querySelector(".required"),_=this.root.querySelector(".fields"),l=this.root.querySelector(".single"),d=this.root.querySelector(".start"),a=this.root.querySelector(".end"),g=this.root.querySelector(".sep"),k=this.root.querySelector('.btn[data-action="clear"]'),v=this.root.querySelector('.btn[data-action="toggle"]'),x=this.root.querySelector(".hint"),C=this.root.querySelector(".error"),m=this.root.querySelector(".inline-panel"),L=this.root.querySelector(".inline-panel .presets"),q=this.root.querySelector(".inline-panel .footer"),O=this.root.querySelector(".hidden-range"),D=this.root.querySelector(".hidden-start"),z=this.root.querySelector(".hidden-end"),Z=this.root.querySelectorAll(".inline-panel .action");y&&(y.hidden=!t,y.id=this._labelId,y.setAttribute("for",o==="single-field"?this._singleId:this._startId)),S&&(S.textContent=t),A&&(A.hidden=!this.hasAttribute("required")),_&&(_.dataset.single=o==="single-field"?"true":"false",_.dataset.invalid=r?"true":"false",_.dataset.open=this._open&&!h?"true":"false",_.dataset.state=u,_.setAttribute("aria-disabled",c?"true":"false")),l&&(l.value!==this._draftSingle&&(l.value=this._draftSingle),l.id=this._singleId,l.hidden=o!=="single-field",l.readOnly=this._isReadonly()||c,l.disabled=c,l.required=this.hasAttribute("required"),l.placeholder=n.startEnd,l.autocomplete="off",l.setAttribute("role","combobox"),l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-controls",this._panelId),l.setAttribute("aria-expanded",h?"false":String(this._open)),l.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(l,this,t?this._labelId:null,n.startEnd)),d&&(d.value!==this._draftStart&&(d.value=this._draftStart),d.id=this._startId,d.hidden=o==="single-field",d.readOnly=this._isReadonly()||c,d.disabled=c,d.required=this.hasAttribute("required"),d.placeholder=n.startDate,d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-expanded",h?"false":String(this._open)),d.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(d,this,t?this._labelId:null,n.startDate)),a&&(a.value!==this._draftEnd&&(a.value=this._draftEnd),a.id=this._endId,a.hidden=o==="single-field",a.readOnly=this._isReadonly()||c,a.disabled=c,a.required=this.hasAttribute("required"),a.placeholder=n.endDate,a.autocomplete="off",a.setAttribute("role","combobox"),a.setAttribute("aria-haspopup","dialog"),a.setAttribute("aria-controls",this._panelId),a.setAttribute("aria-expanded",h?"false":String(this._open)),a.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(a,this,t?this._labelId:null,n.endDate)),g&&(g.hidden=o==="single-field"),k&&(k.hidden=!(this._clearable()&&f),k.disabled=c,k.setAttribute("aria-label",n.clearDateRange)),v&&(v.hidden=h,v.disabled=c,v.setAttribute("aria-expanded",h?"false":String(this._open)),v.setAttribute("aria-controls",this._panelId),v.setAttribute("aria-label",n.toggleCalendar)),x&&(x.id=this._hintId,x.hidden=!e,x.textContent=e),C&&(C.id=this._errorId,C.hidden=!r,C.textContent=r);const w=[];e&&x&&!x.hidden&&w.push(this._hintId),r&&w.push(this._errorId),I.syncControlDescription(l,this,`${this._uid}-single`,w),I.syncControlDescription(d,this,`${this._uid}-start`,w),I.syncControlDescription(a,this,`${this._uid}-end`,w),m&&(m.hidden=!h,m.id=this._panelId,m.dataset.bare=this._isBare()?"true":"false",m.setAttribute("role","dialog"),m.setAttribute("aria-modal","false"),m.setAttribute("aria-label",t||n.selectDateRange));const E=this._showFooter();L&&(L.hidden=!E),q&&(q.hidden=!E),Z.forEach(W=>{W.disabled=c||this._isReadonly()});const R=this.root.querySelector('.inline-panel [data-action="preset-today"]');R&&(R.textContent=n.today);const $=this.root.querySelector('.inline-panel [data-action="preset-last7"]');$&&($.textContent=n.last7Days);const M=this.root.querySelector('.inline-panel [data-action="preset-month"]');M&&(M.textContent=n.thisMonth);const F=this.root.querySelector('.inline-panel [data-action="clear"]');F&&(F.textContent=n.clear);const V=this.root.querySelector('.inline-panel [data-action="apply"]');V&&(V.textContent=n.apply);const P=this.getAttribute("name")||"",T=this.getAttribute("name-start")||"",H=this.getAttribute("name-end")||"",j=this._value.start&&this._value.end?`${this._value.start}..${this._value.end}`:"";if(O&&(O.disabled=!P,O.name=P,O.value=j),D&&(D.disabled=!!P||!T,D.name=T,D.value=this._value.start||""),z&&(z.disabled=!!P||!H,z.name=H,z.value=this._value.end||""),h){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]"),r=i?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"toggle");return}if(r==="clear"){this._commit({start:null,end:null},"clear");return}if(r==="apply"){this._commit(this._pending,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}r==="cancel"&&(this._pending={...this._value},this._isInlineMode()||this._setOpen(!1,"cancel"),this._updateHostState())}}_onRootInput(t){const e=t.target;if(!(e instanceof HTMLInputElement)||this._isInteractionBlocked()||this._isReadonly())return;if(this._rangeVariant()==="single-field"&&e.classList.contains("single")){this._draftSingle=e.value,this._inlineError="";return}e.classList.contains("start")&&(this._draftStart=e.value,this._inlineError=""),e.classList.contains("end")&&(this._draftEnd=e.value,this._inlineError="")}_commitFromDraft(t){if(this._rangeVariant()==="single-field"){const n=this._draftSingle.trim();if(!n)return this._pending={start:null,end:null},this._commit(this._pending,t),!0;const u=rt(n,this._locale());return!u.start||!u.end&&!this._allowPartial()?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(n,"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:u.start,end:u.end||null}),this._commit(this._pending,t),!0)}const i=this._draftStart?s.parseUserDateInput(this._draftStart,this._locale()):null,r=this._draftEnd?s.parseUserDateInput(this._draftEnd,this._locale()):null;return this._draftStart&&!i||this._draftEnd&&!r?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(),"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:i,end:r}),this._commit(this._pending,t),!0)}_onRootBlur(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t,i=e.target;if(!(i instanceof HTMLInputElement))return;const r=e.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))&&(i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("blur"))}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Enter"){const i=e.target;if(!this._isReadonly()&&i instanceof HTMLInputElement&&(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))){e.preventDefault(),i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("enter")&&!this._isInlineMode()&&this._setOpen(!1,"enter");return}}if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(t){const e=t.target;if(!e)return;const r=e.closest("[data-action]")?.getAttribute("data-action");if(r&&!(this._isInteractionBlocked()||this._isReadonly())){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="clear"){this._pending={start:null,end:null},this._emitInput("clear"),this._renderOverlay();return}if(r==="cancel"){this._pending={...this._value},this._setOpen(!1,"cancel");return}if(r==="apply"){this._commit(this._pending,"apply"),this._setOpen(!1,"apply");return}if(r==="preset-today"){const n=this._todayIso();this._pending=this._normalizePending({start:n,end:n}),this._emitInput("preset-today"),this._renderOverlay();return}if(r==="preset-last7"){const n=this._todayIso();this._pending=this._normalizePending(s.computeLastDaysRange(n,7)),this._emitInput("preset-last7"),this._renderOverlay();return}if(r==="preset-month"){const n=this._todayIso();this._pending=this._normalizePending(s.computeMonthRange(n)),this._emitInput("preset-month"),this._renderOverlay()}}}_onOverlayCalendarChange(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending=this._normalizePending({start:s.normalizeDateIso(i.start||null),end:s.normalizeDateIso(i.end||null)}),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.start&&this._pending.end){this._commit(this._pending,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar");return}this._updateHostState()}}render(){this._hasView||(this.setContent(`
+    `}_syncCalendar(t){const e=(f,c)=>{if(c==null||c===""){t.hasAttribute(f)&&t.removeAttribute(f);return}t.getAttribute(f)!==c&&t.setAttribute(f,c)},i=N(this._pending),{min:r,max:n}=this._resolvedBounds();e("selection","range"),e("value",i),e("min",r),e("max",n),e("locale",this.getAttribute("locale")),e("translations",this.getAttribute("translations")),e("week-start",this.getAttribute("week-start"));const o=this.getAttribute("size")||"sm";e("size",o==="lg"?"md":"sm"),e("variant",this.getAttribute("variant")),e("outside-click",this.getAttribute("outside-click"));const h=t.classList.contains("inline-calendar");o==="lg"?(t.style.setProperty("--ui-calendar-day-height","1.95em"),t.style.setProperty("--ui-calendar-day-padding-block","0.2em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.26em"),t.style.setProperty("--ui-calendar-gap","0.42em"),t.style.setProperty("--ui-calendar-day-font-size","0.78em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.7em"),t.style.setProperty("--ui-calendar-title-font-size","0.88em")):(t.style.setProperty("--ui-calendar-day-height","2.4em"),t.style.setProperty("--ui-calendar-day-padding-block","0.14em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.22em"),t.style.setProperty("--ui-calendar-gap","0.34em"),t.style.setProperty("--ui-calendar-day-font-size","0.72em"),t.style.setProperty("--ui-calendar-weekday-font-size","0.64em"),t.style.setProperty("--ui-calendar-title-font-size","0.8em")),h?(t.style.setProperty("--ui-calendar-day-height",o==="lg"?"2.1em":"1.92em"),t.style.setProperty("--ui-calendar-day-padding-block","0.08em"),t.style.setProperty("--ui-calendar-day-padding-inline","0.14em"),t.style.setProperty("--ui-calendar-frame-padding","0.28em"),t.style.setProperty("--ui-calendar-week-gap","0.16em"),t.style.setProperty("--ui-calendar-control-height","1.64em"),t.style.setProperty("--ui-calendar-gap","0.2em"),t.style.setProperty("--ui-calendar-day-font-size",o==="lg"?"0.76em":"0.68em"),t.style.setProperty("--ui-calendar-weekday-font-size",o==="lg"?"0.66em":"0.58em"),t.style.setProperty("--ui-calendar-title-font-size",o==="lg"?"0.84em":"0.76em")):(t.style.removeProperty("--ui-calendar-frame-padding"),t.style.removeProperty("--ui-calendar-week-gap"),t.style.removeProperty("--ui-calendar-control-height")),this._isReadonly()?e("readonly",""):e("readonly",null),this._isInteractionBlocked()?e("disabled",""):e("disabled",null),this._isBare()?e("bare",""):e("bare",null),e("tabindex","-1"),e("aria-label",this.getAttribute("label")||this._translations().selectDateRange)}_ensureOverlayContent(t){if(!this._overlay)return;const e=t?"sheet":"popover";this._overlayMode===e&&this._overlay.querySelector(".drp-calendar")||(this._overlayMode=e,this._overlay.innerHTML=t?`<div class="sheet-wrap">${this._renderPanelInner(!0)}</div>`:`<div class="overlay">${this._renderPanelInner(!1)}</div>`)}_syncOverlayState(){if(!this._overlay)return;this._syncOverlayHostZIndex();const t=this._isMobileSheet();t&&!this._releaseScrollLock?this._releaseScrollLock=s.lockBodyScroll():!t&&this._releaseScrollLock&&(this._releaseScrollLock(),this._releaseScrollLock=null),this._ensureOverlayContent(t);const e=this._overlay.querySelector(".title"),i=this._overlay.querySelector(".panel, .sheet");this._syncDismissableLayer();const r=this._overlay.querySelector(".header"),n=this._overlay.querySelector(".presets"),u=this._overlay.querySelector(".footer"),o=this._translations();i&&(i.dataset.bare=this._isBare()?"true":"false"),r&&(r.hidden=!(this.getAttribute("label")||"").trim()&&!t);const h=this._showFooter();if(n&&(n.hidden=!h),u&&(u.hidden=!h),e){const g=(this.getAttribute("label")||"").trim();e.textContent=g,e.hidden=!g}const f=this._overlay.querySelector('[data-action="preset-today"]');f&&(f.textContent=o.today);const c=this._overlay.querySelector('[data-action="preset-last7"]');c&&(c.textContent=o.last7Days);const y=this._overlay.querySelector('[data-action="preset-month"]');y&&(y.textContent=o.thisMonth);const S=this._overlay.querySelector('[data-action="clear"]');S&&(S.textContent=o.clear);const w=this._overlay.querySelector('[data-action="cancel"]');w&&(w.textContent=o.cancel);const _=this._overlay.querySelector('[data-action="apply"]');_&&(_.textContent=o.apply);const l=this._overlay.querySelectorAll(".action"),d=this._isInteractionBlocked()||this._isReadonly();l.forEach(g=>{g.disabled=d});const a=this._overlay.querySelector(".drp-calendar");a&&(this._syncCalendar(a),this._open&&!this._overlayFocusedOnOpen&&(this._overlayFocusedOnOpen=!0,requestAnimationFrame(()=>{if(!(!this._open||!this._overlay))try{a.focus({preventScroll:!0})}catch{}}))),t||this._schedulePosition.run()}_renderOverlay(){this._syncOverlayState()}_renderInlineCalendar(){const t=this.root.querySelector(".inline-calendar");t&&this._syncCalendar(t)}_scheduleInlineCalendarSync(){const t=()=>{!this.isConnected||!this._hasView||!this._isInlineMode()||this._renderInlineCalendar()};t(),this._inlineCalendarFramePending||(this._inlineCalendarFramePending=!0,requestAnimationFrame(()=>{this._inlineCalendarFramePending=!1,t()})),!this._inlineCalendarUpgradePending&&typeof customElements<"u"&&!customElements.get("ui-calendar")&&(this._inlineCalendarUpgradePending=!0,customElements.whenDefined("ui-calendar").then(()=>{this._inlineCalendarUpgradePending=!1,requestAnimationFrame(()=>{t()})}))}_updateHostState(){if(!this._hasView)return;const t=this.getAttribute("label")||"",e=this.getAttribute("hint")||"",i=this.getAttribute("error")||"",r=this._inlineError||i,n=this._translations(),u=r?"error":this._state(),o=this._rangeVariant(),h=this._isInlineMode(),f=!!(this._value.start||this._value.end||this._pending.start||this._pending.end),c=this._isInteractionBlocked(),y=this.root.querySelector(".label"),S=this.root.querySelector(".label-text"),w=this.root.querySelector(".required"),_=this.root.querySelector(".fields"),l=this.root.querySelector(".single"),d=this.root.querySelector(".start"),a=this.root.querySelector(".end"),g=this.root.querySelector(".sep"),k=this.root.querySelector('.btn[data-action="clear"]'),m=this.root.querySelector('.btn[data-action="toggle"]'),x=this.root.querySelector(".hint"),C=this.root.querySelector(".error"),v=this.root.querySelector(".inline-panel"),L=this.root.querySelector(".inline-panel .presets"),q=this.root.querySelector(".inline-panel .footer"),O=this.root.querySelector(".hidden-range"),D=this.root.querySelector(".hidden-start"),z=this.root.querySelector(".hidden-end"),Z=this.root.querySelectorAll(".inline-panel .action");y&&(y.hidden=!t,y.id=this._labelId,y.setAttribute("for",o==="single-field"?this._singleId:this._startId)),S&&(S.textContent=t),w&&(w.hidden=!this.hasAttribute("required")),_&&(_.dataset.single=o==="single-field"?"true":"false",_.dataset.invalid=r?"true":"false",_.dataset.open=this._open&&!h?"true":"false",_.dataset.state=u,_.setAttribute("aria-disabled",c?"true":"false")),l&&(l.value!==this._draftSingle&&(l.value=this._draftSingle),l.id=this._singleId,l.hidden=o!=="single-field",l.readOnly=this._isReadonly()||c,l.disabled=c,l.required=this.hasAttribute("required"),l.placeholder=n.startEnd,l.autocomplete="off",l.setAttribute("role","combobox"),l.setAttribute("aria-haspopup","dialog"),l.setAttribute("aria-controls",this._panelId),l.setAttribute("aria-expanded",h?"false":String(this._open)),l.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(l,this,t?this._labelId:null,n.startEnd)),d&&(d.value!==this._draftStart&&(d.value=this._draftStart),d.id=this._startId,d.hidden=o==="single-field",d.readOnly=this._isReadonly()||c,d.disabled=c,d.required=this.hasAttribute("required"),d.placeholder=n.startDate,d.autocomplete="off",d.setAttribute("role","combobox"),d.setAttribute("aria-haspopup","dialog"),d.setAttribute("aria-controls",this._panelId),d.setAttribute("aria-expanded",h?"false":String(this._open)),d.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(d,this,t?this._labelId:null,n.startDate)),a&&(a.value!==this._draftEnd&&(a.value=this._draftEnd),a.id=this._endId,a.hidden=o==="single-field",a.readOnly=this._isReadonly()||c,a.disabled=c,a.required=this.hasAttribute("required"),a.placeholder=n.endDate,a.autocomplete="off",a.setAttribute("role","combobox"),a.setAttribute("aria-haspopup","dialog"),a.setAttribute("aria-controls",this._panelId),a.setAttribute("aria-expanded",h?"false":String(this._open)),a.setAttribute("aria-invalid",r?"true":"false"),I.syncControlName(a,this,t?this._labelId:null,n.endDate)),g&&(g.hidden=o==="single-field"),k&&(k.hidden=!(this._clearable()&&f),k.disabled=c,k.setAttribute("aria-label",n.clearDateRange)),m&&(m.hidden=h,m.disabled=c,m.setAttribute("aria-expanded",h?"false":String(this._open)),m.setAttribute("aria-controls",this._panelId),m.setAttribute("aria-label",n.toggleCalendar)),x&&(x.id=this._hintId,x.hidden=!e,x.textContent=e),C&&(C.id=this._errorId,C.hidden=!r,C.textContent=r);const A=[];e&&x&&!x.hidden&&A.push(this._hintId),r&&A.push(this._errorId),I.syncControlDescription(l,this,`${this._uid}-single`,A),I.syncControlDescription(d,this,`${this._uid}-start`,A),I.syncControlDescription(a,this,`${this._uid}-end`,A),v&&(v.hidden=!h,v.id=this._panelId,v.dataset.bare=this._isBare()?"true":"false",v.setAttribute("role","dialog"),v.setAttribute("aria-modal","false"),v.setAttribute("aria-label",t||n.selectDateRange));const E=this._showFooter();L&&(L.hidden=!E),q&&(q.hidden=!E),Z.forEach(W=>{W.disabled=c||this._isReadonly()});const R=this.root.querySelector('.inline-panel [data-action="preset-today"]');R&&(R.textContent=n.today);const $=this.root.querySelector('.inline-panel [data-action="preset-last7"]');$&&($.textContent=n.last7Days);const M=this.root.querySelector('.inline-panel [data-action="preset-month"]');M&&(M.textContent=n.thisMonth);const F=this.root.querySelector('.inline-panel [data-action="clear"]');F&&(F.textContent=n.clear);const V=this.root.querySelector('.inline-panel [data-action="apply"]');V&&(V.textContent=n.apply);const P=this.getAttribute("name")||"",T=this.getAttribute("name-start")||"",H=this.getAttribute("name-end")||"",j=this._value.start&&this._value.end?`${this._value.start}..${this._value.end}`:"";if(O&&(O.disabled=!P,O.name=P,O.value=j),D&&(D.disabled=!!P||!T,D.name=T,D.value=this._value.start||""),z&&(z.disabled=!!P||!H,z.name=H,z.value=this._value.end||""),h){this._scheduleInlineCalendarSync(),this._destroyOverlay();return}this._open&&this._syncOverlayState()}_onRootClick(t){const e=t.target;if(!e)return;const i=e.closest("[data-action]"),r=i?.getAttribute("data-action");if(r&&!this._isInteractionBlocked()){if(r==="toggle"){this._restoreFocusEl=i,this._setOpen(!this._open,"toggle");return}if(r==="clear"){this._commit({start:null,end:null},"clear");return}if(r==="apply"){this._commit(this._pending,"apply"),this._isInlineMode()||this._setOpen(!1,"apply");return}r==="cancel"&&(this._pending={...this._value},this._isInlineMode()||this._setOpen(!1,"cancel"),this._updateHostState())}}_onRootInput(t){const e=t.target;if(!(e instanceof HTMLInputElement)||this._isInteractionBlocked()||this._isReadonly())return;if(this._rangeVariant()==="single-field"&&e.classList.contains("single")){this._draftSingle=e.value,this._inlineError="";return}e.classList.contains("start")&&(this._draftStart=e.value,this._inlineError=""),e.classList.contains("end")&&(this._draftEnd=e.value,this._inlineError="")}_commitFromDraft(t){if(this._rangeVariant()==="single-field"){const n=this._draftSingle.trim();if(!n)return this._pending={start:null,end:null},this._commit(this._pending,t),!0;const u=rt(n,this._locale());return!u.start||!u.end&&!this._allowPartial()?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(n,"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:u.start,end:u.end||null}),this._commit(this._pending,t),!0)}const i=this._draftStart?s.parseUserDateInput(this._draftStart,this._locale()):null,r=this._draftEnd?s.parseUserDateInput(this._draftEnd,this._locale()):null;return this._draftStart&&!i||this._draftEnd&&!r?(this._inlineError=this.getAttribute("error")||this._translations().invalidRange,this._emitInvalid(`${this._draftStart} ${this._draftEnd}`.trim(),"parse"),this._updateHostState(),!1):(this._pending=this._normalizePending({start:i,end:r}),this._commit(this._pending,t),!0)}_onRootBlur(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t,i=e.target;if(!(i instanceof HTMLInputElement))return;const r=e.relatedTarget;r&&this._overlay?.contains(r)||this._open&&!this._isInlineMode()||(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))&&(i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("blur"))}_onRootKeyDown(t){const e=t;if(!this._isInteractionBlocked()){if(e.key==="Enter"){const i=e.target;if(!this._isReadonly()&&i instanceof HTMLInputElement&&(i.classList.contains("single")||i.classList.contains("start")||i.classList.contains("end"))){e.preventDefault(),i.classList.contains("single")&&(this._draftSingle=i.value),i.classList.contains("start")&&(this._draftStart=i.value),i.classList.contains("end")&&(this._draftEnd=i.value),this._commitFromDraft("enter")&&!this._isInlineMode()&&this._setOpen(!1,"enter");return}}if(e.key==="Escape"&&this._open&&!this._isInlineMode()){e.preventDefault(),this._setOpen(!1,"escape");return}e.key==="ArrowDown"&&!this._open&&!this._isInlineMode()&&(e.preventDefault(),this._setOpen(!0,"keyboard"))}}_onDocumentPointerDown(t){if(!this._open||!this._overlay)return;const e=t.composedPath();e.includes(this)||e.includes(this._overlay)||this._setOpen(!1,"outside")}_onDocumentKeyDown(t){this._open&&t.key==="Escape"&&(t.preventDefault(),this._setOpen(!1,"escape"))}_onOverlayClick(t){const e=t.target;if(!e)return;const r=e.closest("[data-action]")?.getAttribute("data-action");if(r&&!(this._isInteractionBlocked()||this._isReadonly())){if(r==="backdrop"){this._setOpen(!1,"outside");return}if(r==="clear"){this._pending={start:null,end:null},this._emitInput("clear"),this._renderOverlay();return}if(r==="cancel"){this._pending={...this._value},this._setOpen(!1,"cancel");return}if(r==="apply"){this._commit(this._pending,"apply"),this._setOpen(!1,"apply");return}if(r==="preset-today"){const n=this._todayIso();this._pending=this._normalizePending({start:n,end:n}),this._emitInput("preset-today"),this._renderOverlay();return}if(r==="preset-last7"){const n=this._todayIso();this._pending=this._normalizePending(s.computeLastDaysRange(n,7)),this._emitInput("preset-last7"),this._renderOverlay();return}if(r==="preset-month"){const n=this._todayIso();this._pending=this._normalizePending(s.computeMonthRange(n)),this._emitInput("preset-month"),this._renderOverlay()}}}_onOverlayCalendarChange(t){if(this._isInteractionBlocked()||this._isReadonly())return;const e=t.target;if(!e||e.tagName.toLowerCase()!=="ui-calendar")return;const i=t.detail;if(!(!i||i.mode!=="range")){if(this._pending=this._normalizePending({start:s.normalizeDateIso(i.start||null),end:s.normalizeDateIso(i.end||null)}),this._emitInput("calendar"),this._shouldAutoCommit()&&this._pending.start&&this._pending.end){this._commit(this._pending,"calendar"),this._isInlineMode()||this._setOpen(!1,"calendar");return}this._updateHostState()}}render(){this._hasView||(this.setContent(`
         <style>${et}</style>
         <div class="root">
           <label class="label" part="label" id="${this._labelId}">