@editora/ui-core 0.1.8 → 0.1.10

package/dist/calendar-a8735e40.js

@@ -0,0 +1,741 @@
+"use strict";const Ee=require("./ElementBase-1b301e7f.js"),Oe={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"},Pe={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:"开始 — 结束"},Le={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"},Be={en:Oe,zh:Pe,fr:Le},de=new Map;function Fe(r){return r.trim().toLowerCase().replace(/_/g,"-")}function He(r){const e=r||(typeof navigator<"u"&&navigator.language?navigator.language:"en"),t=Fe(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 le(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 Ue(r,e){if(!r)return{};try{const t=JSON.parse(r);if(!t||typeof t!="object"||Array.isArray(t))return{};const a=le(t),n=le(t[e]);return{...a,...n}}catch{return{}}}function ge(r,e){const t=He(r),a=`${t}::${e||""}`,n=de.get(a);if(n)return n;const i=Be[t],s=Ue(e,t),o={...i,...s};return de.set(a,o),o}const Ne=`
+  :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 P(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 be(r){return{y:r.getUTCFullYear(),m:r.getUTCMonth()+1,d:r.getUTCDate()}}function k(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 ve(r,e){const t=c(r);if(!t)return r;const a=F(t);return a.setUTCDate(a.getUTCDate()+e),v(be(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=P(r.d,1,H(a,n));return{y:a,m:n,d:i}}function me(r,e){const t=c(r);return t?v(L(t,e)):r}function W(r,e){return{y:r,m:e,d:1}}function ye(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 Z(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=Z(r,e);return t<1?e:t}function Ye(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 k(r,e)>=0&&k(r,t)<=0}function E(r,e){return k(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 je(r){return r==="range"||r==="multiple"?r:"single"}function Ve(r){return r==="none"||r==="select"?r:"navigate"}function qe(r){return r==="badges"||r==="count"?r:"dots"}function Ke(r){return r==="sm"||r==="lg"?r:"md"}function Je(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=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(k),e}function O(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 _e extends Ee.ElementBase{constructor(){super(),this._eventsRawCache=null,this._eventsParsedCache=[],this._eventsByDateCache=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=new Date,t=Z(this.getAttribute("year"),e.getFullYear()),a=Z(this.getAttribute("month"),e.getMonth()+1);return{year:t,month:P(a,1,12)}}_todayIso(){const e=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(W(e,t)),s=v(ye(e,t));return!(a&&k(s,a)<0||n&&k(i,n)>0)}_resolveSelectionMode(){return je(this.getAttribute("selection"))}_resolveEventsDisplay(){return qe(this.getAttribute("events-display"))}_resolveOutsideClickMode(){return Ve(this.getAttribute("outside-click"))}_resolveCalendarSize(){return Ke(this.getAttribute("size"))}_resolveTone(){return Je(this.getAttribute("tone"))}_resolveState(){return pe(this.getAttribute("state"))}_resolveLabel(){const e=(this.getAttribute("aria-label")||"").trim();return e||this._translations().calendarLabel}_translations(){return ge(this.getAttribute("locale"),this.getAttribute("translations"))}_resolveBounds(){let e=this._resolveMinIso(),t=this._resolveMaxIso();if(e&&t&&k(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 P(ue(this.getAttribute("events-max"),3),1,9)}_showTodayButton(){return this.hasAttribute("hide-today")?!1:Ye(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&&k(e,t)<0||a&&k(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 O(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=O(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=O(a),a}const n=c(t);return a={mode:e,value:n?v(n):null},this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=O(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=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(W(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=be(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=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=ve(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=me(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:P(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),X=this._buildCells(n,i,a,o,d,u);this._focusedIso=this._resolveFocusIso(X,y,u);const G=this._monthLabel(n,i,e),Q=L({y:n,m:i,d:1},-1),ee=L({y:n,m:i,d:1},1),xe=this._monthHasAllowedDay(Q.y,Q.m,o,d),ke=this._monthHasAllowedDay(ee.y,ee.m,o,d),we=this._weekdayLabels(e,a),I=s==="range"?y:null,S=(I==null?void 0:I.start)||null,M=(I==null?void 0:I.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 te=[];for(let x=0;x<6;x+=1){const A=X.slice(x*7,x*7+7).map(g=>{const w=this._eventsByDateCache.get(g.iso)||[],Ae=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),Te=!!(N&&Y&&J(g.iso,N,Y)),Re=!g.disabled&&g.iso===this._focusedIso?0:-1;let C="";w.length>0&&(h==="count"?C=`<span class="event-count" part="event-more" style="--event-tone:${K[w[0].tone||"default"]}">${w.length}</span>`:h==="badges"?C=w.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(""):C=w.slice(0,p).map($=>`<span class="event-dot" part="event-dot" style="--event-tone:${K[$.tone||"default"]}"></span>`).join(""),w.length>p&&h!=="count"&&(C+=`<span class="event-more" part="event-more">+${w.length-p}</span>`));const re=`ui-calendar-tip-${g.iso}`,ie=w.length?w.map(z=>m(z.title||t.event)).join("<br/>"):"",se=ie.length>0,ze=C?`<span class="events" part="events">${C}</span>`:"",$e=se?`<span class="tooltip" part="tooltip" id="${re}">${ie}</span>`:"",oe=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="${oe?"true":"false"}"
+              data-range="${R?"true":"false"}"
+              data-range-start="${j?"true":"false"}"
+              data-range-end="${V?"true":"false"}"
+              data-range-preview="${!R&&Te?"true":"false"}"
+              aria-selected="${oe?"true":"false"}"
+              aria-disabled="${g.disabled?"true":"false"}"
+              ${g.today?'aria-current="date"':""}
+              aria-label="${m(Ae)}"
+              ${se?`aria-describedby="${re}"`:""}
+              tabindex="${Re}"
+            >
+              <span class="day-number" part="day-number">${g.parts.d}</span>
+              ${ze}
+              ${$e}
+            </button>
+          `}).join("");te.push(`<div class="week" role="row">${A}</div>`)}const De=this._monthPickerLabels(e).map((x,ne)=>{const A=ne+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(""),Se=we.map(x=>`<span class="weekday" part="weekday" role="columnheader">${m(x)}</span>`).join(""),Me=this._showTodayButton()?`<button type="button" class="today-btn" part="today" data-action="today" ${b?"disabled":""}>${m(t.today)}</button>`:"",ae=l==="loading"?t.syncingSchedule:l==="error"?t.unableToSyncEvents:l==="success"?t.scheduleSynced:"";this.setContent(`
+      <style>${Ne}</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(G)}</div>
+
+        <header class="header" part="header">
+          <div class="nav" part="nav">
+            <button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!xe||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" ${!ke||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(G)}</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">${De}</div>
+            </section>
+          </div>
+
+          <div class="header-actions">
+            ${Me}
+          </div>
+        </header>
+
+        <div class="status" part="status" ${ae?"":"hidden"}>
+          <span class="status-dot" aria-hidden="true"></span>
+          <span>${m(ae)}</span>
+        </div>
+
+        <section class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
+          <div class="weekdays" role="row">${Se}</div>
+          ${te.join("")}
+        </section>
+      </section>
+    `);const Ie=this._focusedIso,Ce=this._shouldRefocus;this._shouldRefocus=!1,Ce&&queueMicrotask(()=>{this.isConnected&&this._focusDateButton(Ie)})}shouldRenderOnAttributeChange(e,t,a){return!1}}typeof customElements<"u"&&!customElements.get("ui-calendar")&&customElements.define("ui-calendar",_e);exports.UICalendar=_e;exports.addDaysISO=ve;exports.addMonthsISO=me;exports.compareISO=k;exports.endOfMonth=ye;exports.parseISO=c;exports.resolveDateTimeTranslations=ge;exports.startOfMonth=W;