@editora/ui-core 0.1.8 → 0.1.10

package/dist/date-picker.esm.js

@@ -0,0 +1,1067 @@
+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 = `
+  <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 = `
+  <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 = `
+  <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 = `
+  :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);
+    }
+  }
+`, j = `
+  .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(C) {
+  return C.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+class Z extends V {
+  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);
+  }
+  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(
+        g(this.getAttribute("value")) || g(this.getAttribute("default-value"))
+      );
+      this._value = e, this._pendingValue = e, this._draftInput = this._formatDisplay(e), this._open = this.hasAttribute("open") || y(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(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);
+      }
+      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 $(this.getAttribute("mode"));
+  }
+  _isDisabled() {
+    return this.hasAttribute("disabled");
+  }
+  _isReadonly() {
+    return this.hasAttribute("readonly");
+  }
+  _allowInput() {
+    return y(this.getAttribute("allow-input"), !0);
+  }
+  _clearable() {
+    return y(this.getAttribute("clearable"), !0);
+  }
+  _closeOnSelect() {
+    return y(this.getAttribute("close-on-select"), !0);
+  }
+  _showFooter() {
+    return y(this.getAttribute("show-footer"), !0);
+  }
+  _isBare() {
+    return y(this.getAttribute("bare"), !1);
+  }
+  _locale() {
+    return R(this.getAttribute("locale"));
+  }
+  _translations() {
+    return q(
+      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 = /* @__PURE__ */ 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 L(this.getAttribute("min"));
+  }
+  _maxIso() {
+    return L(this.getAttribute("max"));
+  }
+  _resolvedBounds() {
+    let e = this._minIso(), t = this._maxIso();
+    if (e && t && S(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 B(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());
+  }
+  _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 = M());
+  }
+  _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 = T(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 H(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, a = e ? "sheet" : "panel", o = e ? "true" : "false";
+    return `
+      <style>${j}</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)}">
+        <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 = (s, u) => {
+      if (u == null || u === "") {
+        e.hasAttribute(s) && e.removeAttribute(s);
+        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"));
+    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");
+    o === "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")), d ? (e.style.setProperty("--ui-calendar-day-height", o === "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", o === "lg" ? "0.76em" : "0.68em"), e.style.setProperty("--ui-calendar-weekday-font-size", o === "lg" ? "0.66em" : "0.58em"), e.style.setProperty("--ui-calendar-title-font-size", o === "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 = 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) {
+      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);
+    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);
+    const u = this._overlay.querySelector('[data-action="apply"]');
+    u && (u.textContent = a.apply);
+    const m = this._overlay.querySelector('[data-action="apply"]');
+    m && (m.hidden = this._closeOnSelect() && !e);
+    const h = this._overlay.querySelectorAll(".action"), x = this._isInteractionBlocked();
+    h.forEach((c) => {
+      c.disabled = x;
+    });
+    const f = this._overlay.querySelector(".dp-calendar");
+    f && (this._syncCalendarElement(f), this._open && !this._overlayFocusedOnOpen && this._lastOpenSource !== "attribute" && (this._overlayFocusedOnOpen = !0, requestAnimationFrame(() => {
+      if (!(!this._open || !this._overlay))
+        try {
+          f.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(), a = this._parseAndValidate(n);
+        if (!a)
+          return;
+        const { min: o, max: d } = this._resolvedBounds(), s = B(a, o, d);
+        if (!s)
+          return;
+        this._pendingValue = s, this._emitInput("today"), this._closeOnSelect() && !this._isInlineMode() ? (this._commit(s, "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: a, max: o } = this._resolvedBounds(), d = B(n, a, o);
+        if (!d)
+          return;
+        this._pendingValue = d, this._emitInput("today"), this._closeOnSelect() ? (this._commit(d, "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 a, o;
+    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 = g(((a = t.detail) == null ? void 0 : a.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());
+  }
+  _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 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) {
+      this._scheduleInlineCalendarSync(), this._destroyOverlay();
+      return;
+    }
+    this._open && this._syncOverlayState();
+  }
+  render() {
+    this._hasView || (this.setContent(`
+        <style>${N}</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>
+            <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="toggle" data-action="toggle">
+              <span class="toggle-icon">${K}</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);
+export {
+  Z as UIDatePicker
+};