@editora/ui-core 0.1.9 → 0.1.12

package/dist/calendar-2c11b824.mjs

@@ -0,0 +1,1685 @@
+import { E as Ae } from "./ElementBase-909688f3.mjs";
+const Te = {
+  calendarLabel: "Calendar",
+  today: "Today",
+  clear: "Clear",
+  apply: "Apply",
+  cancel: "Cancel",
+  now: "Now",
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  chooseMonthYear: "Choose month and year",
+  previousYear: "Previous year",
+  nextYear: "Next year",
+  syncingSchedule: "Syncing schedule...",
+  unableToSyncEvents: "Unable to sync events",
+  scheduleSynced: "Schedule synced",
+  event: "Event",
+  selectDate: "Select date",
+  selectDateRange: "Select date range",
+  startDate: "Start date",
+  endDate: "End date",
+  startEnd: "Start — End",
+  toggleCalendar: "Toggle calendar",
+  clearDate: "Clear date",
+  clearDateRange: "Clear date range",
+  invalidDate: "Invalid date",
+  dateOutOfRange: "Date is outside the allowed range",
+  invalidRange: "Invalid range",
+  invalidTime: "Invalid time",
+  invalidDateTime: "Invalid date-time",
+  invalidRangeOrder: "Invalid range order",
+  rangeIncomplete: "Range is incomplete",
+  last7Days: "Last 7 days",
+  thisMonth: "This month",
+  hour: "Hour",
+  minute: "Minute",
+  second: "Second",
+  meridiem: "Meridiem",
+  am: "AM",
+  pm: "PM",
+  startTime: "Start time",
+  endTime: "End time",
+  datePickerPanel: "Date picker panel",
+  timePlaceholder: "HH:mm",
+  timePlaceholderSeconds: "HH:mm:ss",
+  dateTimePlaceholder: "YYYY-MM-DD HH:mm",
+  dateRangeTimePlaceholder: "Start — End"
+}, Re = {
+  calendarLabel: "日历",
+  today: "今天",
+  clear: "清除",
+  apply: "应用",
+  cancel: "取消",
+  now: "现在",
+  previousMonth: "上个月",
+  nextMonth: "下个月",
+  chooseMonthYear: "选择月份和年份",
+  previousYear: "上一年",
+  nextYear: "下一年",
+  syncingSchedule: "正在同步日程...",
+  unableToSyncEvents: "无法同步事件",
+  scheduleSynced: "日程已同步",
+  event: "事件",
+  selectDate: "选择日期",
+  selectDateRange: "选择日期范围",
+  startDate: "开始日期",
+  endDate: "结束日期",
+  startEnd: "开始 — 结束",
+  toggleCalendar: "切换日历",
+  clearDate: "清除日期",
+  clearDateRange: "清除日期范围",
+  invalidDate: "日期无效",
+  dateOutOfRange: "日期超出允许范围",
+  invalidRange: "范围无效",
+  invalidTime: "时间无效",
+  invalidDateTime: "日期时间无效",
+  invalidRangeOrder: "范围顺序无效",
+  rangeIncomplete: "范围不完整",
+  last7Days: "最近7天",
+  thisMonth: "本月",
+  hour: "小时",
+  minute: "分钟",
+  second: "秒",
+  meridiem: "上午/下午",
+  am: "上午",
+  pm: "下午",
+  startTime: "开始时间",
+  endTime: "结束时间",
+  datePickerPanel: "日期选择面板",
+  timePlaceholder: "HH:mm",
+  timePlaceholderSeconds: "HH:mm:ss",
+  dateTimePlaceholder: "YYYY-MM-DD HH:mm",
+  dateRangeTimePlaceholder: "开始 — 结束"
+}, ze = {
+  calendarLabel: "Calendrier",
+  today: "Aujourd'hui",
+  clear: "Effacer",
+  apply: "Appliquer",
+  cancel: "Annuler",
+  now: "Maintenant",
+  previousMonth: "Mois precedent",
+  nextMonth: "Mois suivant",
+  chooseMonthYear: "Choisir le mois et l annee",
+  previousYear: "Annee precedente",
+  nextYear: "Annee suivante",
+  syncingSchedule: "Synchronisation du planning...",
+  unableToSyncEvents: "Impossible de synchroniser les evenements",
+  scheduleSynced: "Planning synchronise",
+  event: "Evenement",
+  selectDate: "Selectionner une date",
+  selectDateRange: "Selectionner une periode",
+  startDate: "Date de debut",
+  endDate: "Date de fin",
+  startEnd: "Debut — Fin",
+  toggleCalendar: "Afficher le calendrier",
+  clearDate: "Effacer la date",
+  clearDateRange: "Effacer la periode",
+  invalidDate: "Date invalide",
+  dateOutOfRange: "La date est hors de la plage autorisee",
+  invalidRange: "Periode invalide",
+  invalidTime: "Heure invalide",
+  invalidDateTime: "Date/heure invalide",
+  invalidRangeOrder: "Ordre de periode invalide",
+  rangeIncomplete: "Periode incomplete",
+  last7Days: "7 derniers jours",
+  thisMonth: "Ce mois-ci",
+  hour: "Heure",
+  minute: "Minute",
+  second: "Seconde",
+  meridiem: "AM/PM",
+  am: "AM",
+  pm: "PM",
+  startTime: "Heure de debut",
+  endTime: "Heure de fin",
+  datePickerPanel: "Panneau de selection de date",
+  timePlaceholder: "HH:mm",
+  timePlaceholderSeconds: "HH:mm:ss",
+  dateTimePlaceholder: "YYYY-MM-DD HH:mm",
+  dateRangeTimePlaceholder: "Debut — Fin"
+}, $e = {
+  en: Te,
+  zh: Re,
+  fr: ze
+}, oe = /* @__PURE__ */ new Map();
+function Ee(r) {
+  return r.trim().toLowerCase().replace(/_/g, "-");
+}
+function Pe(r) {
+  const e = r || (typeof navigator < "u" && navigator.language ? navigator.language : "en"), t = Ee(e || "");
+  return t === "zh" || t.startsWith("zh-") || t === "cn" || t === "chinese" || t === "zh-cn" || t === "zh-hans" || t === "zh-hant" ? "zh" : t === "fr" || t.startsWith("fr-") || t === "french" ? "fr" : "en";
+}
+function de(r) {
+  if (!r || typeof r != "object" || Array.isArray(r))
+    return {};
+  const e = {};
+  return Object.entries(r).forEach(([t, a]) => {
+    typeof a == "string" && (e[t] = a);
+  }), e;
+}
+function Oe(r, e) {
+  if (!r)
+    return {};
+  try {
+    const t = JSON.parse(r);
+    if (!t || typeof t != "object" || Array.isArray(t))
+      return {};
+    const a = de(t), n = de(t[e]);
+    return { ...a, ...n };
+  } catch {
+    return {};
+  }
+}
+function Le(r, e) {
+  const t = Pe(r), a = `${t}::${e || ""}`, n = oe.get(a);
+  if (n)
+    return n;
+  const i = $e[t], s = Oe(e, t), o = { ...i, ...s };
+  return oe.set(a, o), o;
+}
+const Be = `
+  :host {
+    --ui-calendar-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
+    --ui-calendar-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
+    --ui-calendar-text: var(--ui-color-text, #0f172a);
+    --ui-calendar-muted: var(--ui-color-muted, #64748b);
+    --ui-calendar-accent: var(--ui-color-primary, #2563eb);
+
+    --ui-calendar-radius: 14px;
+    --ui-calendar-shadow: none;
+    --ui-calendar-gap: 10px;
+    --ui-calendar-day-radius: 10px;
+    --ui-calendar-day-hover-bg: color-mix(in srgb, var(--ui-calendar-accent) 10%, transparent);
+    --ui-calendar-selected-bg: color-mix(in srgb, var(--ui-calendar-accent) 14%, transparent);
+    --ui-calendar-selected-border: color-mix(in srgb, var(--ui-calendar-accent) 44%, transparent);
+    --ui-calendar-today-ring: color-mix(in srgb, var(--ui-calendar-accent) 56%, transparent);
+    --ui-calendar-range-bg: color-mix(in srgb, var(--ui-calendar-accent) 9%, transparent);
+    --ui-calendar-range-edge: color-mix(in srgb, var(--ui-calendar-accent) 20%, transparent);
+    --ui-calendar-disabled-opacity: 0.45;
+
+    --ui-calendar-day-height: 52px;
+    --ui-calendar-day-font-size: 12px;
+    --ui-calendar-weekday-font-size: 11px;
+    --ui-calendar-title-font-size: 14px;
+    --ui-calendar-day-padding-block: 6px;
+    --ui-calendar-day-padding-inline: 6px;
+    --ui-calendar-frame-padding: 12px;
+    --ui-calendar-week-gap: 6px;
+    --ui-calendar-control-height: 30px;
+
+    display: block;
+    min-inline-size: 280px;
+    max-inline-size: 100%;
+    color-scheme: light dark;
+    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  }
+
+  :host([tone="neutral"]) {
+    --ui-calendar-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 76%, var(--ui-color-text, #0f172a) 24%);
+  }
+
+  :host([tone="info"]) {
+    --ui-calendar-accent: var(--ui-color-primary, #2563eb);
+  }
+
+  :host([tone="success"]) {
+    --ui-calendar-accent: var(--ui-color-success, #16a34a);
+  }
+
+  :host([tone="warning"]) {
+    --ui-calendar-accent: var(--ui-color-warning, #d97706);
+  }
+
+  :host([tone="danger"]) {
+    --ui-calendar-accent: var(--ui-color-danger, #dc2626);
+  }
+
+  :host([state="error"]) {
+    --ui-calendar-accent: var(--ui-color-danger, #dc2626);
+  }
+
+  :host([state="success"]) {
+    --ui-calendar-accent: var(--ui-color-success, #16a34a);
+  }
+
+  :host([size="sm"]) {
+    --ui-calendar-gap: 8px;
+    --ui-calendar-day-height: 42px;
+    --ui-calendar-day-font-size: 11px;
+    --ui-calendar-weekday-font-size: 10px;
+    --ui-calendar-title-font-size: 13px;
+    --ui-calendar-day-radius: 8px;
+  }
+
+  :host([size="lg"]) {
+    --ui-calendar-gap: 12px;
+    --ui-calendar-day-height: 58px;
+    --ui-calendar-day-font-size: 13px;
+    --ui-calendar-weekday-font-size: 12px;
+    --ui-calendar-title-font-size: 15px;
+    --ui-calendar-day-radius: 12px;
+  }
+
+  .frame {
+    position: relative;
+    border: 1px solid var(--ui-calendar-border);
+    border-radius: var(--ui-calendar-radius);
+    background: var(--ui-calendar-bg);
+    box-shadow: var(--ui-calendar-shadow);
+    padding: var(--ui-calendar-frame-padding);
+    display: grid;
+    gap: var(--ui-calendar-gap);
+    min-inline-size: 0;
+  }
+
+  :host([bare]) .frame {
+    border: 1px solid var(--ui-calendar-bare-border, var(--ui-calendar-border));
+    border-radius: var(--ui-calendar-bare-radius, var(--ui-calendar-radius));
+    background: var(--ui-calendar-bare-bg, var(--ui-calendar-bg));
+    box-shadow: none;
+    padding: var(--ui-calendar-bare-padding, 10px);
+  }
+
+  :host([headless]) .frame {
+    display: none !important;
+  }
+
+  .header {
+    display: grid;
+    grid-template-columns: auto 1fr auto;
+    align-items: center;
+    gap: 8px;
+    min-inline-size: 0;
+  }
+
+  .nav,
+  .header-actions {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  .title-wrap {
+    display: flex;
+    position: relative;
+    justify-content: center;
+    min-inline-size: 0;
+    overflow: visible;
+  }
+
+  .status {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    min-block-size: var(--ui-calendar-control-height);
+    border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 84%, transparent);
+    border-radius: 10px;
+    padding: 0 10px;
+    font: 600 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    color: var(--ui-calendar-text);
+    background: color-mix(in srgb, var(--ui-calendar-bg) 96%, transparent);
+  }
+
+  .status[hidden] {
+    display: none !important;
+  }
+
+  .status-dot {
+    inline-size: 8px;
+    block-size: 8px;
+    border-radius: 999px;
+    background: var(--ui-calendar-accent);
+  }
+
+  :host([state="loading"]) .status-dot {
+    position: relative;
+    overflow: hidden;
+  }
+
+  :host([state="loading"]) .status-dot::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    border: 2px solid color-mix(in srgb, var(--ui-calendar-accent) 24%, transparent);
+    border-top-color: var(--ui-calendar-accent);
+    animation: ui-calendar-spin 800ms linear infinite;
+  }
+
+  .title-btn,
+  .nav-btn,
+  .today-btn,
+  .picker-btn,
+  .picker-month,
+  .picker-year-btn {
+    border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 82%, transparent);
+    background: color-mix(in srgb, var(--ui-calendar-bg) 94%, transparent);
+    color: var(--ui-calendar-text);
+    border-radius: 9px;
+    cursor: pointer;
+    transition: background-color 130ms ease, border-color 130ms ease, transform 120ms ease;
+  }
+
+  .nav-btn,
+  .today-btn,
+  .picker-year-btn {
+    min-block-size: var(--ui-calendar-control-height);
+    padding: 0 10px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--ui-calendar-week-gap);
+    font: 600 12px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .nav-btn {
+    inline-size: 30px;
+    padding: 0;
+  }
+
+  .title-btn {
+    min-block-size: 32px;
+    padding: 0 12px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    font: 700 var(--ui-calendar-title-font-size)/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    letter-spacing: 0.01em;
+    min-inline-size: 0;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .nav-btn:hover,
+  .today-btn:hover,
+  .title-btn:hover,
+  .picker-btn:hover,
+  .picker-month:hover,
+  .picker-year-btn:hover {
+    border-color: color-mix(in srgb, var(--ui-calendar-accent) 38%, var(--ui-calendar-border));
+    background: var(--ui-calendar-day-hover-bg);
+  }
+
+  .nav-btn:active,
+  .today-btn:active,
+  .title-btn:active,
+  .picker-btn:active,
+  .picker-month:active,
+  .picker-year-btn:active {
+    transform: translateY(1px);
+  }
+
+  .nav-btn:focus-visible,
+  .today-btn:focus-visible,
+  .title-btn:focus-visible,
+  .picker-btn:focus-visible,
+  .picker-month:focus-visible,
+  .picker-year-btn:focus-visible,
+  .day:focus-visible {
+    outline: 2px solid var(--ui-calendar-accent);
+    outline-offset: 1px;
+  }
+
+  .nav-btn[disabled],
+  .today-btn[disabled],
+  .title-btn[disabled],
+  .picker-btn[disabled],
+  .picker-month[disabled],
+  .picker-year-btn[disabled],
+  .day[aria-disabled="true"] {
+    opacity: var(--ui-calendar-disabled-opacity);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .monthyear-pop {
+    position: absolute;
+    inset-block-start: calc(100% + 8px);
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+    z-index: 10;
+    border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 84%, transparent);
+    border-radius: 12px;
+    background: color-mix(in srgb, var(--ui-calendar-bg) 96%, transparent);
+    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
+    padding: 10px;
+    display: grid;
+    gap: 8px;
+  }
+
+  .monthyear-pop[hidden] {
+    display: none;
+  }
+
+  .picker-header {
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  .picker-year {
+    font: 700 13px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    color: var(--ui-calendar-text);
+  }
+
+  .picker-months {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 6px;
+  }
+
+  .picker-month {
+    min-block-size: 28px;
+    padding: 0 8px;
+    font: 600 11px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  }
+
+  .picker-month[data-active="true"] {
+    border-color: var(--ui-calendar-selected-border);
+    background: var(--ui-calendar-selected-bg);
+  }
+
+  .grid-wrap {
+    min-inline-size: 0;
+    display: grid;
+    gap: var(--ui-calendar-week-gap);
+  }
+
+  :host([state="loading"]) .grid-wrap {
+    opacity: 0.68;
+    pointer-events: none;
+  }
+
+  .weekdays,
+  .week {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+    gap: var(--ui-calendar-week-gap);
+  }
+
+  .weekday {
+    text-align: center;
+    font-size: var(--ui-calendar-weekday-font-size);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--ui-calendar-muted);
+    padding: 4px 2px;
+  }
+
+  .day {
+    border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 78%, transparent);
+    border-radius: var(--ui-calendar-day-radius);
+    min-block-size: var(--ui-calendar-day-height);
+    padding: var(--ui-calendar-day-padding-block) var(--ui-calendar-day-padding-inline);
+    background: color-mix(in srgb, var(--ui-calendar-bg) 98%, transparent);
+    color: var(--ui-calendar-text);
+    display: grid;
+    align-content: center;
+    justify-items: center;
+    gap: 4px;
+    text-align: center;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    transition: border-color 130ms ease, background-color 130ms ease;
+  }
+
+  .day:hover {
+    border-color: color-mix(in srgb, var(--ui-calendar-accent) 34%, var(--ui-calendar-border));
+    background: var(--ui-calendar-day-hover-bg);
+  }
+
+  .day[data-outside="true"] {
+    color: color-mix(in srgb, var(--ui-calendar-muted) 88%, transparent);
+    background: color-mix(in srgb, var(--ui-calendar-bg) 92%, transparent);
+  }
+
+  .day[data-today="true"] {
+    box-shadow: inset 0 0 0 1px var(--ui-calendar-today-ring);
+  }
+
+  .day[data-selected="true"] {
+    border-color: var(--ui-calendar-selected-border);
+    background: var(--ui-calendar-selected-bg);
+  }
+
+  .day[data-range="true"] {
+    background: var(--ui-calendar-range-bg);
+    border-color: color-mix(in srgb, var(--ui-calendar-accent) 26%, var(--ui-calendar-border));
+    border-radius: 0;
+  }
+
+  .day[data-range-start="true"],
+  .day[data-range-end="true"] {
+    background: var(--ui-calendar-range-edge);
+    border-color: var(--ui-calendar-selected-border);
+    border-radius: var(--ui-calendar-day-radius);
+  }
+
+  .day[data-range-preview="true"] {
+    background: color-mix(in srgb, var(--ui-calendar-accent) 7%, transparent);
+  }
+
+  :host([state="loading"]) .day {
+    position: relative;
+    overflow: hidden;
+  }
+
+  :host([state="loading"]) .day::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      100deg,
+      color-mix(in srgb, transparent 100%, #ffffff) 0%,
+      color-mix(in srgb, var(--ui-calendar-accent) 12%, transparent) 45%,
+      color-mix(in srgb, transparent 100%, #ffffff) 100%
+    );
+    background-size: 220% 100%;
+    animation: ui-calendar-shimmer 1.35s linear infinite;
+    pointer-events: none;
+  }
+
+  .day-number {
+    font-size: var(--ui-calendar-day-font-size);
+    font-weight: 650;
+    line-height: 1;
+    justify-self: center;
+  }
+
+  .events {
+    min-block-size: 10px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+    max-inline-size: 100%;
+    overflow: hidden;
+  }
+
+  .event-dot {
+    inline-size: 7px;
+    block-size: 7px;
+    border-radius: 999px;
+    background: var(--event-tone, var(--ui-calendar-accent));
+    flex: 0 0 auto;
+  }
+
+  .event-badge {
+    max-inline-size: 100%;
+    border-radius: 999px;
+    padding: 1px 6px;
+    font: 600 10px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    background: color-mix(in srgb, var(--event-tone, var(--ui-calendar-accent)) 18%, transparent);
+    color: var(--ui-calendar-text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .event-count {
+    inline-size: 16px;
+    block-size: 16px;
+    border-radius: 999px;
+    display: inline-grid;
+    place-items: center;
+    font: 700 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    background: color-mix(in srgb, var(--ui-calendar-accent) 18%, transparent);
+    color: var(--ui-calendar-text);
+  }
+
+  .event-more {
+    font: 600 10px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    color: var(--ui-calendar-muted);
+    white-space: nowrap;
+  }
+
+  .tooltip {
+    position: absolute;
+    inset-inline-start: 50%;
+    inset-block-end: calc(100% + 6px);
+    transform: translateX(-50%);
+    min-inline-size: 120px;
+    max-inline-size: 220px;
+    padding: 6px 8px;
+    border-radius: 8px;
+    border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 80%, transparent);
+    background: color-mix(in srgb, var(--ui-calendar-bg) 98%, #ffffff 2%);
+    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
+    color: var(--ui-calendar-text);
+    font: 500 11px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    opacity: 0;
+    pointer-events: none;
+    z-index: 5;
+  }
+
+  .tooltip[hidden] {
+    display: none;
+  }
+
+  .day:hover .tooltip,
+  .day:focus-visible .tooltip,
+  .day:focus-within .tooltip {
+    opacity: 1;
+  }
+
+  .live-region {
+    position: absolute;
+    inline-size: 1px;
+    block-size: 1px;
+    margin: -1px;
+    padding: 0;
+    border: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  :host([variant="contrast"]) {
+    --ui-calendar-bg: #0f172a;
+    --ui-calendar-border: #334155;
+    --ui-calendar-text: #e2e8f0;
+    --ui-calendar-muted: #93a4bd;
+    --ui-calendar-accent: #93c5fd;
+    --ui-calendar-shadow: 0 16px 38px rgba(2, 6, 23, 0.5);
+    --ui-calendar-selected-bg: color-mix(in srgb, #93c5fd 22%, transparent);
+    --ui-calendar-selected-border: color-mix(in srgb, #93c5fd 72%, transparent);
+    --ui-calendar-range-bg: color-mix(in srgb, #93c5fd 12%, transparent);
+    --ui-calendar-range-edge: color-mix(in srgb, #93c5fd 20%, transparent);
+  }
+
+  :host([disabled]) .frame {
+    opacity: 0.74;
+  }
+
+  :host([state="error"]) .frame {
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-danger, #dc2626) 28%, transparent), var(--ui-calendar-shadow);
+  }
+
+  :host([state="success"]) .frame {
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-success, #16a34a) 28%, transparent), var(--ui-calendar-shadow);
+  }
+
+  @media (max-width: 420px) {
+    .frame {
+      padding: 10px;
+    }
+
+    .header {
+      grid-template-columns: 1fr;
+      gap: 6px;
+    }
+
+    .title-wrap {
+      justify-content: flex-start;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .day,
+    .nav-btn,
+    .today-btn,
+    .title-btn,
+    .picker-btn,
+    .picker-month,
+    .picker-year-btn {
+      transition: none !important;
+    }
+
+    :host([state="loading"]) .day::after,
+    :host([state="loading"]) .status-dot::after {
+      animation: none !important;
+    }
+  }
+
+  @media (prefers-contrast: more) {
+    .frame {
+      box-shadow: none;
+      border-width: 2px;
+    }
+
+    .day,
+    .nav-btn,
+    .today-btn,
+    .title-btn,
+    .picker-btn,
+    .picker-month,
+    .picker-year-btn {
+      border-width: 2px;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      --ui-calendar-bg: Canvas;
+      --ui-calendar-border: CanvasText;
+      --ui-calendar-text: CanvasText;
+      --ui-calendar-muted: CanvasText;
+      --ui-calendar-accent: Highlight;
+      --ui-calendar-shadow: none;
+      --ui-calendar-selected-bg: Highlight;
+      --ui-calendar-selected-border: Highlight;
+      --ui-calendar-range-bg: Highlight;
+      --ui-calendar-range-edge: Highlight;
+      --ui-calendar-today-ring: Highlight;
+    }
+
+    .frame,
+    .day,
+    .nav-btn,
+    .today-btn,
+    .title-btn,
+    .picker-btn,
+    .picker-month,
+    .picker-year-btn,
+    .monthyear-pop,
+    .tooltip,
+    .status,
+    .event-dot,
+    .event-badge,
+    .event-count {
+      forced-color-adjust: none;
+      box-shadow: none;
+      background: Canvas;
+      color: CanvasText;
+      border-color: CanvasText;
+    }
+
+    .day[data-selected="true"],
+    .day[data-range="true"],
+    .day[data-range-start="true"],
+    .day[data-range-end="true"] {
+      background: Highlight;
+      color: HighlightText;
+      border-color: Highlight;
+    }
+
+    .day[data-today="true"] {
+      box-shadow: inset 0 0 0 2px Highlight;
+    }
+
+    .event-dot,
+    .event-badge,
+    .event-count {
+      background: Highlight;
+      color: HighlightText;
+      border-color: Highlight;
+    }
+  }
+
+  @keyframes ui-calendar-spin {
+    to { transform: rotate(360deg); }
+  }
+
+  @keyframes ui-calendar-shimmer {
+    from { background-position: 120% 0; }
+    to { background-position: -120% 0; }
+  }
+`, K = {
+  default: "var(--ui-color-primary, #2563eb)",
+  info: "var(--ui-color-info, #0891b2)",
+  success: "var(--ui-color-success, #16a34a)",
+  warning: "var(--ui-color-warning, #d97706)",
+  danger: "var(--ui-color-danger, #dc2626)"
+};
+function O(r, e, t) {
+  return Math.max(e, Math.min(t, r));
+}
+function B(r) {
+  return String(r).padStart(2, "0");
+}
+function v(r) {
+  return `${r.y}-${B(r.m)}-${B(r.d)}`;
+}
+function c(r) {
+  const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec((r || "").trim());
+  if (!e)
+    return null;
+  const t = Number(e[1]), a = Number(e[2]), n = Number(e[3]);
+  if (!Number.isInteger(t) || !Number.isInteger(a) || !Number.isInteger(n) || a < 1 || a > 12)
+    return null;
+  const i = H(t, a);
+  return n < 1 || n > i ? null : { y: t, m: a, d: n };
+}
+function H(r, e) {
+  return new Date(Date.UTC(r, e, 0)).getUTCDate();
+}
+function F(r) {
+  return new Date(Date.UTC(r.y, r.m - 1, r.d));
+}
+function ge(r) {
+  return {
+    y: r.getUTCFullYear(),
+    m: r.getUTCMonth() + 1,
+    d: r.getUTCDate()
+  };
+}
+function w(r, e) {
+  const t = c(r), a = c(e);
+  return !t || !a ? r.localeCompare(e) : t.y !== a.y ? t.y - a.y : t.m !== a.m ? t.m - a.m : t.d - a.d;
+}
+function Fe(r, e) {
+  const t = c(r);
+  if (!t)
+    return r;
+  const a = F(t);
+  return a.setUTCDate(a.getUTCDate() + e), v(ge(a));
+}
+function L(r, e) {
+  const t = new Date(Date.UTC(r.y, r.m - 1, 1));
+  t.setUTCMonth(t.getUTCMonth() + e);
+  const a = t.getUTCFullYear(), n = t.getUTCMonth() + 1, i = O(r.d, 1, H(a, n));
+  return { y: a, m: n, d: i };
+}
+function He(r, e) {
+  const t = c(r);
+  return t ? v(L(t, e)) : r;
+}
+function le(r, e) {
+  return { y: r, m: e, d: 1 };
+}
+function Ue(r, e) {
+  return { y: r, m: e, d: H(r, e) };
+}
+function ce(r) {
+  const e = c(r);
+  return e ? F(e).getUTCDay() : 0;
+}
+function W(r, e) {
+  if (r == null || r === "")
+    return e;
+  const t = Number(r);
+  return Number.isFinite(t) ? Math.trunc(t) : e;
+}
+function ue(r, e) {
+  const t = W(r, e);
+  return t < 1 ? e : t;
+}
+function Ne(r, e) {
+  if (r == null)
+    return e;
+  const t = String(r).toLowerCase();
+  return t !== "false" && t !== "0" && t !== "off";
+}
+function m(r) {
+  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function J(r, e, t) {
+  return w(r, e) >= 0 && w(r, t) <= 0;
+}
+function E(r, e) {
+  return w(r, e) <= 0 ? { start: r, end: e } : { start: e, end: r };
+}
+function he(r, e) {
+  var a;
+  const t = Number(r);
+  if (t === 0 || t === 1 || t === 6)
+    return t;
+  try {
+    const n = new Intl.Locale(e || void 0), i = (a = n == null ? void 0 : n.weekInfo) == null ? void 0 : a.firstDay;
+    if (i === 7)
+      return 0;
+    if (i === 1 || i === 6)
+      return i;
+  } catch {
+  }
+  return 0;
+}
+function Ye(r) {
+  return r === "range" || r === "multiple" ? r : "single";
+}
+function je(r) {
+  return r === "none" || r === "select" ? r : "navigate";
+}
+function Ve(r) {
+  return r === "badges" || r === "count" ? r : "dots";
+}
+function qe(r) {
+  return r === "sm" || r === "lg" ? r : "md";
+}
+function Ke(r) {
+  return r === "neutral" || r === "info" || r === "success" || r === "warning" || r === "danger" ? r : null;
+}
+function pe(r) {
+  return r === "loading" || r === "error" || r === "success" ? r : "idle";
+}
+function fe(r) {
+  const e = [], t = /* @__PURE__ */ new Set();
+  return r.forEach((a) => {
+    const n = c(a);
+    if (!n)
+      return;
+    const i = v(n);
+    t.has(i) || (t.add(i), e.push(i));
+  }), e.sort(w), e;
+}
+function P(r) {
+  return r.mode === "single" ? { mode: "single", value: r.value } : r.mode === "range" ? { mode: "range", start: r.start, end: r.end } : { mode: "multiple", values: [...r.values] };
+}
+class Je extends Ae {
+  constructor() {
+    super(), this._eventsRawCache = null, this._eventsParsedCache = [], this._eventsByDateCache = /* @__PURE__ */ new Map(), this._valueRawCache = null, this._valueModeCache = null, this._valueParsedCache = { mode: "single", value: null }, this._focusedIso = "", this._hoverIso = null, this._pickerOpen = !1, this._syncingValueAttribute = !1, this._rangeKeyboardAnchor = null, this._shouldRefocus = !1, this._docPointerDownBound = (e) => this._onDocumentPointerDown(e), this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onPointerOver = this._onPointerOver.bind(this), this._onMouseLeave = this._onMouseLeave.bind(this), this._onFocusIn = this._onFocusIn.bind(this);
+  }
+  static get observedAttributes() {
+    return [
+      "year",
+      "month",
+      "events",
+      "value",
+      "variant",
+      "headless",
+      "selection",
+      "min",
+      "max",
+      "disabled",
+      "readonly",
+      "week-start",
+      "locale",
+      "translations",
+      "outside-click",
+      "events-max",
+      "events-display",
+      "max-selections",
+      "size",
+      "hide-today",
+      "show-today",
+      "tone",
+      "state",
+      "bare",
+      "aria-label"
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.root.addEventListener("pointerover", this._onPointerOver), this.root.addEventListener("mouseleave", this._onMouseLeave), this.root.addEventListener("focusin", this._onFocusIn), this._syncDocumentListener();
+  }
+  disconnectedCallback() {
+    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.root.removeEventListener("pointerover", this._onPointerOver), this.root.removeEventListener("mouseleave", this._onMouseLeave), this.root.removeEventListener("focusin", this._onFocusIn), typeof document < "u" && document.removeEventListener("pointerdown", this._docPointerDownBound, !0), super.disconnectedCallback();
+  }
+  attributeChangedCallback(e, t, a) {
+    t !== a && (e === "events" && (this._eventsRawCache = null), e === "value" && !this._syncingValueAttribute && (this._rangeKeyboardAnchor = null, this._valueRawCache = null), e === "selection" && (this._rangeKeyboardAnchor = null, this._valueModeCache = null), e === "disabled" && this.hasAttribute("disabled") && (this._pickerOpen = !1, this._hoverIso = null), e === "state" && pe(a) === "loading" && (this._pickerOpen = !1, this._hoverIso = null), this.isConnected && (this._syncDocumentListener(), this.requestRender()));
+  }
+  focusDate(e) {
+    const t = c(e);
+    t && (this.goToMonth(t.y, t.m), this._focusedIso = v(t), this._shouldRefocus = !0, this.requestRender());
+  }
+  goToMonth(e, t, a = "api") {
+    if (!Number.isFinite(e) || !Number.isFinite(t))
+      return;
+    let n = Math.trunc(e), i = Math.trunc(t);
+    for (; i < 1; )
+      i += 12, n -= 1;
+    for (; i > 12; )
+      i -= 12, n += 1;
+    let s = !1;
+    if (String(n) !== (this.getAttribute("year") || "") && (this.setAttribute("year", String(n)), s = !0), String(i) !== (this.getAttribute("month") || "") && (this.setAttribute("month", String(i)), s = !0), s) {
+      const o = { year: n, month: i, source: a };
+      this.dispatchEvent(
+        new CustomEvent("month-change", {
+          detail: o,
+          bubbles: !0,
+          composed: !0
+        })
+      ), this.dispatchEvent(
+        new CustomEvent("ui-month-change", {
+          detail: o,
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  selectDate(e) {
+    const t = c(e);
+    if (!t)
+      return;
+    const a = v(t);
+    this._shouldRefocus = !0, this._applySelection(a, !1, "api");
+  }
+  _syncDocumentListener() {
+    typeof document > "u" || (document.removeEventListener("pointerdown", this._docPointerDownBound, !0), this._pickerOpen && document.addEventListener("pointerdown", this._docPointerDownBound, !0));
+  }
+  _onDocumentPointerDown(e) {
+    !this._pickerOpen || e.composedPath().includes(this) || (this._pickerOpen = !1, this.requestRender());
+  }
+  _resolveLocale() {
+    return (this.getAttribute("locale") || "").trim() || (typeof navigator < "u" ? navigator.language : "en-US");
+  }
+  _resolvedView() {
+    const e = /* @__PURE__ */ new Date(), t = W(this.getAttribute("year"), e.getFullYear()), a = W(this.getAttribute("month"), e.getMonth() + 1);
+    return {
+      year: t,
+      month: O(a, 1, 12)
+    };
+  }
+  _todayIso() {
+    const e = /* @__PURE__ */ new Date();
+    return `${e.getFullYear()}-${B(e.getMonth() + 1)}-${B(e.getDate())}`;
+  }
+  _resolveMinIso() {
+    const e = c(this.getAttribute("min") || "");
+    return e ? v(e) : null;
+  }
+  _resolveMaxIso() {
+    const e = c(this.getAttribute("max") || "");
+    return e ? v(e) : null;
+  }
+  _monthHasAllowedDay(e, t, a, n) {
+    const i = v(le(e, t)), s = v(Ue(e, t));
+    return !(a && w(s, a) < 0 || n && w(i, n) > 0);
+  }
+  _resolveSelectionMode() {
+    return Ye(this.getAttribute("selection"));
+  }
+  _resolveEventsDisplay() {
+    return Ve(this.getAttribute("events-display"));
+  }
+  _resolveOutsideClickMode() {
+    return je(this.getAttribute("outside-click"));
+  }
+  _resolveCalendarSize() {
+    return qe(this.getAttribute("size"));
+  }
+  _resolveTone() {
+    return Ke(this.getAttribute("tone"));
+  }
+  _resolveState() {
+    return pe(this.getAttribute("state"));
+  }
+  _resolveLabel() {
+    const e = (this.getAttribute("aria-label") || "").trim();
+    return e || this._translations().calendarLabel;
+  }
+  _translations() {
+    return Le(
+      this.getAttribute("locale"),
+      this.getAttribute("translations")
+    );
+  }
+  _resolveBounds() {
+    let e = this._resolveMinIso(), t = this._resolveMaxIso();
+    if (e && t && w(e, t) > 0) {
+      const a = e;
+      e = t, t = a;
+    }
+    return { minIso: e, maxIso: t };
+  }
+  _direction() {
+    const e = this.getAttribute("dir");
+    if (e === "rtl" || e === "ltr")
+      return e;
+    const t = this.closest("[dir]"), a = t == null ? void 0 : t.getAttribute("dir");
+    return a === "rtl" || a === "ltr" ? a : getComputedStyle(this).direction === "rtl" ? "rtl" : "ltr";
+  }
+  _maxSelections() {
+    return ue(this.getAttribute("max-selections"), Number.MAX_SAFE_INTEGER);
+  }
+  _eventsMax() {
+    return O(ue(this.getAttribute("events-max"), 3), 1, 9);
+  }
+  _showTodayButton() {
+    return this.hasAttribute("hide-today") ? !1 : Ne(this.getAttribute("show-today"), !0);
+  }
+  _isDisabled() {
+    return this.hasAttribute("disabled");
+  }
+  _isReadonly() {
+    return this.hasAttribute("readonly");
+  }
+  _isInteractionDisabled() {
+    return this._isDisabled() || this._resolveState() === "loading";
+  }
+  _isDateOutOfBounds(e, t, a) {
+    return !!(t && w(e, t) < 0 || a && w(e, a) > 0);
+  }
+  _isDateBlocked(e, t, a, n) {
+    return !!(this._isInteractionDisabled() || this._isDateOutOfBounds(e, a, n) || t && this._resolveOutsideClickMode() === "none");
+  }
+  _normalizeValueForMode(e) {
+    const t = this.getAttribute("value") || "";
+    if (this._valueRawCache === t && this._valueModeCache === e)
+      return P(this._valueParsedCache);
+    let a;
+    if (e === "multiple") {
+      try {
+        const i = JSON.parse(t);
+        if (!Array.isArray(i))
+          a = { mode: e, values: [] };
+        else {
+          const s = fe(i.map((o) => String(o || "")));
+          a = { mode: e, values: s };
+        }
+      } catch {
+        a = { mode: e, values: [] };
+      }
+      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = P(a), a;
+    }
+    if (e === "range") {
+      try {
+        const i = JSON.parse(t), s = i && typeof i == "object" ? String(i.start || "") : "", o = i && typeof i == "object" ? String(i.end || "") : "", d = c(s), u = c(o), h = d ? v(d) : null, p = u ? v(u) : null;
+        if (h && p) {
+          const f = E(h, p);
+          a = { mode: e, start: f.start, end: f.end };
+        } else
+          a = { mode: e, start: h, end: null };
+      } catch {
+        a = { mode: e, start: null, end: null };
+      }
+      return this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = P(a), a;
+    }
+    const n = c(t);
+    return a = { mode: e, value: n ? v(n) : null }, this._valueRawCache = t, this._valueModeCache = e, this._valueParsedCache = P(a), a;
+  }
+  _serializeSelection(e) {
+    if (e.mode === "single")
+      return e.value;
+    if (e.mode === "multiple")
+      return JSON.stringify(e.values);
+    const t = {};
+    return e.start && (t.start = e.start), e.end && (t.end = e.end), !t.start && !t.end ? null : JSON.stringify(t);
+  }
+  _emitSelectionEvents(e, t, a) {
+    e.mode === "single" && t && (this.dispatchEvent(
+      new CustomEvent("select", {
+        detail: { value: t, source: a },
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.dispatchEvent(
+      new CustomEvent("ui-select", {
+        detail: { value: t, source: a },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+    const n = { mode: e.mode, source: a };
+    e.mode === "single" ? n.value = e.value : e.mode === "range" ? (n.value = e.start && e.end ? { start: e.start, end: e.end } : null, n.start = e.start, n.end = e.end) : (n.value = [...e.values], n.values = [...e.values]), this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: n,
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.dispatchEvent(
+      new CustomEvent("ui-change", {
+        detail: n,
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  _setValueAttribute(e) {
+    this._syncingValueAttribute = !0;
+    try {
+      e ? this.getAttribute("value") !== e && this.setAttribute("value", e) : this.hasAttribute("value") && this.removeAttribute("value");
+    } finally {
+      this._syncingValueAttribute = !1;
+    }
+  }
+  _applySelection(e, t, a) {
+    if (!c(e))
+      return;
+    const n = this._resolveSelectionMode(), { minIso: i, maxIso: s } = this._resolveBounds();
+    if (this._isDateOutOfBounds(e, i, s))
+      return;
+    const o = this._isReadonly();
+    if (this._isInteractionDisabled() || o)
+      return;
+    let d = this._normalizeValueForMode(n);
+    if (n === "single")
+      d = { mode: n, value: e };
+    else if (n === "multiple") {
+      const p = this._normalizeValueForMode("multiple"), f = new Set(p.values);
+      f.has(e) ? f.delete(e) : f.size < this._maxSelections() && f.add(e), d = { mode: n, values: fe(Array.from(f)) };
+    } else {
+      const p = this._normalizeValueForMode("range"), f = p.start, _ = p.end;
+      if (t) {
+        const l = this._rangeKeyboardAnchor || f || this._focusedIso || e;
+        if (!c(l))
+          this._rangeKeyboardAnchor = e, d = { mode: n, start: e, end: null };
+        else {
+          const b = E(l, e);
+          d = { mode: n, start: b.start, end: b.end };
+        }
+      } else if (!f || f && _)
+        this._rangeKeyboardAnchor = e, d = { mode: n, start: e, end: null };
+      else if (f && !_) {
+        const l = E(f, e);
+        d = { mode: n, start: l.start, end: l.end };
+      }
+    }
+    const u = this.getAttribute("value"), h = this._serializeSelection(d);
+    u !== h ? (this._setValueAttribute(h), this._emitSelectionEvents(d, n === "single" ? e : null, a)) : n === "single" && this._emitSelectionEvents(d, e, a), this._focusedIso = e, this._hoverIso = null, this._shouldRefocus = !0, a !== "api" && this.requestRender();
+  }
+  _monthLabel(e, t, a) {
+    try {
+      return new Intl.DateTimeFormat(a, {
+        month: "long",
+        year: "numeric",
+        timeZone: "UTC"
+      }).format(new Date(Date.UTC(e, t - 1, 1)));
+    } catch {
+      return `${String(t)} ${e}`;
+    }
+  }
+  _monthPickerLabels(e) {
+    try {
+      const t = new Intl.DateTimeFormat(e, {
+        month: "short",
+        timeZone: "UTC"
+      });
+      return Array.from({ length: 12 }, (a, n) => t.format(new Date(Date.UTC(2024, n, 1))));
+    } catch {
+      return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+    }
+  }
+  _weekdayLabels(e, t) {
+    const a = [], n = new Intl.DateTimeFormat(e, { weekday: "short", timeZone: "UTC" });
+    for (let i = 0; i < 7; i += 1) {
+      const s = (t + i) % 7, o = new Date(Date.UTC(2024, 0, 7 + s));
+      a.push(n.format(o));
+    }
+    return a;
+  }
+  _dayAriaLabel(e, t) {
+    const a = c(e);
+    if (!a)
+      return e;
+    try {
+      return new Intl.DateTimeFormat(t, {
+        weekday: "long",
+        year: "numeric",
+        month: "long",
+        day: "numeric",
+        timeZone: "UTC"
+      }).format(F(a));
+    } catch {
+      return e;
+    }
+  }
+  _ensureEventsCache() {
+    const e = this.getAttribute("events");
+    if (e !== this._eventsRawCache && (this._eventsRawCache = e, this._eventsParsedCache = [], this._eventsByDateCache = /* @__PURE__ */ new Map(), !!e))
+      try {
+        const t = JSON.parse(e);
+        if (!Array.isArray(t))
+          return;
+        const a = [];
+        t.forEach((n) => {
+          if (!n || typeof n != "object")
+            return;
+          const i = String(n.date || "").trim(), s = c(i), o = s ? v(s) : "";
+          if (!o)
+            return;
+          const d = String(n.tone || "default"), u = d === "success" || d === "warning" || d === "danger" || d === "info" ? d : "default", h = n.title != null ? String(n.title) : void 0;
+          a.push({ date: o, title: h, tone: u });
+        }), this._eventsParsedCache = a, a.forEach((n) => {
+          this._eventsByDateCache.has(n.date) || this._eventsByDateCache.set(n.date, []), this._eventsByDateCache.get(n.date).push(n);
+        });
+      } catch {
+      }
+  }
+  _buildCells(e, t, a, n, i, s) {
+    const o = v(le(e, t)), u = (ce(o) - a + 7) % 7, h = c(o);
+    if (!h)
+      return [];
+    const p = F(h);
+    p.setUTCDate(p.getUTCDate() - u);
+    const f = [];
+    for (let _ = 0; _ < 42; _ += 1) {
+      _ > 0 && p.setUTCDate(p.getUTCDate() + 1);
+      const l = ge(p), b = v(l), D = l.y !== e || l.m !== t, y = this._isDateBlocked(b, D, n, i);
+      f.push({
+        iso: b,
+        parts: l,
+        outside: D,
+        disabled: y,
+        today: b === s
+      });
+    }
+    return f;
+  }
+  _resolveFocusIso(e, t, a) {
+    var d;
+    const n = /* @__PURE__ */ new Map();
+    e.forEach((u) => n.set(u.iso, u));
+    const i = (u) => {
+      if (!u)
+        return null;
+      const h = n.get(u);
+      return !h || h.disabled ? null : u;
+    };
+    let s = i(this._focusedIso);
+    if (s || (t.mode === "single" && (s = i(t.value)), !s && t.mode === "range" && (s = i(t.end || t.start)), !s && t.mode === "multiple" && (s = i(t.values[0])), s || (s = i(a)), s))
+      return s;
+    const o = e.find((u) => !u.disabled);
+    return o ? o.iso : ((d = e[0]) == null ? void 0 : d.iso) || "";
+  }
+  _focusDateButton(e) {
+    if (!e)
+      return;
+    const t = this.root.activeElement;
+    if ((t == null ? void 0 : t.getAttribute("data-date")) === e)
+      return;
+    const a = `.day[data-date="${e}"]`, n = this.root.querySelector(a);
+    if (n)
+      try {
+        n.focus({ preventScroll: !0 });
+      } catch {
+        n.focus();
+      }
+  }
+  _moveFocusByDays(e, t, a) {
+    const n = Fe(e, t), i = c(n);
+    i && (this.goToMonth(i.y, i.m, "keyboard"), this._focusedIso = n, this._shouldRefocus = !0, a && this._resolveSelectionMode() === "range" && !this._isReadonly() && !this._isInteractionDisabled() ? this._applySelection(n, !0, "keyboard") : this.requestRender());
+  }
+  _moveFocusByMonths(e, t) {
+    const a = He(e, t), n = c(a);
+    n && (this.goToMonth(n.y, n.m, "keyboard"), this._focusedIso = a, this._shouldRefocus = !0, this.requestRender());
+  }
+  _focusWeekBoundary(e, t, a) {
+    const i = (ce(e) - a + 7) % 7, s = t === "start" ? -i : 6 - i;
+    this._moveFocusByDays(e, s, !1);
+  }
+  _onPointerOver(e) {
+    if (this._resolveSelectionMode() !== "range")
+      return;
+    const t = this._normalizeValueForMode("range");
+    if (!t.start || t.end)
+      return;
+    const a = e.target, n = a == null ? void 0 : a.closest(".day");
+    if (!n)
+      return;
+    const i = n.getAttribute("data-date") || "";
+    if (!c(i))
+      return;
+    const s = n.getAttribute("data-outside") === "true", { minIso: o, maxIso: d } = this._resolveBounds();
+    this._isDateBlocked(i, s, o, d) || this._hoverIso !== i && (this._hoverIso = i, this.requestRender());
+  }
+  _onMouseLeave() {
+    this._hoverIso != null && (this._hoverIso = null, this.requestRender());
+  }
+  _onFocusIn(e) {
+    const t = e.target, a = t == null ? void 0 : t.closest(".day");
+    if (!a)
+      return;
+    const n = a.getAttribute("data-date") || "";
+    if (c(n) && (this._focusedIso = n, this._resolveSelectionMode() === "range")) {
+      const i = this._normalizeValueForMode("range");
+      i.start && !i.end && (this._hoverIso = n, this.requestRender());
+    }
+  }
+  _toggleMonthYearPicker(e) {
+    this._isInteractionDisabled() || (this._pickerOpen = typeof e == "boolean" ? e : !this._pickerOpen, this._syncDocumentListener(), this.requestRender());
+  }
+  _onClick(e) {
+    const t = e.target;
+    if (!t)
+      return;
+    const a = t.closest("[data-action]"), n = (a == null ? void 0 : a.getAttribute("data-action")) || "", { year: i, month: s } = this._resolvedView(), o = this._todayIso(), d = c(o);
+    if (n === "prev-month" || n === "next-month") {
+      if (this._isInteractionDisabled())
+        return;
+      const l = n === "prev-month" ? -1 : 1, D = (this._focusedIso ? c(this._focusedIso) : null) || { y: i, m: s, d: 1 }, y = L(D, l);
+      this.goToMonth(y.y, y.m, "pointer"), this._focusedIso = v({ y: y.y, m: y.m, d: O(D.d, 1, H(y.y, y.m)) }), this._shouldRefocus = !0, this.requestRender();
+      return;
+    }
+    if (n === "today") {
+      if (this._isInteractionDisabled())
+        return;
+      this.goToMonth(d.y, d.m, "pointer"), this._focusedIso = o, this._shouldRefocus = !0, this._isReadonly() ? this.requestRender() : this._applySelection(o, !1, "pointer");
+      return;
+    }
+    if (n === "toggle-monthyear") {
+      this._toggleMonthYearPicker();
+      return;
+    }
+    if (n === "picker-prev-year" || n === "picker-next-year") {
+      if (this._isInteractionDisabled())
+        return;
+      const l = n === "picker-prev-year" ? -1 : 1;
+      this.goToMonth(i + l, s, "pointer"), this._pickerOpen = !0, this._shouldRefocus = !0, this.requestRender();
+      return;
+    }
+    if (n === "pick-month") {
+      if (this._isInteractionDisabled())
+        return;
+      const l = Number((a == null ? void 0 : a.getAttribute("data-month")) || "");
+      if (!Number.isInteger(l) || l < 1 || l > 12)
+        return;
+      this.goToMonth(i, l, "pointer"), this._pickerOpen = !1, this._shouldRefocus = !0, this.requestRender();
+      return;
+    }
+    const u = t.closest(".day");
+    if (!u)
+      return;
+    const h = u.getAttribute("data-date") || "";
+    if (!c(h))
+      return;
+    const p = u.getAttribute("data-outside") === "true", { minIso: f, maxIso: _ } = this._resolveBounds();
+    if (!this._isDateBlocked(h, p, f, _)) {
+      if (p) {
+        const l = this._resolveOutsideClickMode();
+        if (l === "none")
+          return;
+        if (l === "navigate") {
+          const b = c(h);
+          this.goToMonth(b.y, b.m, "pointer");
+        }
+      }
+      if (this._isReadonly()) {
+        this._focusedIso = h, this._shouldRefocus = !0, this.requestRender();
+        return;
+      }
+      this._applySelection(h, !1, "pointer");
+    }
+  }
+  _onKeyDown(e) {
+    if (e.key === "Escape" && this._pickerOpen) {
+      e.preventDefault(), this._toggleMonthYearPicker(!1);
+      return;
+    }
+    const t = e.target, a = t == null ? void 0 : t.closest(".day");
+    if (!a)
+      return;
+    const n = a.getAttribute("data-date") || "";
+    if (!c(n))
+      return;
+    const i = he(this.getAttribute("week-start"), this._resolveLocale()), s = this._direction() === "rtl", o = e.shiftKey;
+    if (e.key === "ArrowRight") {
+      e.preventDefault(), this._moveFocusByDays(n, s ? -1 : 1, o);
+      return;
+    }
+    if (e.key === "ArrowLeft") {
+      e.preventDefault(), this._moveFocusByDays(n, s ? 1 : -1, o);
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault(), this._moveFocusByDays(n, 7, o);
+      return;
+    }
+    if (e.key === "ArrowUp") {
+      e.preventDefault(), this._moveFocusByDays(n, -7, o);
+      return;
+    }
+    if (e.key === "Home") {
+      e.preventDefault(), this._focusWeekBoundary(n, "start", i);
+      return;
+    }
+    if (e.key === "End") {
+      e.preventDefault(), this._focusWeekBoundary(n, "end", i);
+      return;
+    }
+    if (e.key === "PageUp") {
+      e.preventDefault(), this._moveFocusByMonths(n, e.shiftKey ? -12 : -1);
+      return;
+    }
+    if (e.key === "PageDown") {
+      e.preventDefault(), this._moveFocusByMonths(n, e.shiftKey ? 12 : 1);
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      const d = a.getAttribute("data-outside") === "true", { minIso: u, maxIso: h } = this._resolveBounds();
+      if (this._isDateBlocked(n, d, u, h))
+        return;
+      if (d && this._resolveOutsideClickMode() === "navigate") {
+        const p = c(n);
+        this.goToMonth(p.y, p.m, "keyboard");
+      }
+      this._isReadonly() || this._applySelection(n, !1, "keyboard");
+    }
+  }
+  render() {
+    const e = this._resolveLocale(), t = this._translations(), a = he(this.getAttribute("week-start"), e), { year: n, month: i } = this._resolvedView(), s = this._resolveSelectionMode(), { minIso: o, maxIso: d } = this._resolveBounds(), u = this._todayIso(), h = this._resolveEventsDisplay(), p = this._eventsMax(), f = this._resolveCalendarSize(), _ = this._resolveTone(), l = this._resolveState(), b = this._isInteractionDisabled(), D = this._resolveLabel();
+    _ ? this.setAttribute("tone", _) : this.removeAttribute("tone"), l !== "idle" ? this.setAttribute("state", l) : this.removeAttribute("state"), l === "loading" ? this.setAttribute("aria-busy", "true") : this.removeAttribute("aria-busy"), this._ensureEventsCache();
+    const y = this._normalizeValueForMode(s), Z = this._buildCells(n, i, a, o, d, u);
+    this._focusedIso = this._resolveFocusIso(Z, y, u);
+    const X = this._monthLabel(n, i, e), G = L({ y: n, m: i, d: 1 }, -1), Q = L({ y: n, m: i, d: 1 }, 1), be = this._monthHasAllowedDay(G.y, G.m, o, d), ve = this._monthHasAllowedDay(Q.y, Q.m, o, d), me = this._weekdayLabels(e, a), C = s === "range" ? y : null, S = (C == null ? void 0 : C.start) || null, M = (C == null ? void 0 : C.end) || null, U = s === "multiple" ? new Set(y.values) : null;
+    let N = null, Y = null;
+    if (s === "range" && S && !M && this._hoverIso && c(this._hoverIso)) {
+      const x = E(S, this._hoverIso);
+      N = x.start, Y = x.end;
+    }
+    const ee = [];
+    for (let x = 0; x < 6; x += 1) {
+      const A = Z.slice(x * 7, x * 7 + 7).map((g) => {
+        const k = this._eventsByDateCache.get(g.iso) || [], De = this._dayAriaLabel(g.iso, e);
+        let T = !1;
+        s === "single" ? T = y.value === g.iso : s === "multiple" ? T = (U == null ? void 0 : U.has(g.iso)) || !1 : S && M && (T = J(g.iso, S, M));
+        const R = !!(S && M && J(g.iso, S, M)), j = !!(S && g.iso === S), V = !!(M && g.iso === M), Se = !!(N && Y && J(g.iso, N, Y)), Me = !g.disabled && g.iso === this._focusedIso ? 0 : -1;
+        let I = "";
+        k.length > 0 && (h === "count" ? I = `<span class="event-count" part="event-more" style="--event-tone:${K[k[0].tone || "default"]}">${k.length}</span>` : h === "badges" ? I = k.slice(0, p).map(($) => {
+          const q = m($.title || t.event);
+          return `<span class="event-badge" part="event-dot" style="--event-tone:${K[$.tone || "default"]}" title="${q}">${q}</span>`;
+        }).join("") : I = k.slice(0, p).map(($) => `<span class="event-dot" part="event-dot" style="--event-tone:${K[$.tone || "default"]}"></span>`).join(""), k.length > p && h !== "count" && (I += `<span class="event-more" part="event-more">+${k.length - p}</span>`));
+        const ne = `ui-calendar-tip-${g.iso}`, re = k.length ? k.map((z) => m(z.title || t.event)).join("<br/>") : "", ie = re.length > 0, Ce = I ? `<span class="events" part="events">${I}</span>` : "", Ie = ie ? `<span class="tooltip" part="tooltip" id="${ne}">${re}</span>` : "", se = T || R || j || V;
+        return `
+            <button
+              type="button"
+              class="day"
+              part="${R || j || V ? "day range" : "day"}"
+              role="gridcell"
+              data-date="${g.iso}"
+              data-outside="${g.outside ? "true" : "false"}"
+              data-disabled="${g.disabled ? "true" : "false"}"
+              data-today="${g.today ? "true" : "false"}"
+              data-selected="${se ? "true" : "false"}"
+              data-range="${R ? "true" : "false"}"
+              data-range-start="${j ? "true" : "false"}"
+              data-range-end="${V ? "true" : "false"}"
+              data-range-preview="${!R && Se ? "true" : "false"}"
+              aria-selected="${se ? "true" : "false"}"
+              aria-disabled="${g.disabled ? "true" : "false"}"
+              ${g.today ? 'aria-current="date"' : ""}
+              aria-label="${m(De)}"
+              ${ie ? `aria-describedby="${ne}"` : ""}
+              tabindex="${Me}"
+            >
+              <span class="day-number" part="day-number">${g.parts.d}</span>
+              ${Ce}
+              ${Ie}
+            </button>
+          `;
+      }).join("");
+      ee.push(`<div class="week" role="row">${A}</div>`);
+    }
+    const ye = this._monthPickerLabels(e).map((x, ae) => {
+      const A = ae + 1;
+      return `
+        <button
+          type="button"
+          class="picker-month"
+          part="monthyear"
+          data-action="pick-month"
+          data-month="${A}"
+          data-active="${A === i ? "true" : "false"}"
+          ${b ? "disabled" : ""}
+        >
+          ${x}
+        </button>
+      `;
+    }).join(""), _e = me.map((x) => `<span class="weekday" part="weekday" role="columnheader">${m(x)}</span>`).join(""), xe = this._showTodayButton() ? `<button type="button" class="today-btn" part="today" data-action="today" ${b ? "disabled" : ""}>${m(t.today)}</button>` : "", te = l === "loading" ? t.syncingSchedule : l === "error" ? t.unableToSyncEvents : l === "success" ? t.scheduleSynced : "";
+    this.setContent(`
+      <style>${Be}</style>
+      <section
+        class="frame"
+        part="frame"
+        data-size="${f}"
+        data-state="${l}"
+        aria-disabled="${b ? "true" : "false"}"
+        aria-label="${m(D)}"
+      >
+        <div class="live-region" aria-live="polite" aria-atomic="true">${m(X)}</div>
+
+        <header class="header" part="header">
+          <div class="nav" part="nav">
+            <button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!be || b ? "disabled" : ""} aria-label="${m(t.previousMonth)}">
+              <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M14.7 6.3a1 1 0 0 1 0 1.4L10.41 12l4.29 4.3a1 1 0 1 1-1.42 1.4l-5-5a1 1 0 0 1 0-1.4l5-5a1 1 0 0 1 1.42 0Z" fill="currentColor"/></svg>
+            </button>
+            <button type="button" class="nav-btn" part="next" data-action="next-month" ${!ve || b ? "disabled" : ""} aria-label="${m(t.nextMonth)}">
+              <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M9.3 17.7a1 1 0 0 1 0-1.4L13.59 12 9.3 7.7a1 1 0 0 1 1.4-1.4l5 5a1 1 0 0 1 0 1.4l-5 5a1 1 0 0 1-1.4 0Z" fill="currentColor"/></svg>
+            </button>
+          </div>
+
+          <div class="title-wrap">
+            <button
+              type="button"
+              class="title-btn"
+              part="title monthyear"
+              data-action="toggle-monthyear"
+              ${b ? "disabled" : ""}
+              aria-expanded="${this._pickerOpen ? "true" : "false"}"
+              aria-label="${m(t.chooseMonthYear)}"
+            >
+              <span>${m(X)}</span>
+              <svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true" focusable="false"><path d="M6.7 9.7a1 1 0 0 1 1.4 0L12 13.59l3.9-3.9a1 1 0 1 1 1.4 1.42l-4.6 4.6a1 1 0 0 1-1.4 0l-4.6-4.6a1 1 0 0 1 0-1.42Z" fill="currentColor"/></svg>
+            </button>
+            <section class="monthyear-pop" part="monthyear" ${this._pickerOpen ? "" : "hidden"}>
+              <div class="picker-header">
+                <button type="button" class="picker-year-btn" part="prev" data-action="picker-prev-year" ${b ? "disabled" : ""} aria-label="${m(t.previousYear)}">-</button>
+                <span class="picker-year">${n}</span>
+                <button type="button" class="picker-year-btn" part="next" data-action="picker-next-year" ${b ? "disabled" : ""} aria-label="${m(t.nextYear)}">+</button>
+              </div>
+              <div class="picker-months">${ye}</div>
+            </section>
+          </div>
+
+          <div class="header-actions">
+            ${xe}
+          </div>
+        </header>
+
+        <div class="status" part="status" ${te ? "" : "hidden"}>
+          <span class="status-dot" aria-hidden="true"></span>
+          <span>${m(te)}</span>
+        </div>
+
+        <section class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
+          <div class="weekdays" role="row">${_e}</div>
+          ${ee.join("")}
+        </section>
+      </section>
+    `);
+    const ke = this._focusedIso, we = this._shouldRefocus;
+    this._shouldRefocus = !1, we && queueMicrotask(() => {
+      this.isConnected && this._focusDateButton(ke);
+    });
+  }
+  shouldRenderOnAttributeChange(e, t, a) {
+    return !1;
+  }
+}
+typeof customElements < "u" && !customElements.get("ui-calendar") && customElements.define("ui-calendar", Je);
+export {
+  Je as U,
+  Fe as a,
+  He as b,
+  w as c,
+  Ue as e,
+  c as p,
+  Le as r,
+  le as s
+};