@editora/ui-core 0.1.9 → 0.1.10

package/dist/date-picker.cjs.js

@@ -0,0 +1,570 @@
+"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=`
+  <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=`
+  <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=`
+  <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(
+      180deg,
+      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-text: var(--ui-color-text, #0f172a);
+    --ui-dp-muted: var(--ui-color-muted, #64748b);
+    --ui-dp-accent: var(--ui-color-primary, #2563eb);
+    --ui-dp-success: var(--ui-color-success, #15803d);
+    --ui-dp-radius: 12px;
+    --ui-dp-panel-radius: calc(var(--ui-dp-radius) + 2px);
+    --ui-dp-shadow: none;
+    --ui-dp-z: 1600;
+    --ui-dp-gap: 12px;
+    --ui-dp-hit: 42px;
+    --ui-dp-field-bg: var(--ui-dp-bg);
+    --ui-dp-field-border: var(--ui-dp-border);
+    --ui-dp-field-focus: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
+    --ui-dp-field-error: var(--ui-color-danger, #dc2626);
+    --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-accent) 26%, transparent);
+    --ui-dp-sheet-backdrop: rgba(15, 23, 42, 0.52);
+    --ui-dp-sheet-bg: var(--ui-dp-bg);
+    --ui-dp-duration: 160ms;
+    --ui-dp-ease: cubic-bezier(0.2, 0.9, 0.24, 1);
+    color-scheme: light dark;
+    display: inline-grid;
+    inline-size: min(100%, var(--ui-width, 320px));
+    min-inline-size: min(220px, 100%);
+    color: var(--ui-dp-text);
+    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  :host([shape="square"]) {
+    --ui-dp-radius: 6px;
+  }
+
+  :host([shape="soft"]) {
+    --ui-dp-radius: 16px;
+  }
+
+  :host([size="sm"]) {
+    --ui-dp-hit: 38px;
+  }
+
+  :host([size="lg"]) {
+    --ui-dp-hit: 48px;
+  }
+
+  .root {
+    min-inline-size: 0;
+    display: grid;
+    gap: 8px;
+  }
+
+  .label {
+    font: 600 13px/1.35 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    color: var(--ui-dp-text);
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .required {
+    color: var(--ui-dp-field-error);
+    font-size: 11px;
+    line-height: 1;
+  }
+
+  .field {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto auto;
+    align-items: center;
+    gap: 8px;
+    min-block-size: var(--ui-dp-hit);
+    padding: 0 10px 0 11px;
+    border: 1px solid var(--ui-dp-field-border);
+    border-radius: var(--ui-dp-radius);
+    background: var(--ui-dp-surface);
+    box-shadow: 0 1px 2px rgba(2, 6, 23, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.75);
+    transition: border-color var(--ui-dp-duration) var(--ui-dp-ease), box-shadow var(--ui-dp-duration) var(--ui-dp-ease), transform var(--ui-dp-duration) var(--ui-dp-ease);
+  }
+
+  .field[data-open="true"] {
+    border-color: var(--ui-dp-field-focus);
+    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 10px 24px rgba(2, 6, 23, 0.12);
+  }
+
+  .field:focus-within {
+    border-color: var(--ui-dp-field-focus);
+    box-shadow: 0 0 0 3px var(--ui-dp-focus-ring), 0 4px 14px rgba(2, 6, 23, 0.09);
+  }
+
+  .field[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);
+  }
+
+  .field[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);
+  }
+
+  .field[data-state="loading"] {
+    pointer-events: none;
+    opacity: 0.92;
+  }
+
+  .icon {
+    display: inline-grid;
+    place-items: center;
+    color: color-mix(in srgb, var(--ui-dp-text) 68%, transparent);
+    inline-size: 20px;
+    block-size: 20px;
+  }
+
+  .icon-svg {
+    inline-size: 16px;
+    block-size: 16px;
+    pointer-events: none;
+  }
+
+  .input {
+    inline-size: 100%;
+    min-inline-size: 0;
+    border: 0;
+    background: transparent;
+    color: var(--ui-dp-text);
+    padding: 8px 0;
+    outline: none;
+    font: 500 14px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    letter-spacing: 0.005em;
+  }
+
+  .input::placeholder {
+    color: color-mix(in srgb, var(--ui-dp-text) 44%, transparent);
+  }
+
+  .btn {
+    border: 0;
+    background: transparent;
+    color: color-mix(in srgb, var(--ui-dp-text) 74%, transparent);
+    inline-size: 28px;
+    block-size: 28px;
+    border-radius: 8px;
+    display: inline-grid;
+    place-items: center;
+    cursor: pointer;
+    transition: background-color var(--ui-dp-duration) var(--ui-dp-ease), color var(--ui-dp-duration) var(--ui-dp-ease), transform var(--ui-dp-duration) var(--ui-dp-ease);
+  }
+
+  .btn:hover {
+    background: color-mix(in srgb, var(--ui-dp-text) 10%, transparent);
+    color: var(--ui-dp-text);
+  }
+
+  .btn:active {
+    transform: translateY(1px);
+  }
+
+  .btn:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--ui-dp-accent) 64%, transparent);
+    outline-offset: 1px;
+  }
+
+  .btn:disabled {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .toggle-icon {
+    display: inline-grid;
+    place-items: center;
+  }
+
+  .spinner {
+    display: none;
+    inline-size: 14px;
+    block-size: 14px;
+    border-radius: 999px;
+    border: 2px solid color-mix(in srgb, var(--ui-dp-text) 20%, transparent);
+    border-top-color: color-mix(in srgb, var(--ui-dp-accent) 72%, transparent);
+    animation: ui-dp-spin 780ms linear infinite;
+  }
+
+  :host([state="loading"]) .toggle-icon {
+    display: none;
+  }
+
+  :host([state="loading"]) .spinner {
+    display: inline-block;
+  }
+
+  .btn[hidden] {
+    display: none;
+  }
+
+  .hint {
+    color: var(--ui-dp-muted);
+    font-size: 12px;
+    line-height: 1.4;
+  }
+
+  .error {
+    color: var(--ui-dp-field-error);
+    font-size: 12px;
+    line-height: 1.4;
+  }
+
+  .hint[hidden],
+  .error[hidden],
+  .label[hidden] {
+    display: none;
+  }
+
+  :host([disabled]) .field {
+    opacity: 0.62;
+    pointer-events: none;
+  }
+
+  :host([readonly]) .field {
+    background: color-mix(in srgb, var(--ui-dp-field-bg) 92%, var(--ui-color-surface-alt, #f8fafc));
+  }
+
+  :host([variant="contrast"]) {
+    --ui-dp-bg: #0f172a;
+    --ui-dp-border: #334155;
+    --ui-dp-text: #e2e8f0;
+    --ui-dp-muted: #93a4bd;
+    --ui-dp-accent: #93c5fd;
+    --ui-dp-field-bg: #0f172a;
+    --ui-dp-sheet-bg: #0f172a;
+    --ui-dp-sheet-backdrop: rgba(2, 6, 23, 0.74);
+    --ui-dp-surface: linear-gradient(180deg, color-mix(in srgb, #0f172a 86%, #1e293b), #0f172a);
+  }
+
+  :host([state="success"]) {
+    --ui-dp-field-focus: color-mix(in srgb, var(--ui-dp-success) 72%, transparent);
+    --ui-dp-focus-ring: color-mix(in srgb, var(--ui-dp-success) 26%, transparent);
+  }
+
+  .inline-panel {
+    border: 1px solid var(--ui-dp-border);
+    border-radius: var(--ui-dp-panel-radius);
+    background: var(--ui-dp-surface);
+    box-shadow: var(--ui-dp-shadow);
+    inline-size: fit-content;
+    max-inline-size: 100%;
+    justify-self: start;
+    padding: 10px;
+    display: grid;
+    gap: var(--ui-dp-gap);
+  }
+
+  .inline-panel .footer {
+    gap: 6px;
+  }
+
+  .inline-panel .action {
+    min-block-size: 30px;
+    padding: 0 10px;
+  }
+
+  .inline-panel[data-bare="true"] {
+    border: 0;
+    border-radius: 0;
+    background: var(--ui-dp-bare-bg, var(--ui-dp-bg));
+    box-shadow: none;
+    padding: 0;
+  }
+
+  .inline-panel[hidden] {
+    display: none !important;
+  }
+
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .footer[hidden] {
+    display: none !important;
+  }
+
+  .action {
+    border: 1px solid color-mix(in srgb, var(--ui-dp-border) 85%, transparent);
+    background: color-mix(in srgb, var(--ui-dp-bg) 95%, transparent);
+    color: var(--ui-dp-text);
+    min-block-size: 32px;
+    border-radius: 8px;
+    padding: 0 12px;
+    font: 600 12px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    cursor: pointer;
+    transition: border-color var(--ui-dp-duration) var(--ui-dp-ease), background-color var(--ui-dp-duration) var(--ui-dp-ease), transform var(--ui-dp-duration) var(--ui-dp-ease);
+  }
+
+  .action:hover {
+    border-color: color-mix(in srgb, var(--ui-dp-accent) 38%, var(--ui-dp-border));
+    background: color-mix(in srgb, var(--ui-dp-accent) 10%, transparent);
+  }
+
+  .action:active {
+    transform: translateY(1px);
+  }
+
+  .action:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--ui-dp-accent) 64%, transparent);
+    outline-offset: 1px;
+  }
+
+  .action[data-tone="primary"] {
+    border-color: color-mix(in srgb, var(--ui-dp-accent) 60%, transparent);
+    background: color-mix(in srgb, var(--ui-dp-accent) 20%, transparent);
+    color: color-mix(in srgb, var(--ui-dp-text) 94%, transparent);
+  }
+
+  .action:disabled {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  @media (max-width: 640px) {
+    :host {
+      inline-size: min(100%, var(--ui-width, 100%));
+    }
+
+    .field {
+      min-block-size: max(var(--ui-dp-hit), 40px);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .field,
+    .btn,
+    .action,
+    .spinner {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .field,
+    .inline-panel,
+    .action {
+      forced-color-adjust: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+    }
+    .field:focus-within,
+    .action:focus-visible,
+    .btn:focus-visible {
+      outline-color: Highlight;
+    }
+    .spinner {
+      border-color: CanvasText;
+      border-top-color: CanvasText;
+    }
+  }
+
+  @keyframes ui-dp-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`,$=`
+  .overlay {
+    position: fixed;
+    z-index: var(--ui-dp-z, 1600);
+    pointer-events: none;
+  }
+
+  .panel {
+    pointer-events: auto;
+    border: 1px solid var(--ui-dp-border, #cbd5e1);
+    border-radius: var(--ui-dp-panel-radius, 14px);
+    background: var(--ui-dp-surface, #fff);
+    color: var(--ui-dp-text, #0f172a);
+    box-shadow: var(--ui-dp-shadow);
+    padding: 10px;
+    display: grid;
+    gap: var(--ui-dp-gap, 12px);
+    inline-size: min(var(--ui-dp-panel-width, 20rem), calc(100vw - 16px));
+    max-inline-size: calc(100vw - 16px);
+    transform-origin: top;
+    animation: ui-dp-pop-in var(--ui-dp-duration, 160ms) var(--ui-dp-ease, cubic-bezier(0.2, 0.9, 0.24, 1));
+  }
+
+  .panel[data-bare="true"],
+  .sheet[data-bare="true"] {
+    border: 0;
+    border-radius: 0;
+    background: var(--ui-dp-bare-bg, var(--ui-dp-bg));
+    box-shadow: none;
+    padding: 0;
+  }
+
+  .sheet-wrap {
+    position: fixed;
+    inset: 0;
+    display: grid;
+    align-items: end;
+    z-index: var(--ui-dp-z, 1600);
+  }
+
+  .sheet-backdrop {
+    position: absolute;
+    inset: 0;
+    background: var(--ui-dp-sheet-backdrop, rgba(15, 23, 42, 0.52));
+  }
+
+  .sheet {
+    position: relative;
+    pointer-events: auto;
+    background: var(--ui-dp-sheet-bg, #fff);
+    color: var(--ui-dp-text, #0f172a);
+    border-radius: 16px 16px 0 0;
+    border: 1px solid color-mix(in srgb, var(--ui-dp-border, #cbd5e1) 84%, transparent);
+    box-shadow: 0 -12px 30px rgba(2, 6, 23, 0.2);
+    padding: 12px;
+    display: grid;
+    gap: 10px;
+    max-block-size: min(82vh, 620px);
+    overflow: auto;
+    animation: ui-dp-sheet-up var(--ui-dp-duration, 160ms) var(--ui-dp-ease, cubic-bezier(0.2, 0.9, 0.24, 1));
+  }
+
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .title {
+    margin: 0;
+    font: 700 14px/1.3 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    color: var(--ui-dp-text, #0f172a);
+  }
+
+  .footer {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .footer[hidden] {
+    display: none !important;
+  }
+
+  .action {
+    border: 1px solid color-mix(in srgb, var(--ui-dp-border, #cbd5e1) 85%, transparent);
+    background: color-mix(in srgb, var(--ui-dp-bg, #fff) 94%, transparent);
+    color: var(--ui-dp-text, #0f172a);
+    min-block-size: 32px;
+    border-radius: 8px;
+    padding: 0 12px;
+    font: 600 12px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    cursor: pointer;
+    transition: border-color var(--ui-dp-duration, 160ms) var(--ui-dp-ease, cubic-bezier(0.2, 0.9, 0.24, 1)), background-color var(--ui-dp-duration, 160ms) var(--ui-dp-ease, cubic-bezier(0.2, 0.9, 0.24, 1));
+  }
+
+  .action:hover {
+    border-color: color-mix(in srgb, var(--ui-dp-accent, #2563eb) 38%, var(--ui-dp-border, #cbd5e1));
+    background: color-mix(in srgb, var(--ui-dp-accent, #2563eb) 10%, transparent);
+  }
+
+  .action:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--ui-dp-accent, #2563eb) 64%, transparent);
+    outline-offset: 1px;
+  }
+
+  .action[data-tone="primary"] {
+    border-color: color-mix(in srgb, var(--ui-dp-accent, #2563eb) 60%, transparent);
+    background: color-mix(in srgb, var(--ui-dp-accent, #2563eb) 18%, transparent);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .panel,
+    .sheet,
+    .action {
+      animation: none !important;
+      transition: none !important;
+    }
+  }
+
+  @keyframes ui-dp-pop-in {
+    from {
+      opacity: 0;
+      transform: translateY(6px) scale(0.985);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+
+  @keyframes ui-dp-sheet-up {
+    from {
+      opacity: 0.82;
+      transform: translateY(12px);
+    }
+    to {
+      opacity: 1;
+      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>
+      ${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)}">
+        <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>`:""}
+        </header>
+        <ui-calendar class="dp-calendar" part="calendar"></ui-calendar>
+        <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>`:""}
+        </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>
+        <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>
+            <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="toggle" data-action="toggle">
+              <span class="toggle-icon">${M}</span>
+              <span class="spinner" aria-hidden="true"></span>
+            </button>
+          </div>
+          <div class="hint" id="${this._hintId}" part="hint"></div>
+          <div class="error" id="${this._errorId}" part="error" role="alert"></div>
+          <input class="hidden-input" type="hidden" disabled />
+          <section class="inline-panel" id="${this._panelId}" part="popover" hidden>
+            <ui-calendar class="inline-calendar" part="calendar"></ui-calendar>
+            <footer class="footer" part="footer">
+              <button type="button" class="action" data-action="today" part="presets"></button>
+              <button type="button" class="action" data-action="clear" part="clear"></button>
+              <button type="button" class="action" data-tone="primary" data-action="apply" part="apply"></button>
+            </footer>
+          </section>
+        </div>
+      `,{force:!0}),this._hasView=!0),this._updateHostState()}shouldRenderOnAttributeChange(e,t,i){return!1}}typeof customElements<"u"&&!customElements.get("ui-date-picker")&&customElements.define("ui-date-picker",z);exports.UIDatePicker=z;