@editora/ui-core 0.1.20 → 0.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.cjs.js +3 -3
- package/dist/accordion.esm.js +3 -3
- package/dist/alert-dialog.cjs.js +32 -32
- package/dist/alert-dialog.esm.js +95 -75
- package/dist/alert.cjs.js +6 -6
- package/dist/alert.esm.js +6 -6
- package/dist/animated-list.cjs.js +4 -4
- package/dist/animated-list.esm.js +4 -4
- package/dist/animated-text.cjs.js +4 -4
- package/dist/animated-text.esm.js +4 -4
- package/dist/app-header.cjs.js +3 -3
- package/dist/app-header.esm.js +3 -3
- package/dist/aspect-ratio.cjs.js +3 -3
- package/dist/aspect-ratio.esm.js +3 -3
- package/dist/avatar.cjs.js +14 -14
- package/dist/avatar.esm.js +31 -29
- package/dist/badge.cjs.js +4 -4
- package/dist/badge.esm.js +4 -4
- package/dist/block-controls.cjs.js +4 -4
- package/dist/block-controls.esm.js +4 -4
- package/dist/box.cjs.js +2 -2
- package/dist/box.esm.js +2 -2
- package/dist/breadcrumb.cjs.js +5 -5
- package/dist/breadcrumb.esm.js +5 -5
- package/dist/button.cjs.js +1 -1
- package/dist/button.esm.js +1 -1
- package/dist/{calendar-DLY4acgn.mjs → calendar-DbxYRdlv.mjs} +227 -183
- package/dist/{calendar-Dkof-FTK.js → calendar-Qa-cFOp3.js} +74 -35
- package/dist/calendar.cjs.js +1 -1
- package/dist/calendar.esm.js +1 -1
- package/dist/card.cjs.js +8 -8
- package/dist/card.esm.js +63 -20
- package/dist/chart.cjs.js +4 -4
- package/dist/chart.esm.js +6 -6
- package/dist/checkbox.cjs.js +2 -2
- package/dist/checkbox.esm.js +2 -2
- package/dist/collapsible.cjs.js +7 -7
- package/dist/collapsible.esm.js +7 -7
- package/dist/collection.cjs.js +1 -1
- package/dist/collection.esm.js +27 -23
- package/dist/color-picker.cjs.js +34 -14
- package/dist/color-picker.esm.js +89 -67
- package/dist/combobox.cjs.js +29 -27
- package/dist/combobox.esm.js +51 -45
- package/dist/command.cjs.js +2 -2
- package/dist/command.esm.js +2 -2
- package/dist/components/ui-alert-dialog.d.ts +1 -0
- package/dist/components/ui-alert-dialog.d.ts.map +1 -1
- package/dist/components/ui-avatar.d.ts +1 -0
- package/dist/components/ui-avatar.d.ts.map +1 -1
- package/dist/components/ui-button.d.ts +1 -0
- package/dist/components/ui-button.d.ts.map +1 -1
- package/dist/components/ui-calendar.d.ts.map +1 -1
- package/dist/components/ui-card.d.ts +3 -0
- package/dist/components/ui-card.d.ts.map +1 -1
- package/dist/components/ui-checkbox.d.ts.map +1 -1
- package/dist/components/ui-collection.d.ts.map +1 -1
- package/dist/components/ui-color-picker.d.ts.map +1 -1
- package/dist/components/ui-combobox.d.ts.map +1 -1
- package/dist/components/ui-data-table.d.ts.map +1 -1
- package/dist/components/ui-date-field.d.ts.map +1 -1
- package/dist/components/ui-date-picker.d.ts.map +1 -1
- package/dist/components/ui-date-range-picker.d.ts.map +1 -1
- package/dist/components/ui-date-range-time-picker.d.ts.map +1 -1
- package/dist/components/ui-date-time-picker.d.ts.map +1 -1
- package/dist/components/ui-dock.d.ts +1 -0
- package/dist/components/ui-dock.d.ts.map +1 -1
- package/dist/components/ui-drawer.d.ts.map +1 -1
- package/dist/components/ui-dropdown.d.ts.map +1 -1
- package/dist/components/ui-field.d.ts.map +1 -1
- package/dist/components/ui-file-upload.d.ts.map +1 -1
- package/dist/components/ui-gantt.d.ts.map +1 -1
- package/dist/components/ui-input.d.ts.map +1 -1
- package/dist/components/ui-menu.d.ts.map +1 -1
- package/dist/components/ui-multi-select.d.ts.map +1 -1
- package/dist/components/ui-number-field.d.ts.map +1 -1
- package/dist/components/ui-password-field.d.ts.map +1 -1
- package/dist/components/ui-pin-input.d.ts +1 -0
- package/dist/components/ui-pin-input.d.ts.map +1 -1
- package/dist/components/ui-placement-grid.d.ts.map +1 -1
- package/dist/components/ui-portal.d.ts.map +1 -1
- package/dist/components/ui-positioner.d.ts.map +1 -1
- package/dist/components/ui-progress.d.ts.map +1 -1
- package/dist/components/ui-radio.d.ts.map +1 -1
- package/dist/components/ui-rating.d.ts +1 -0
- package/dist/components/ui-rating.d.ts.map +1 -1
- package/dist/components/ui-select.d.ts.map +1 -1
- package/dist/components/ui-sortable.d.ts +8 -0
- package/dist/components/ui-sortable.d.ts.map +1 -1
- package/dist/components/ui-switch.d.ts.map +1 -1
- package/dist/components/ui-table.d.ts.map +1 -1
- package/dist/components/ui-tabs.d.ts +1 -0
- package/dist/components/ui-tabs.d.ts.map +1 -1
- package/dist/components/ui-tags-input.d.ts +1 -0
- package/dist/components/ui-tags-input.d.ts.map +1 -1
- package/dist/components/ui-textarea.d.ts.map +1 -1
- package/dist/components/ui-time-field.d.ts.map +1 -1
- package/dist/components/ui-toggle-group.d.ts.map +1 -1
- package/dist/components/ui-toggle.d.ts.map +1 -1
- package/dist/components/ui-tree.d.ts.map +1 -1
- package/dist/components/ui-wizard.d.ts.map +1 -1
- package/dist/context-menu.cjs.js +3 -3
- package/dist/context-menu.esm.js +4 -4
- package/dist/control-name-BmoI1m3a.js +1 -0
- package/dist/control-name-Bpj7F34X.mjs +48 -0
- package/dist/data-table.cjs.js +5 -2
- package/dist/data-table.esm.js +145 -142
- package/dist/date-field.cjs.js +5 -5
- package/dist/date-field.esm.js +34 -31
- package/dist/date-picker.cjs.js +16 -16
- package/dist/date-picker.esm.js +48 -44
- package/dist/date-range-picker.cjs.js +5 -5
- package/dist/date-range-picker.esm.js +120 -118
- package/dist/date-range-time-picker.cjs.js +22 -22
- package/dist/date-range-time-picker.esm.js +88 -84
- package/dist/date-time-picker.cjs.js +26 -26
- package/dist/date-time-picker.esm.js +105 -101
- package/dist/{date-time-utils-Dmost5Ee.js → date-time-utils-BzfTpeU-.js} +1 -1
- package/dist/{date-time-utils-y1N2gvG2.mjs → date-time-utils-Cps2aSu2.mjs} +1 -1
- package/dist/description.cjs.js +3 -3
- package/dist/description.esm.js +3 -3
- package/dist/dialog.cjs.js +2 -2
- package/dist/dialog.esm.js +2 -2
- package/dist/dock.cjs.js +12 -12
- package/dist/dock.esm.js +72 -74
- package/dist/drawer.cjs.js +19 -19
- package/dist/drawer.esm.js +58 -58
- package/dist/dropdown.cjs.js +13 -13
- package/dist/dropdown.esm.js +49 -48
- package/dist/empty-state.cjs.js +3 -3
- package/dist/empty-state.esm.js +3 -3
- package/dist/field-error.cjs.js +1 -1
- package/dist/field-error.esm.js +1 -1
- package/dist/field.cjs.js +12 -12
- package/dist/field.esm.js +84 -75
- package/dist/fieldset.cjs.js +4 -4
- package/dist/fieldset.esm.js +4 -4
- package/dist/file-upload.cjs.js +3 -3
- package/dist/file-upload.esm.js +5 -3
- package/dist/floating-toolbar.cjs.js +8 -8
- package/dist/floating-toolbar.esm.js +9 -9
- package/dist/form.cjs.js +11 -11
- package/dist/form.esm.js +11 -11
- package/dist/gantt.cjs.js +43 -32
- package/dist/gantt.esm.js +99 -88
- package/dist/icon-cloud.cjs.js +3 -3
- package/dist/icon-cloud.esm.js +3 -3
- package/dist/icon.cjs.js +1 -1
- package/dist/icon.esm.js +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +121 -118
- package/dist/inline-edit.cjs.js +1 -1
- package/dist/inline-edit.esm.js +1 -1
- package/dist/input.cjs.js +14 -14
- package/dist/input.esm.js +39 -32
- package/dist/label.cjs.js +3 -3
- package/dist/label.esm.js +3 -3
- package/dist/{listbox-B6QgECax.js → listbox-CTpRpuF7.js} +1 -1
- package/dist/{listbox-DJamVeFj.mjs → listbox-hMVOhKHC.mjs} +1 -1
- package/dist/listbox.cjs.js +1 -1
- package/dist/listbox.esm.js +1 -1
- package/dist/marquee.cjs.js +3 -3
- package/dist/marquee.esm.js +3 -3
- package/dist/{menu-item-styles-CbNUEwP2.js → menu-item-styles-B4onAr4C.js} +3 -3
- package/dist/{menu-item-styles-CZiPwPwl.mjs → menu-item-styles-IGSFLAHu.mjs} +3 -3
- package/dist/menu.cjs.js +7 -7
- package/dist/menu.esm.js +29 -28
- package/dist/menubar.cjs.js +1 -1
- package/dist/menubar.esm.js +2 -2
- package/dist/meter.cjs.js +1 -1
- package/dist/meter.esm.js +1 -1
- package/dist/multi-select.cjs.js +18 -18
- package/dist/multi-select.esm.js +82 -66
- package/dist/navigation-menu.cjs.js +1 -1
- package/dist/navigation-menu.esm.js +1 -1
- package/dist/number-field.cjs.js +11 -13
- package/dist/number-field.esm.js +29 -27
- package/dist/number-ticker.cjs.js +4 -4
- package/dist/number-ticker.esm.js +4 -4
- package/dist/odometer.cjs.js +2 -2
- package/dist/odometer.esm.js +2 -2
- package/dist/orbiter.cjs.js +3 -3
- package/dist/orbiter.esm.js +3 -3
- package/dist/pagination.cjs.js +1 -1
- package/dist/pagination.esm.js +1 -1
- package/dist/password-field.cjs.js +23 -23
- package/dist/password-field.esm.js +48 -47
- package/dist/pin-input.cjs.js +8 -6
- package/dist/pin-input.esm.js +21 -15
- package/dist/placement-grid.cjs.js +4 -4
- package/dist/placement-grid.esm.js +58 -58
- package/dist/plugin-panel.cjs.js +1 -1
- package/dist/plugin-panel.esm.js +1 -1
- package/dist/popover.cjs.js +5 -5
- package/dist/popover.esm.js +4 -4
- package/dist/portal.cjs.js +3 -3
- package/dist/portal.esm.js +11 -10
- package/dist/positioner.cjs.js +2 -2
- package/dist/positioner.esm.js +15 -14
- package/dist/primitives/auto-scroll.d.ts +9 -0
- package/dist/primitives/auto-scroll.d.ts.map +1 -0
- package/dist/primitives/control-name.d.ts +30 -0
- package/dist/primitives/control-name.d.ts.map +1 -0
- package/dist/primitives/selector.d.ts +4 -0
- package/dist/primitives/selector.d.ts.map +1 -0
- package/dist/primitives/trigger.d.ts +2 -0
- package/dist/primitives/trigger.d.ts.map +1 -0
- package/dist/progress.cjs.js +4 -4
- package/dist/progress.esm.js +20 -18
- package/dist/quick-actions.cjs.js +3 -3
- package/dist/quick-actions.esm.js +3 -3
- package/dist/radio-group.cjs.js +1 -1
- package/dist/radio-group.esm.js +1 -1
- package/dist/radio.cjs.js +2 -2
- package/dist/radio.esm.js +2 -2
- package/dist/rating.cjs.js +17 -16
- package/dist/rating.esm.js +91 -92
- package/dist/{runtime-D1gFh1fS.mjs → runtime-CFnK53iC.mjs} +133 -94
- package/dist/runtime-DwE-tizc.js +1 -0
- package/dist/runtime.cjs.js +1 -1
- package/dist/runtime.d.ts +1 -1
- package/dist/runtime.d.ts.map +1 -1
- package/dist/runtime.esm.js +29 -26
- package/dist/select.cjs.js +20 -19
- package/dist/select.esm.js +36 -32
- package/dist/selection-popup.cjs.js +2 -2
- package/dist/selection-popup.esm.js +2 -2
- package/dist/selector-BvAh35ve.js +1 -0
- package/dist/selector-WI8pD7YO.mjs +18 -0
- package/dist/separator.cjs.js +7 -7
- package/dist/separator.esm.js +7 -7
- package/dist/sidebar.cjs.js +7 -7
- package/dist/sidebar.esm.js +7 -7
- package/dist/skeleton.cjs.js +7 -7
- package/dist/skeleton.esm.js +7 -7
- package/dist/slider.cjs.js +3 -3
- package/dist/slider.esm.js +3 -3
- package/dist/slot.cjs.js +3 -3
- package/dist/slot.esm.js +3 -3
- package/dist/sortable.cjs.js +61 -48
- package/dist/sortable.esm.js +636 -554
- package/dist/spinning-text.cjs.js +3 -3
- package/dist/spinning-text.esm.js +3 -3
- package/dist/split-button.cjs.js +1 -1
- package/dist/split-button.esm.js +1 -1
- package/dist/stepper.cjs.js +1 -1
- package/dist/stepper.esm.js +1 -1
- package/dist/switch.cjs.js +10 -12
- package/dist/switch.esm.js +10 -12
- package/dist/table.cjs.js +9 -6
- package/dist/table.esm.js +46 -43
- package/dist/tabs.cjs.js +22 -23
- package/dist/tabs.esm.js +116 -112
- package/dist/tags-input.cjs.js +9 -9
- package/dist/tags-input.esm.js +32 -25
- package/dist/textarea.cjs.js +13 -13
- package/dist/textarea.esm.js +46 -31
- package/dist/theme.d.ts +18 -0
- package/dist/theme.d.ts.map +1 -1
- package/dist/time-field.cjs.js +5 -5
- package/dist/time-field.esm.js +21 -18
- package/dist/time-picker.cjs.js +4 -4
- package/dist/time-picker.esm.js +5 -5
- package/dist/timeline.cjs.js +2 -2
- package/dist/timeline.esm.js +4 -4
- package/dist/toast.cjs.js +6 -6
- package/dist/toast.esm.js +13 -13
- package/dist/toggle-group.cjs.js +5 -6
- package/dist/toggle-group.esm.js +63 -60
- package/dist/toggle.cjs.js +18 -18
- package/dist/toggle.esm.js +32 -31
- package/dist/tooltip.cjs.js +4 -4
- package/dist/tooltip.esm.js +4 -4
- package/dist/transfer-list.cjs.js +32 -32
- package/dist/transfer-list.esm.js +57 -57
- package/dist/tree-7qbVnpGp.js +39 -0
- package/dist/{tree-B3kE8ESs.mjs → tree-Deoft-kO.mjs} +34 -33
- package/dist/tree.cjs.js +1 -1
- package/dist/tree.esm.js +1 -1
- package/dist/trigger-BjnxLCeQ.mjs +9 -0
- package/dist/trigger-DkPsKxsP.js +1 -0
- package/dist/{ui-button-rXQOS9QJ.js → ui-button-BInsgSbr.js} +27 -26
- package/dist/{ui-button-Q0GNNWKC.mjs → ui-button-rfiuUnUD.mjs} +65 -48
- package/dist/{ui-icon-YI6lyuqU.mjs → ui-icon-BSi_GtqO.mjs} +2 -2
- package/dist/{ui-icon-BzVNC_lr.js → ui-icon-Bvt9oIIR.js} +5 -5
- package/dist/wizard.cjs.js +12 -13
- package/dist/wizard.esm.js +17 -15
- package/package.json +1 -1
- package/dist/runtime-CTaOSmBj.js +0 -1
- package/dist/tree-Dx_kv_ih.js +0 -39
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const Oe=require("./ElementBase-EV6mVBUV.js"),Pe={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"},Le={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:"开始 — 结束"},Be={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"},Fe={en:Pe,zh:Le,fr:Be},oe=new Map;function Ue(r){return r.trim().toLowerCase().replace(/_/g,"-")}function He(r){const e=r||(typeof navigator<"u"&&navigator.language?navigator.language:"en"),t=Ue(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,n])=>{typeof n=="string"&&(e[t]=n)}),e}function Ne(r,e){if(!r)return{};try{const t=JSON.parse(r);if(!t||typeof t!="object"||Array.isArray(t))return{};const n=de(t),a=de(t[e]);return{...n,...a}}catch{return{}}}function fe(r,e){const t=He(r),n=`${t}::${e||""}`,a=oe.get(n);if(a)return a;const i=Fe[t],s=Ne(e,t),d={...i,...s};return oe.set(n,d),d}const Ye=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-calendar-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 95%, transparent);
|
|
4
4
|
--ui-calendar-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
|
|
5
5
|
--ui-calendar-text: var(--ui-color-text, #0f172a);
|
|
6
|
-
--ui-calendar-muted: var(--ui-color-muted, #
|
|
6
|
+
--ui-calendar-muted: var(--ui-color-muted, #526175);
|
|
7
7
|
--ui-calendar-accent: var(--ui-color-primary, #2563eb);
|
|
8
8
|
|
|
9
9
|
--ui-calendar-radius: 14px;
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
:host([tone="neutral"]) {
|
|
39
|
-
--ui-calendar-accent: color-mix(in srgb, var(--ui-color-muted, #
|
|
39
|
+
--ui-calendar-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 76%, var(--ui-color-text, #0f172a) 24%);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
:host([tone="info"]) {
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
:host([tone="success"]) {
|
|
47
|
-
--ui-calendar-accent: var(--ui-color-success, #
|
|
47
|
+
--ui-calendar-accent: var(--ui-color-success, #15803d);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
:host([tone="warning"]) {
|
|
51
|
-
--ui-calendar-accent: var(--ui-color-warning, #
|
|
51
|
+
--ui-calendar-accent: var(--ui-color-warning, #b45309);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
:host([tone="danger"]) {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
:host([state="success"]) {
|
|
63
|
-
--ui-calendar-accent: var(--ui-color-success, #
|
|
63
|
+
--ui-calendar-accent: var(--ui-color-success, #15803d);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
:host([size="sm"]) {
|
|
@@ -330,6 +330,26 @@
|
|
|
330
330
|
padding: 4px 2px;
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
+
/* One cell per day: the button, plus the event marks and tooltip drawn over and beside it. */
|
|
334
|
+
.day-cell {
|
|
335
|
+
position: relative;
|
|
336
|
+
display: grid;
|
|
337
|
+
min-inline-size: 0;
|
|
338
|
+
--ui-calendar-events-h: 10px;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.day-cell[data-events="badges"] { --ui-calendar-events-h: 15px; }
|
|
342
|
+
.day-cell[data-events="count"] { --ui-calendar-events-h: 16px; }
|
|
343
|
+
|
|
344
|
+
.day-cell > .day {
|
|
345
|
+
grid-area: 1 / 1;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* Room under the number for the event marks, so the number sits where it did when they were inside. */
|
|
349
|
+
.day-cell[data-events] > .day {
|
|
350
|
+
padding-block-end: calc(var(--ui-calendar-day-padding-block) + var(--ui-calendar-events-h) + 4px);
|
|
351
|
+
}
|
|
352
|
+
|
|
333
353
|
.day {
|
|
334
354
|
border: 1px solid color-mix(in srgb, var(--ui-calendar-border) 78%, transparent);
|
|
335
355
|
border-radius: var(--ui-calendar-day-radius);
|
|
@@ -412,13 +432,16 @@
|
|
|
412
432
|
}
|
|
413
433
|
|
|
414
434
|
.events {
|
|
415
|
-
|
|
416
|
-
|
|
435
|
+
position: absolute;
|
|
436
|
+
inset-inline: var(--ui-calendar-day-padding-inline);
|
|
437
|
+
inset-block-start: calc(50% + (var(--ui-calendar-day-font-size) + 4px - var(--ui-calendar-events-h)) / 2);
|
|
438
|
+
block-size: var(--ui-calendar-events-h);
|
|
439
|
+
display: flex;
|
|
417
440
|
align-items: center;
|
|
418
441
|
justify-content: center;
|
|
419
442
|
gap: 4px;
|
|
420
|
-
max-inline-size: 100%;
|
|
421
443
|
overflow: hidden;
|
|
444
|
+
pointer-events: none;
|
|
422
445
|
}
|
|
423
446
|
|
|
424
447
|
.event-dot {
|
|
@@ -472,6 +495,8 @@
|
|
|
472
495
|
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
|
|
473
496
|
color: var(--ui-calendar-text);
|
|
474
497
|
font: 500 11px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
498
|
+
/* Not drawn at all until its day is hovered or focused, so a hidden tooltip near an edge cannot widen the page. */
|
|
499
|
+
display: none;
|
|
475
500
|
opacity: 0;
|
|
476
501
|
pointer-events: none;
|
|
477
502
|
z-index: 5;
|
|
@@ -481,12 +506,24 @@
|
|
|
481
506
|
display: none;
|
|
482
507
|
}
|
|
483
508
|
|
|
484
|
-
.day:hover .tooltip,
|
|
485
|
-
.day:focus-visible .tooltip
|
|
486
|
-
|
|
509
|
+
.day:hover ~ .tooltip,
|
|
510
|
+
.day:focus-visible ~ .tooltip {
|
|
511
|
+
display: block;
|
|
487
512
|
opacity: 1;
|
|
488
513
|
}
|
|
489
514
|
|
|
515
|
+
/* The outer columns open inward, so the tooltip stays inside the calendar (and the viewport). */
|
|
516
|
+
.week > .day-cell:nth-child(-n + 2) .tooltip {
|
|
517
|
+
inset-inline-start: 0;
|
|
518
|
+
transform: none;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
.week > .day-cell:nth-child(n + 6) .tooltip {
|
|
522
|
+
inset-inline-start: auto;
|
|
523
|
+
inset-inline-end: 0;
|
|
524
|
+
transform: none;
|
|
525
|
+
}
|
|
526
|
+
|
|
490
527
|
.live-region {
|
|
491
528
|
position: absolute;
|
|
492
529
|
inline-size: 1px;
|
|
@@ -522,7 +559,7 @@
|
|
|
522
559
|
}
|
|
523
560
|
|
|
524
561
|
:host([state="success"]) .frame {
|
|
525
|
-
box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-success, #
|
|
562
|
+
box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-color-success, #15803d) 28%, transparent), var(--ui-calendar-shadow);
|
|
526
563
|
}
|
|
527
564
|
|
|
528
565
|
@media (max-width: 420px) {
|
|
@@ -640,11 +677,12 @@
|
|
|
640
677
|
from { background-position: 120% 0; }
|
|
641
678
|
to { background-position: -120% 0; }
|
|
642
679
|
}
|
|
643
|
-
`,V={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 L(r){return String(r).padStart(2,"0")}function v(r){return`${r.y}-${L(r.m)}-${L(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]),n=Number(e[2]),a=Number(e[3]);if(!Number.isInteger(t)||!Number.isInteger(n)||!Number.isInteger(a)||n<1||n>12)return null;const i=F(t,n);return a<1||a>i?null:{y:t,m:n,d:a}}function F(r,e){return new Date(Date.UTC(r,e,0)).getUTCDate()}function B(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 k(r,e){const t=c(r),n=c(e);return!t||!n?r.localeCompare(e):t.y!==n.y?t.y-n.y:t.m!==n.m?t.m-n.m:t.d-n.d}function be(r,e){const t=c(r);if(!t)return r;const n=B(t);return n.setUTCDate(n.getUTCDate()+e),v(ge(n))}function P(r,e){const t=new Date(Date.UTC(r.y,r.m-1,1));t.setUTCMonth(t.getUTCMonth()+e);const n=t.getUTCFullYear(),a=t.getUTCMonth()+1,i=O(r.d,1,F(n,a));return{y:n,m:a,d:i}}function ve(r,e){const t=c(r);return t?v(P(t,e)):r}function K(r,e){return{y:r,m:e,d:1}}function me(r,e){return{y:r,m:e,d:F(r,e)}}function de(r){const e=c(r);return e?B(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 ce(r,e){const t=W(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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function q(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 ue(r,e){const t=Number(r);if(t===0||t===1||t===6)return t;try{const a=new Intl.Locale(e||void 0)?.weekInfo?.firstDay;if(a===7)return 0;if(a===1||a===6)return a}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 We(r){return r==="neutral"||r==="info"||r==="success"||r==="warning"||r==="danger"?r:null}function he(r){return r==="loading"||r==="error"||r==="success"?r:"idle"}function pe(r){const e=[],t=new Set;return r.forEach(n=>{const a=c(n);if(!a)return;const i=v(a);t.has(i)||(t.add(i),e.push(i))}),e.sort(k),e}function $(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 ye extends $e.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,n){t!==n&&(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"&&he(n)==="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,n="api"){if(!Number.isFinite(e)||!Number.isFinite(t))return;let a=Math.trunc(e),i=Math.trunc(t);for(;i<1;)i+=12,a-=1;for(;i>12;)i-=12,a+=1;let s=!1;if(String(a)!==(this.getAttribute("year")||"")&&(this.setAttribute("year",String(a)),s=!0),String(i)!==(this.getAttribute("month")||"")&&(this.setAttribute("month",String(i)),s=!0),s){const l={year:a,month:i,source:n};this.dispatchEvent(new CustomEvent("month-change",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-month-change",{detail:l,bubbles:!0,composed:!0}))}}selectDate(e){const t=c(e);if(!t)return;const n=v(t);this._shouldRefocus=!0,this._applySelection(n,!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=W(this.getAttribute("year"),e.getFullYear()),n=W(this.getAttribute("month"),e.getMonth()+1);return{year:t,month:O(n,1,12)}}_todayIso(){const e=new Date;return`${e.getFullYear()}-${L(e.getMonth()+1)}-${L(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,n,a){const i=v(K(e,t)),s=v(me(e,t));return!(n&&k(s,n)<0||a&&k(i,a)>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 We(this.getAttribute("tone"))}_resolveState(){return he(this.getAttribute("state"))}_resolveLabel(){const e=(this.getAttribute("aria-label")||"").trim();return e||this._translations().calendarLabel}_translations(){return fe(this.getAttribute("locale"),this.getAttribute("translations"))}_resolveBounds(){let e=this._resolveMinIso(),t=this._resolveMaxIso();if(e&&t&&k(e,t)>0){const n=e;e=t,t=n}return{minIso:e,maxIso:t}}_direction(){const e=this.getAttribute("dir");if(e==="rtl"||e==="ltr")return e;const n=this.closest("[dir]")?.getAttribute("dir");return n==="rtl"||n==="ltr"?n:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_maxSelections(){return ce(this.getAttribute("max-selections"),Number.MAX_SAFE_INTEGER)}_eventsMax(){return O(ce(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,n){return!!(t&&k(e,t)<0||n&&k(e,n)>0)}_isDateBlocked(e,t,n,a){return!!(this._isInteractionDisabled()||this._isDateOutOfBounds(e,n,a)||t&&this._resolveOutsideClickMode()==="none")}_normalizeValueForMode(e){const t=this.getAttribute("value")||"";if(this._valueRawCache===t&&this._valueModeCache===e)return $(this._valueParsedCache);let n;if(e==="multiple"){try{const i=JSON.parse(t);if(!Array.isArray(i))n={mode:e,values:[]};else{const s=pe(i.map(l=>String(l||"")));n={mode:e,values:s}}}catch{n={mode:e,values:[]}}return this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=$(n),n}if(e==="range"){try{const i=JSON.parse(t),s=i&&typeof i=="object"?String(i.start||""):"",l=i&&typeof i=="object"?String(i.end||""):"",o=c(s),p=c(l),h=o?v(o):null,u=p?v(p):null;if(h&&u){const f=E(h,u);n={mode:e,start:f.start,end:f.end}}else n={mode:e,start:h,end:null}}catch{n={mode:e,start:null,end:null}}return this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=$(n),n}const a=c(t);return n={mode:e,value:a?v(a):null},this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=$(n),n}_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,n){e.mode==="single"&&t&&(this.dispatchEvent(new CustomEvent("select",{detail:{value:t,source:n},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-select",{detail:{value:t,source:n},bubbles:!0,composed:!0})));const a={mode:e.mode,source:n};e.mode==="single"?a.value=e.value:e.mode==="range"?(a.value=e.start&&e.end?{start:e.start,end:e.end}:null,a.start=e.start,a.end=e.end):(a.value=[...e.values],a.values=[...e.values]),this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-change",{detail:a,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,n){if(!c(e))return;const a=this._resolveSelectionMode(),{minIso:i,maxIso:s}=this._resolveBounds();if(this._isDateOutOfBounds(e,i,s))return;const l=this._isReadonly();if(this._isInteractionDisabled()||l)return;let o=this._normalizeValueForMode(a);if(a==="single")o={mode:a,value:e};else if(a==="multiple"){const u=this._normalizeValueForMode("multiple"),f=new Set(u.values);f.has(e)?f.delete(e):f.size<this._maxSelections()&&f.add(e),o={mode:a,values:pe(Array.from(f))}}else{const u=this._normalizeValueForMode("range"),f=u.start,_=u.end;if(t){const d=this._rangeKeyboardAnchor||f||this._focusedIso||e;if(!c(d))this._rangeKeyboardAnchor=e,o={mode:a,start:e,end:null};else{const b=E(d,e);o={mode:a,start:b.start,end:b.end}}}else if(!f||f&&_)this._rangeKeyboardAnchor=e,o={mode:a,start:e,end:null};else if(f&&!_){const d=E(f,e);o={mode:a,start:d.start,end:d.end}}}const p=this.getAttribute("value"),h=this._serializeSelection(o);p!==h?(this._setValueAttribute(h),this._emitSelectionEvents(o,a==="single"?e:null,n)):a==="single"&&this._emitSelectionEvents(o,e,n),this._focusedIso=e,this._hoverIso=null,this._shouldRefocus=!0,n!=="api"&&this.requestRender()}_monthLabel(e,t,n){try{return new Intl.DateTimeFormat(n,{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},(n,a)=>t.format(new Date(Date.UTC(2024,a,1))))}catch{return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}_weekdayLabels(e,t){const n=[],a=new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"});for(let i=0;i<7;i+=1){const s=(t+i)%7,l=new Date(Date.UTC(2024,0,7+s));n.push(a.format(l))}return n}_dayAriaLabel(e,t){const n=c(e);if(!n)return e;try{return new Intl.DateTimeFormat(t,{weekday:"long",year:"numeric",month:"long",day:"numeric",timeZone:"UTC"}).format(B(n))}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 n=[];t.forEach(a=>{if(!a||typeof a!="object")return;const i=String(a.date||"").trim(),s=c(i),l=s?v(s):"";if(!l)return;const o=String(a.tone||"default"),p=o==="success"||o==="warning"||o==="danger"||o==="info"?o:"default",h=a.title!=null?String(a.title):void 0;n.push({date:l,title:h,tone:p})}),this._eventsParsedCache=n,n.forEach(a=>{this._eventsByDateCache.has(a.date)||this._eventsByDateCache.set(a.date,[]),this._eventsByDateCache.get(a.date).push(a)})}catch{}}_buildCells(e,t,n,a,i,s){const l=v(K(e,t)),p=(de(l)-n+7)%7,h=c(l);if(!h)return[];const u=B(h);u.setUTCDate(u.getUTCDate()-p);const f=[];for(let _=0;_<42;_+=1){_>0&&u.setUTCDate(u.getUTCDate()+1);const d=ge(u),b=v(d),D=d.y!==e||d.m!==t,y=this._isDateBlocked(b,D,a,i);f.push({iso:b,parts:d,outside:D,disabled:y,today:b===s})}return f}_resolveFocusIso(e,t,n){const a=new Map;e.forEach(o=>a.set(o.iso,o));const i=o=>{if(!o)return null;const p=a.get(o);return!p||p.disabled?null:o};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(n)),s))return s;const l=e.find(o=>!o.disabled);return l?l.iso:e[0]?.iso||""}_focusDateButton(e){if(!e||this.root.activeElement?.getAttribute("data-date")===e)return;const n=`.day[data-date="${e}"]`,a=this.root.querySelector(n);if(a)try{a.focus({preventScroll:!0})}catch{a.focus()}}_moveFocusByDays(e,t,n){const a=be(e,t),i=c(a);i&&(this.goToMonth(i.y,i.m,"keyboard"),this._focusedIso=a,this._shouldRefocus=!0,n&&this._resolveSelectionMode()==="range"&&!this._isReadonly()&&!this._isInteractionDisabled()?this._applySelection(a,!0,"keyboard"):this.requestRender())}_moveFocusByMonths(e,t){const n=ve(e,t),a=c(n);a&&(this.goToMonth(a.y,a.m,"keyboard"),this._focusedIso=n,this._shouldRefocus=!0,this.requestRender())}_focusWeekBoundary(e,t,n){const i=(de(e)-n+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?.closest(".day");if(!a)return;const i=a.getAttribute("data-date")||"";if(!c(i))return;const s=a.getAttribute("data-outside")==="true",{minIso:l,maxIso:o}=this._resolveBounds();this._isDateBlocked(i,s,l,o)||this._hoverIso!==i&&(this._hoverIso=i,this.requestRender())}_onMouseLeave(){this._hoverIso!=null&&(this._hoverIso=null,this.requestRender())}_onFocusIn(e){const n=e.target?.closest(".day");if(!n)return;const a=n.getAttribute("data-date")||"";if(c(a)&&(this._focusedIso=a,this._resolveSelectionMode()==="range")){const i=this._normalizeValueForMode("range");i.start&&!i.end&&(this._hoverIso=a,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 n=t.closest("[data-action]"),a=n?.getAttribute("data-action")||"",{year:i,month:s}=this._resolvedView(),l=this._todayIso(),o=c(l);if(a==="prev-month"||a==="next-month"){if(this._isInteractionDisabled())return;const d=a==="prev-month"?-1:1,D=(this._focusedIso?c(this._focusedIso):null)||{y:i,m:s,d:1},y=P(D,d);this.goToMonth(y.y,y.m,"pointer"),this._focusedIso=v({y:y.y,m:y.m,d:O(D.d,1,F(y.y,y.m))}),this._shouldRefocus=!0,this.requestRender();return}if(a==="today"){if(this._isInteractionDisabled())return;this.goToMonth(o.y,o.m,"pointer"),this._focusedIso=l,this._shouldRefocus=!0,this._isReadonly()?this.requestRender():this._applySelection(l,!1,"pointer");return}if(a==="toggle-monthyear"){this._toggleMonthYearPicker();return}if(a==="picker-prev-year"||a==="picker-next-year"){if(this._isInteractionDisabled())return;const d=a==="picker-prev-year"?-1:1;this.goToMonth(i+d,s,"pointer"),this._pickerOpen=!0,this._shouldRefocus=!0,this.requestRender();return}if(a==="pick-month"){if(this._isInteractionDisabled())return;const d=Number(n?.getAttribute("data-month")||"");if(!Number.isInteger(d)||d<1||d>12)return;this.goToMonth(i,d,"pointer"),this._pickerOpen=!1,this._shouldRefocus=!0,this.requestRender();return}const p=t.closest(".day");if(!p)return;const h=p.getAttribute("data-date")||"";if(!c(h))return;const u=p.getAttribute("data-outside")==="true",{minIso:f,maxIso:_}=this._resolveBounds();if(!this._isDateBlocked(h,u,f,_)){if(u){const d=this._resolveOutsideClickMode();if(d==="none")return;if(d==="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 n=e.target?.closest(".day");if(!n)return;const a=n.getAttribute("data-date")||"";if(!c(a))return;const i=ue(this.getAttribute("week-start"),this._resolveLocale()),s=this._direction()==="rtl",l=e.shiftKey;if(e.key==="ArrowRight"){e.preventDefault(),this._moveFocusByDays(a,s?-1:1,l);return}if(e.key==="ArrowLeft"){e.preventDefault(),this._moveFocusByDays(a,s?1:-1,l);return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocusByDays(a,7,l);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocusByDays(a,-7,l);return}if(e.key==="Home"){e.preventDefault(),this._focusWeekBoundary(a,"start",i);return}if(e.key==="End"){e.preventDefault(),this._focusWeekBoundary(a,"end",i);return}if(e.key==="PageUp"){e.preventDefault(),this._moveFocusByMonths(a,e.shiftKey?-12:-1);return}if(e.key==="PageDown"){e.preventDefault(),this._moveFocusByMonths(a,e.shiftKey?12:1);return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const o=n.getAttribute("data-outside")==="true",{minIso:p,maxIso:h}=this._resolveBounds();if(this._isDateBlocked(a,o,p,h))return;if(o&&this._resolveOutsideClickMode()==="navigate"){const u=c(a);this.goToMonth(u.y,u.m,"keyboard")}this._isReadonly()||this._applySelection(a,!1,"keyboard")}}render(){const e=this._resolveLocale(),t=this._translations(),n=ue(this.getAttribute("week-start"),e),{year:a,month:i}=this._resolvedView(),s=this._resolveSelectionMode(),{minIso:l,maxIso:o}=this._resolveBounds(),p=this._todayIso(),h=this._resolveEventsDisplay(),u=this._eventsMax(),f=this._resolveCalendarSize(),_=this._resolveTone(),d=this._resolveState(),b=this._isInteractionDisabled(),D=this._resolveLabel();_?this.setAttribute("tone",_):this.removeAttribute("tone"),d!=="idle"?this.setAttribute("state",d):this.removeAttribute("state"),d==="loading"?this.setAttribute("aria-busy","true"):this.removeAttribute("aria-busy"),this._ensureEventsCache();const y=this._normalizeValueForMode(s),J=this._buildCells(a,i,n,l,o,p);this._focusedIso=this._resolveFocusIso(J,y,p);const Z=this._monthLabel(a,i,e),X=P({y:a,m:i,d:1},-1),G=P({y:a,m:i,d:1},1),_e=this._monthHasAllowedDay(X.y,X.m,l,o),xe=this._monthHasAllowedDay(G.y,G.m,l,o),ke=this._weekdayLabels(e,n),Q=s==="range"?y:null,S=Q?.start||null,M=Q?.end||null,we=s==="multiple"?new Set(y.values):null;let H=null,U=null;if(s==="range"&&S&&!M&&this._hoverIso&&c(this._hoverIso)){const x=E(S,this._hoverIso);H=x.start,U=x.end}const ee=[];for(let x=0;x<6;x+=1){const C=J.slice(x*7,x*7+7).map(g=>{const w=this._eventsByDateCache.get(g.iso)||[],Ae=this._dayAriaLabel(g.iso,e);let A=!1;s==="single"?A=y.value===g.iso:s==="multiple"?A=we?.has(g.iso)||!1:S&&M&&(A=q(g.iso,S,M));const T=!!(S&&M&&q(g.iso,S,M)),N=!!(S&&g.iso===S),Y=!!(M&&g.iso===M),Te=!!(H&&U&&q(g.iso,H,U)),Re=!g.disabled&&g.iso===this._focusedIso?0:-1;let I="";w.length>0&&(h==="count"?I=`<span class="event-count" part="event-more" style="--event-tone:${V[w[0].tone||"default"]}">${w.length}</span>`:h==="badges"?I=w.slice(0,u).map(z=>{const j=m(z.title||t.event);return`<span class="event-badge" part="event-dot" style="--event-tone:${V[z.tone||"default"]}" title="${j}">${j}</span>`}).join(""):I=w.slice(0,u).map(z=>`<span class="event-dot" part="event-dot" style="--event-tone:${V[z.tone||"default"]}"></span>`).join(""),w.length>u&&h!=="count"&&(I+=`<span class="event-more" part="event-more">+${w.length-u}</span>`));const ne=`ui-calendar-tip-${g.iso}`,re=w.length?w.map(R=>m(R.title||t.event)).join("<br/>"):"",ie=re.length>0,ze=I?`<span class="events" part="events">${I}</span>`:"",Ee=ie?`<span class="tooltip" part="tooltip" id="${ne}">${re}</span>`:"",se=A||T||N||Y;return`
|
|
680
|
+
`,q={default:"var(--ui-color-primary, #2563eb)",info:"var(--ui-color-info, #0e7490)",success:"var(--ui-color-success, #15803d)",warning:"var(--ui-color-warning, #b45309)",danger:"var(--ui-color-danger, #dc2626)"};function O(r,e,t){return Math.max(e,Math.min(t,r))}function L(r){return String(r).padStart(2,"0")}function b(r){return`${r.y}-${L(r.m)}-${L(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]),n=Number(e[2]),a=Number(e[3]);if(!Number.isInteger(t)||!Number.isInteger(n)||!Number.isInteger(a)||n<1||n>12)return null;const i=F(t,n);return a<1||a>i?null:{y:t,m:n,d:a}}function F(r,e){return new Date(Date.UTC(r,e,0)).getUTCDate()}function B(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 k(r,e){const t=c(r),n=c(e);return!t||!n?r.localeCompare(e):t.y!==n.y?t.y-n.y:t.m!==n.m?t.m-n.m:t.d-n.d}function ve(r,e){const t=c(r);if(!t)return r;const n=B(t);return n.setUTCDate(n.getUTCDate()+e),b(ge(n))}function P(r,e){const t=new Date(Date.UTC(r.y,r.m-1,1));t.setUTCMonth(t.getUTCMonth()+e);const n=t.getUTCFullYear(),a=t.getUTCMonth()+1,i=O(r.d,1,F(n,a));return{y:n,m:a,d:i}}function be(r,e){const t=c(r);return t?b(P(t,e)):r}function W(r,e){return{y:r,m:e,d:1}}function me(r,e){return{y:r,m:e,d:F(r,e)}}function le(r){const e=c(r);return e?B(e).getUTCDay():0}function J(r,e){if(r==null||r==="")return e;const t=Number(r);return Number.isFinite(t)?Math.trunc(t):e}function ce(r,e){const t=J(r,e);return t<1?e:t}function je(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,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function K(r,e,t){return k(r,e)>=0&&k(r,t)<=0}function $(r,e){return k(r,e)<=0?{start:r,end:e}:{start:e,end:r}}function ue(r,e){const t=Number(r);if(t===0||t===1||t===6)return t;try{const a=new Intl.Locale(e||void 0)?.weekInfo?.firstDay;if(a===7)return 0;if(a===1||a===6)return a}catch{}return 0}function Ve(r){return r==="range"||r==="multiple"?r:"single"}function qe(r){return r==="none"||r==="select"?r:"navigate"}function Ke(r){return r==="badges"||r==="count"?r:"dots"}function We(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 he(r){return r==="loading"||r==="error"||r==="success"?r:"idle"}function pe(r){const e=[],t=new Set;return r.forEach(n=>{const a=c(n);if(!a)return;const i=b(a);t.has(i)||(t.add(i),e.push(i))}),e.sort(k),e}function E(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 ye extends Oe.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,n){t!==n&&(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"&&he(n)==="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=b(t),this._shouldRefocus=!0,this.requestRender())}goToMonth(e,t,n="api"){if(!Number.isFinite(e)||!Number.isFinite(t))return;let a=Math.trunc(e),i=Math.trunc(t);for(;i<1;)i+=12,a-=1;for(;i>12;)i-=12,a+=1;let s=!1;if(String(a)!==(this.getAttribute("year")||"")&&(this.setAttribute("year",String(a)),s=!0),String(i)!==(this.getAttribute("month")||"")&&(this.setAttribute("month",String(i)),s=!0),s){const d={year:a,month:i,source:n};this.dispatchEvent(new CustomEvent("month-change",{detail:d,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-month-change",{detail:d,bubbles:!0,composed:!0}))}}selectDate(e){const t=c(e);if(!t)return;const n=b(t);this._shouldRefocus=!0,this._applySelection(n,!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(){const t=(this.getAttribute("locale")||"").trim()||(typeof navigator<"u"?navigator.language:"en-US");try{return new Intl.DateTimeFormat(t),t}catch{return"en-US"}}_resolvedView(){const e=new Date,t=J(this.getAttribute("year"),e.getFullYear()),n=J(this.getAttribute("month"),e.getMonth()+1);return{year:t,month:O(n,1,12)}}_todayIso(){const e=new Date;return`${e.getFullYear()}-${L(e.getMonth()+1)}-${L(e.getDate())}`}_resolveMinIso(){const e=c(this.getAttribute("min")||"");return e?b(e):null}_resolveMaxIso(){const e=c(this.getAttribute("max")||"");return e?b(e):null}_monthHasAllowedDay(e,t,n,a){const i=b(W(e,t)),s=b(me(e,t));return!(n&&k(s,n)<0||a&&k(i,a)>0)}_resolveSelectionMode(){return Ve(this.getAttribute("selection"))}_resolveEventsDisplay(){return Ke(this.getAttribute("events-display"))}_resolveOutsideClickMode(){return qe(this.getAttribute("outside-click"))}_resolveCalendarSize(){return We(this.getAttribute("size"))}_resolveTone(){return Je(this.getAttribute("tone"))}_resolveState(){return he(this.getAttribute("state"))}_resolveLabel(){const e=(this.getAttribute("aria-label")||"").trim();return e||this._translations().calendarLabel}_translations(){return fe(this.getAttribute("locale"),this.getAttribute("translations"))}_resolveBounds(){let e=this._resolveMinIso(),t=this._resolveMaxIso();if(e&&t&&k(e,t)>0){const n=e;e=t,t=n}return{minIso:e,maxIso:t}}_direction(){const e=this.getAttribute("dir");if(e==="rtl"||e==="ltr")return e;const n=this.closest("[dir]")?.getAttribute("dir");return n==="rtl"||n==="ltr"?n:getComputedStyle(this).direction==="rtl"?"rtl":"ltr"}_maxSelections(){return ce(this.getAttribute("max-selections"),Number.MAX_SAFE_INTEGER)}_eventsMax(){return O(ce(this.getAttribute("events-max"),3),1,9)}_showTodayButton(){return this.hasAttribute("hide-today")?!1:je(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,n){return!!(t&&k(e,t)<0||n&&k(e,n)>0)}_isDateBlocked(e,t,n,a){return!!(this._isInteractionDisabled()||this._isDateOutOfBounds(e,n,a)||t&&this._resolveOutsideClickMode()==="none")}_normalizeValueForMode(e){const t=this.getAttribute("value")||"";if(this._valueRawCache===t&&this._valueModeCache===e)return E(this._valueParsedCache);let n;if(e==="multiple"){try{const i=JSON.parse(t);if(!Array.isArray(i))n={mode:e,values:[]};else{const s=pe(i.map(d=>String(d||"")));n={mode:e,values:s}}}catch{n={mode:e,values:[]}}return this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=E(n),n}if(e==="range"){try{const i=JSON.parse(t),s=i&&typeof i=="object"?String(i.start||""):"",d=i&&typeof i=="object"?String(i.end||""):"",o=c(s),p=c(d),u=o?b(o):null,h=p?b(p):null;if(u&&h){const f=$(u,h);n={mode:e,start:f.start,end:f.end}}else n={mode:e,start:u,end:null}}catch{n={mode:e,start:null,end:null}}return this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=E(n),n}const a=c(t);return n={mode:e,value:a?b(a):null},this._valueRawCache=t,this._valueModeCache=e,this._valueParsedCache=E(n),n}_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,n){e.mode==="single"&&t&&(this.dispatchEvent(new CustomEvent("select",{detail:{value:t,source:n},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-select",{detail:{value:t,source:n},bubbles:!0,composed:!0})));const a={mode:e.mode,source:n};e.mode==="single"?a.value=e.value:e.mode==="range"?(a.value=e.start&&e.end?{start:e.start,end:e.end}:null,a.start=e.start,a.end=e.end):(a.value=[...e.values],a.values=[...e.values]),this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-change",{detail:a,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,n){if(!c(e))return;const a=this._resolveSelectionMode(),{minIso:i,maxIso:s}=this._resolveBounds();if(this._isDateOutOfBounds(e,i,s))return;const d=this._isReadonly();if(this._isInteractionDisabled()||d)return;let o=this._normalizeValueForMode(a);if(a==="single")o={mode:a,value:e};else if(a==="multiple"){const h=this._normalizeValueForMode("multiple"),f=new Set(h.values);f.has(e)?f.delete(e):f.size<this._maxSelections()&&f.add(e),o={mode:a,values:pe(Array.from(f))}}else{const h=this._normalizeValueForMode("range"),f=h.start,_=h.end;if(t){const l=this._rangeKeyboardAnchor||f||this._focusedIso||e;if(!c(l))this._rangeKeyboardAnchor=e,o={mode:a,start:e,end:null};else{const v=$(l,e);o={mode:a,start:v.start,end:v.end}}}else if(!f||f&&_)this._rangeKeyboardAnchor=e,o={mode:a,start:e,end:null};else if(f&&!_){const l=$(f,e);o={mode:a,start:l.start,end:l.end}}}const p=this.getAttribute("value"),u=this._serializeSelection(o);p!==u?(this._setValueAttribute(u),this._emitSelectionEvents(o,a==="single"?e:null,n)):a==="single"&&this._emitSelectionEvents(o,e,n),this._focusedIso=e,this._hoverIso=null,this._shouldRefocus=!0,n!=="api"&&this.requestRender()}_monthLabel(e,t,n){try{return new Intl.DateTimeFormat(n,{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},(n,a)=>t.format(new Date(Date.UTC(2024,a,1))))}catch{return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}_weekdayLabels(e,t){const n=[],a=new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"});for(let i=0;i<7;i+=1){const s=(t+i)%7,d=new Date(Date.UTC(2024,0,7+s));n.push(a.format(d))}return n}_dayAriaLabel(e,t){const n=c(e);if(!n)return e;try{return new Intl.DateTimeFormat(t,{weekday:"long",year:"numeric",month:"long",day:"numeric",timeZone:"UTC"}).format(B(n))}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 n=[];t.forEach(a=>{if(!a||typeof a!="object")return;const i=String(a.date||"").trim(),s=c(i),d=s?b(s):"";if(!d)return;const o=String(a.tone||"default"),p=o==="success"||o==="warning"||o==="danger"||o==="info"?o:"default",u=a.title!=null?String(a.title):void 0;n.push({date:d,title:u,tone:p})}),this._eventsParsedCache=n,n.forEach(a=>{this._eventsByDateCache.has(a.date)||this._eventsByDateCache.set(a.date,[]),this._eventsByDateCache.get(a.date).push(a)})}catch{}}_buildCells(e,t,n,a,i,s){const d=b(W(e,t)),p=(le(d)-n+7)%7,u=c(d);if(!u)return[];const h=B(u);h.setUTCDate(h.getUTCDate()-p);const f=[];for(let _=0;_<42;_+=1){_>0&&h.setUTCDate(h.getUTCDate()+1);const l=ge(h),v=b(l),D=l.y!==e||l.m!==t,y=this._isDateBlocked(v,D,a,i);f.push({iso:v,parts:l,outside:D,disabled:y,today:v===s})}return f}_resolveFocusIso(e,t,n){const a=new Map;e.forEach(o=>a.set(o.iso,o));const i=o=>{if(!o)return null;const p=a.get(o);return!p||p.disabled?null:o};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(n)),s))return s;const d=e.find(o=>!o.disabled);return d?d.iso:e[0]?.iso||""}_focusDateButton(e){if(!e||this.root.activeElement?.getAttribute("data-date")===e)return;const n=`.day[data-date="${e}"]`,a=this.root.querySelector(n);if(a)try{a.focus({preventScroll:!0})}catch{a.focus()}}_moveFocusByDays(e,t,n){const a=ve(e,t),i=c(a);i&&(this.goToMonth(i.y,i.m,"keyboard"),this._focusedIso=a,this._shouldRefocus=!0,n&&this._resolveSelectionMode()==="range"&&!this._isReadonly()&&!this._isInteractionDisabled()?this._applySelection(a,!0,"keyboard"):this.requestRender())}_moveFocusByMonths(e,t){const n=be(e,t),a=c(n);a&&(this.goToMonth(a.y,a.m,"keyboard"),this._focusedIso=n,this._shouldRefocus=!0,this.requestRender())}_focusWeekBoundary(e,t,n){const i=(le(e)-n+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?.closest(".day");if(!a)return;const i=a.getAttribute("data-date")||"";if(!c(i))return;const s=a.getAttribute("data-outside")==="true",{minIso:d,maxIso:o}=this._resolveBounds();this._isDateBlocked(i,s,d,o)||this._hoverIso!==i&&(this._hoverIso=i,this.requestRender())}_onMouseLeave(){this._hoverIso!=null&&(this._hoverIso=null,this.requestRender())}_onFocusIn(e){const n=e.target?.closest(".day");if(!n)return;const a=n.getAttribute("data-date")||"";if(c(a)&&(this._focusedIso=a,this._resolveSelectionMode()==="range")){const i=this._normalizeValueForMode("range");i.start&&!i.end&&(this._hoverIso=a,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 n=t.closest("[data-action]"),a=n?.getAttribute("data-action")||"",{year:i,month:s}=this._resolvedView(),d=this._todayIso(),o=c(d);if(a==="prev-month"||a==="next-month"){if(this._isInteractionDisabled())return;const l=a==="prev-month"?-1:1,D=(this._focusedIso?c(this._focusedIso):null)||{y:i,m:s,d:1},y=P(D,l);this.goToMonth(y.y,y.m,"pointer"),this._focusedIso=b({y:y.y,m:y.m,d:O(D.d,1,F(y.y,y.m))}),this._shouldRefocus=!0,this.requestRender();return}if(a==="today"){if(this._isInteractionDisabled())return;this.goToMonth(o.y,o.m,"pointer"),this._focusedIso=d,this._shouldRefocus=!0,this._isReadonly()?this.requestRender():this._applySelection(d,!1,"pointer");return}if(a==="toggle-monthyear"){this._toggleMonthYearPicker();return}if(a==="picker-prev-year"||a==="picker-next-year"){if(this._isInteractionDisabled())return;const l=a==="picker-prev-year"?-1:1;this.goToMonth(i+l,s,"pointer"),this._pickerOpen=!0,this._shouldRefocus=!0,this.requestRender();return}if(a==="pick-month"){if(this._isInteractionDisabled())return;const l=Number(n?.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 p=t.closest(".day");if(!p)return;const u=p.getAttribute("data-date")||"";if(!c(u))return;const h=p.getAttribute("data-outside")==="true",{minIso:f,maxIso:_}=this._resolveBounds();if(!this._isDateBlocked(u,h,f,_)){if(h){const l=this._resolveOutsideClickMode();if(l==="none")return;if(l==="navigate"){const v=c(u);this.goToMonth(v.y,v.m,"pointer")}}if(this._isReadonly()){this._focusedIso=u,this._shouldRefocus=!0,this.requestRender();return}this._applySelection(u,!1,"pointer")}}_onKeyDown(e){if(e.key==="Escape"&&this._pickerOpen){e.preventDefault(),this._toggleMonthYearPicker(!1);return}const n=e.target?.closest(".day");if(!n)return;const a=n.getAttribute("data-date")||"";if(!c(a))return;const i=ue(this.getAttribute("week-start"),this._resolveLocale()),s=this._direction()==="rtl",d=e.shiftKey;if(e.key==="ArrowRight"){e.preventDefault(),this._moveFocusByDays(a,s?-1:1,d);return}if(e.key==="ArrowLeft"){e.preventDefault(),this._moveFocusByDays(a,s?1:-1,d);return}if(e.key==="ArrowDown"){e.preventDefault(),this._moveFocusByDays(a,7,d);return}if(e.key==="ArrowUp"){e.preventDefault(),this._moveFocusByDays(a,-7,d);return}if(e.key==="Home"){e.preventDefault(),this._focusWeekBoundary(a,"start",i);return}if(e.key==="End"){e.preventDefault(),this._focusWeekBoundary(a,"end",i);return}if(e.key==="PageUp"){e.preventDefault(),this._moveFocusByMonths(a,e.shiftKey?-12:-1);return}if(e.key==="PageDown"){e.preventDefault(),this._moveFocusByMonths(a,e.shiftKey?12:1);return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const o=n.getAttribute("data-outside")==="true",{minIso:p,maxIso:u}=this._resolveBounds();if(this._isDateBlocked(a,o,p,u))return;if(o&&this._resolveOutsideClickMode()==="navigate"){const h=c(a);this.goToMonth(h.y,h.m,"keyboard")}this._isReadonly()||this._applySelection(a,!1,"keyboard")}}render(){const e=this._resolveLocale(),t=this._translations(),n=ue(this.getAttribute("week-start"),e),{year:a,month:i}=this._resolvedView(),s=this._resolveSelectionMode(),{minIso:d,maxIso:o}=this._resolveBounds(),p=this._todayIso(),u=this._resolveEventsDisplay(),h=this._eventsMax(),f=this._resolveCalendarSize(),_=this._resolveTone(),l=this._resolveState(),v=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(a,i,n,d,o,p);this._focusedIso=this._resolveFocusIso(Z,y,p);const U=this._monthLabel(a,i,e),X=P({y:a,m:i,d:1},-1),G=P({y:a,m:i,d:1},1),_e=this._monthHasAllowedDay(X.y,X.m,d,o),xe=this._monthHasAllowedDay(G.y,G.m,d,o),ke=this._weekdayLabels(e,n),Q=s==="range"?y:null,S=Q?.start||null,M=Q?.end||null,we=s==="multiple"?new Set(y.values):null;let H=null,N=null;if(s==="range"&&S&&!M&&this._hoverIso&&c(this._hoverIso)){const x=$(S,this._hoverIso);H=x.start,N=x.end}const ee=[];for(let x=0;x<6;x+=1){const C=Z.slice(x*7,x*7+7).map(g=>{const w=this._eventsByDateCache.get(g.iso)||[],Ae=this._dayAriaLabel(g.iso,e);let A=!1;s==="single"?A=y.value===g.iso:s==="multiple"?A=we?.has(g.iso)||!1:S&&M&&(A=K(g.iso,S,M));const T=!!(S&&M&&K(g.iso,S,M)),Y=!!(S&&g.iso===S),j=!!(M&&g.iso===M),Te=!!(H&&N&&K(g.iso,H,N)),Re=!g.disabled&&g.iso===this._focusedIso?0:-1;let I="";w.length>0&&(u==="count"?I=`<span class="event-count" part="event-more" style="--event-tone:${q[w[0].tone||"default"]}">${w.length}</span>`:u==="badges"?I=w.slice(0,h).map(z=>{const V=m(z.title||t.event);return`<span class="event-badge" part="event-dot" style="--event-tone:${q[z.tone||"default"]}" title="${V}">${V}</span>`}).join(""):I=w.slice(0,h).map(z=>`<span class="event-dot" part="event-dot" style="--event-tone:${q[z.tone||"default"]}"></span>`).join(""),w.length>h&&u!=="count"&&(I+=`<span class="event-more" part="event-more">+${w.length-h}</span>`));const ne=`ui-calendar-tip-${g.iso}`,re=w.length?w.map(R=>m(R.title||t.event)).join("<br/>"):"",ie=re.length>0,ze=I?`<span class="events" part="events" aria-hidden="true">${I}</span>`:"",$e=ie?`<span class="tooltip" part="tooltip" id="${ne}">${re}</span>`:"",se=A||T||Y||j,Ee=T||Y||j?"day range":"day";return`
|
|
681
|
+
<div class="day-cell" part="day-cell"${I?` data-events="${u}"`:""}>
|
|
644
682
|
<button
|
|
645
683
|
type="button"
|
|
646
684
|
class="day"
|
|
647
|
-
part="${
|
|
685
|
+
part="${Ee}"
|
|
648
686
|
role="gridcell"
|
|
649
687
|
data-date="${g.iso}"
|
|
650
688
|
data-outside="${g.outside?"true":"false"}"
|
|
@@ -652,8 +690,8 @@
|
|
|
652
690
|
data-today="${g.today?"true":"false"}"
|
|
653
691
|
data-selected="${se?"true":"false"}"
|
|
654
692
|
data-range="${T?"true":"false"}"
|
|
655
|
-
data-range-start="${
|
|
656
|
-
data-range-end="${
|
|
693
|
+
data-range-start="${Y?"true":"false"}"
|
|
694
|
+
data-range-end="${j?"true":"false"}"
|
|
657
695
|
data-range-preview="${!T&&Te?"true":"false"}"
|
|
658
696
|
aria-selected="${se?"true":"false"}"
|
|
659
697
|
aria-disabled="${g.disabled?"true":"false"}"
|
|
@@ -663,9 +701,10 @@
|
|
|
663
701
|
tabindex="${Re}"
|
|
664
702
|
>
|
|
665
703
|
<span class="day-number" part="day-number">${g.parts.d}</span>
|
|
666
|
-
${ze}
|
|
667
|
-
${Ee}
|
|
668
704
|
</button>
|
|
705
|
+
${ze}
|
|
706
|
+
${$e}
|
|
707
|
+
</div>
|
|
669
708
|
`}).join("");ee.push(`<div class="week" role="row">${C}</div>`)}const De=this._monthPickerLabels(e).map((x,ae)=>{const C=ae+1;return`
|
|
670
709
|
<button
|
|
671
710
|
type="button"
|
|
@@ -674,28 +713,28 @@
|
|
|
674
713
|
data-action="pick-month"
|
|
675
714
|
data-month="${C}"
|
|
676
715
|
data-active="${C===i?"true":"false"}"
|
|
677
|
-
${
|
|
716
|
+
${v?"disabled":""}
|
|
678
717
|
>
|
|
679
718
|
${x}
|
|
680
719
|
</button>
|
|
681
|
-
`}).join(""),Se=ke.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" ${
|
|
682
|
-
<style>${
|
|
720
|
+
`}).join(""),Se=ke.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" ${v?"disabled":""}>${m(t.today)}</button>`:"",te=l==="loading"?t.syncingSchedule:l==="error"?t.unableToSyncEvents:l==="success"?t.scheduleSynced:"";this.setContent(`
|
|
721
|
+
<style>${Ye}</style>
|
|
683
722
|
<section
|
|
684
723
|
class="frame"
|
|
685
724
|
part="frame"
|
|
686
725
|
data-size="${f}"
|
|
687
|
-
data-state="${
|
|
688
|
-
aria-disabled="${
|
|
726
|
+
data-state="${l}"
|
|
727
|
+
aria-disabled="${v?"true":"false"}"
|
|
689
728
|
aria-label="${m(D)}"
|
|
690
729
|
>
|
|
691
|
-
<div class="live-region" aria-live="polite" aria-atomic="true">${m(
|
|
730
|
+
<div class="live-region" aria-live="polite" aria-atomic="true">${m(U)}</div>
|
|
692
731
|
|
|
693
732
|
<header class="header" part="header">
|
|
694
733
|
<div class="nav" part="nav">
|
|
695
|
-
<button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!_e||
|
|
734
|
+
<button type="button" class="nav-btn" part="prev" data-action="prev-month" ${!_e||v?"disabled":""} aria-label="${m(t.previousMonth)}">
|
|
696
735
|
<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>
|
|
697
736
|
</button>
|
|
698
|
-
<button type="button" class="nav-btn" part="next" data-action="next-month" ${!xe||
|
|
737
|
+
<button type="button" class="nav-btn" part="next" data-action="next-month" ${!xe||v?"disabled":""} aria-label="${m(t.nextMonth)}">
|
|
699
738
|
<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>
|
|
700
739
|
</button>
|
|
701
740
|
</div>
|
|
@@ -706,18 +745,18 @@
|
|
|
706
745
|
class="title-btn"
|
|
707
746
|
part="title monthyear"
|
|
708
747
|
data-action="toggle-monthyear"
|
|
709
|
-
${
|
|
748
|
+
${v?"disabled":""}
|
|
710
749
|
aria-expanded="${this._pickerOpen?"true":"false"}"
|
|
711
|
-
aria-label="${m(t.chooseMonthYear)}"
|
|
750
|
+
aria-label="${m(`${U}, ${t.chooseMonthYear}`)}"
|
|
712
751
|
>
|
|
713
|
-
<span>${m(
|
|
752
|
+
<span>${m(U)}</span>
|
|
714
753
|
<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>
|
|
715
754
|
</button>
|
|
716
755
|
<section class="monthyear-pop" part="monthyear" ${this._pickerOpen?"":"hidden"}>
|
|
717
756
|
<div class="picker-header">
|
|
718
|
-
<button type="button" class="picker-year-btn" part="prev" data-action="picker-prev-year" ${
|
|
757
|
+
<button type="button" class="picker-year-btn" part="prev" data-action="picker-prev-year" ${v?"disabled":""} aria-label="${m(t.previousYear)}">-</button>
|
|
719
758
|
<span class="picker-year">${a}</span>
|
|
720
|
-
<button type="button" class="picker-year-btn" part="next" data-action="picker-next-year" ${
|
|
759
|
+
<button type="button" class="picker-year-btn" part="next" data-action="picker-next-year" ${v?"disabled":""} aria-label="${m(t.nextYear)}">+</button>
|
|
721
760
|
</div>
|
|
722
761
|
<div class="picker-months">${De}</div>
|
|
723
762
|
</section>
|
|
@@ -733,9 +772,9 @@
|
|
|
733
772
|
<span>${m(te)}</span>
|
|
734
773
|
</div>
|
|
735
774
|
|
|
736
|
-
<
|
|
775
|
+
<div class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
|
|
737
776
|
<div class="weekdays" role="row">${Se}</div>
|
|
738
777
|
${ee.join("")}
|
|
739
|
-
</
|
|
778
|
+
</div>
|
|
740
779
|
</section>
|
|
741
|
-
`);const Ie=this._focusedIso,Ce=this._shouldRefocus;this._shouldRefocus=!1,Ce&&queueMicrotask(()=>{this.isConnected&&this._focusDateButton(Ie)})}shouldRenderOnAttributeChange(e,t,n){return!1}}typeof customElements<"u"&&!customElements.get("ui-calendar")&&customElements.define("ui-calendar",ye);exports.UICalendar=ye;exports.addDaysISO=
|
|
780
|
+
`);const Ie=this._focusedIso,Ce=this._shouldRefocus;this._shouldRefocus=!1,Ce&&queueMicrotask(()=>{this.isConnected&&this._focusDateButton(Ie)})}shouldRenderOnAttributeChange(e,t,n){return!1}}typeof customElements<"u"&&!customElements.get("ui-calendar")&&customElements.define("ui-calendar",ye);exports.UICalendar=ye;exports.addDaysISO=ve;exports.addMonthsISO=be;exports.compareISO=k;exports.endOfMonth=me;exports.parseISO=c;exports.resolveDateTimeTranslations=fe;exports.startOfMonth=W;
|
package/dist/calendar.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-Qa-cFOp3.js");exports.UICalendar=e.UICalendar;exports.addDaysISO=e.addDaysISO;exports.addMonthsISO=e.addMonthsISO;exports.compareISO=e.compareISO;exports.endOfMonth=e.endOfMonth;exports.parseISO=e.parseISO;exports.startOfMonth=e.startOfMonth;
|
package/dist/calendar.esm.js
CHANGED
package/dist/card.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./ElementBase-EV6mVBUV.js"),c=`
|
|
2
2
|
:host {
|
|
3
3
|
--ui-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
|
|
4
4
|
--ui-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
|
|
@@ -72,11 +72,11 @@
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
:host([tone="success"]) {
|
|
75
|
-
--ui-card-accent: var(--ui-color-success, #
|
|
75
|
+
--ui-card-accent: var(--ui-color-success, #15803d);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
:host([tone="warning"]) {
|
|
79
|
-
--ui-card-accent: var(--ui-color-warning, #
|
|
79
|
+
--ui-card-accent: var(--ui-color-warning, #b45309);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
:host([tone="danger"]) {
|
|
@@ -284,9 +284,9 @@
|
|
|
284
284
|
box-shadow: none;
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
|
-
`;function
|
|
288
|
-
<style>${
|
|
289
|
-
<
|
|
287
|
+
`;function l(o){if(!o||!o.trim())return"var(--base-card-radius, var(--ui-radius, 4px))";const i=o.trim().toLowerCase();return i==="full"?"999px":/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:o}const s="data-ui-card-auto-label";class d extends n.ElementBase{constructor(){super(...arguments),this._slotCleanup=[],this._onKeyDownBound=this._onKeyDown.bind(this)}static get observedAttributes(){return["variant","size","radius","tone","elevation","interactive","disabled","tabindex","role"]}connectedCallback(){super.connectedCallback(),this._syncHostStyles(),this.addEventListener("keydown",this._onKeyDownBound),this._syncAccessibilityState()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeyDownBound),this._cleanupSlotListeners()}attributeChangedCallback(i,r,e){super.attributeChangedCallback(i,r,e),r!==e&&(i==="radius"&&this._syncHostStyles(),(i==="interactive"||i==="disabled"||i==="tabindex"||i==="role")&&this._syncAccessibilityState())}shouldRenderOnAttributeChange(){return!1}render(){this.setContent(`
|
|
288
|
+
<style>${c}</style>
|
|
289
|
+
<div class="card" part="card" role="group">
|
|
290
290
|
<div class="section media" part="media" hidden>
|
|
291
291
|
<slot name="media"></slot>
|
|
292
292
|
</div>
|
|
@@ -302,5 +302,5 @@
|
|
|
302
302
|
<div class="section footer" part="footer" hidden>
|
|
303
303
|
<slot name="footer"></slot>
|
|
304
304
|
</div>
|
|
305
|
-
</
|
|
306
|
-
`),this._syncHostStyles(),this._bindSlotListeners(),this._syncSlotState()}_syncHostStyles(){this.style.setProperty("--ui-card-radius",
|
|
305
|
+
</div>
|
|
306
|
+
`),this._syncHostStyles(),this._bindSlotListeners(),this._syncSlotState()}_syncHostStyles(){this.style.setProperty("--ui-card-radius",l(this.getAttribute("radius")))}_syncAccessibilityState(){const i=this.hasAttribute("interactive"),r=this.hasAttribute("disabled");if(!i){this._clearAutoLabel(),this.getAttribute("role")==="button"&&this.removeAttribute("role"),this.removeAttribute("aria-disabled"),(this.getAttribute("tabindex")==="0"||this.getAttribute("tabindex")==="-1")&&this.removeAttribute("tabindex");return}this.hasAttribute("role")||this.setAttribute("role","button"),this.setAttribute("aria-disabled",r?"true":"false"),this._syncAutoLabel(),this.hasAttribute("tabindex")?r&&this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",r?"-1":"0")}_shownText(){const i=[],r=t=>{if(t.nodeType===Node.TEXT_NODE){const a=t.textContent||"";a.trim()&&i.push({text:a,parent:t.parentNode});return}if(t instanceof Element&&!(t.hasAttribute("hidden")||t.getAttribute("aria-hidden")==="true")&&!(t.tagName==="STYLE"||t.tagName==="SCRIPT")){if(t instanceof HTMLSlotElement){const a=t.assignedNodes({flatten:!0});(a.length?a:Array.from(t.childNodes)).forEach(r);return}t.childNodes.forEach(r)}};this.root.childNodes.forEach(r);let e="";return i.forEach((t,a)=>{e+=a>0&&i[a-1].parent!==t.parent?` ${t.text}`:t.text}),e.replace(/\s+/g," ").trim().slice(0,500)}_clearAutoLabel(){this.hasAttribute(s)&&(this.removeAttribute("aria-label"),this.removeAttribute(s))}_syncAutoLabel(){if(this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-label")&&!this.hasAttribute(s)||this.getAttribute("role")!=="button"){this._clearAutoLabel();return}const r=this._shownText();if(!r){this._clearAutoLabel();return}this.getAttribute("aria-label")!==r&&this.setAttribute("aria-label",r),this.setAttribute(s,"")}_cleanupSlotListeners(){for(const i of this._slotCleanup)i();this._slotCleanup=[]}_bindSlotListeners(){this._cleanupSlotListeners(),this.root.querySelectorAll("slot").forEach(r=>{const e=()=>this._syncSlotState();r.addEventListener("slotchange",e),this._slotCleanup.push(()=>r.removeEventListener("slotchange",e))})}_syncSlotState(){this._toggleSection("media"),this._toggleSection("inset"),this._toggleSection("header"),this._toggleSection("footer"),this.hasAttribute("interactive")&&this._syncAutoLabel()}_toggleSection(i){const r=this.root.querySelector(`slot[name="${i}"]`),e=this.root.querySelector(`.${i}`);if(!r||!e)return;const t=r.assignedNodes({flatten:!0}).some(a=>a.nodeType===Node.TEXT_NODE?!!a.textContent?.trim():!0);e.hidden=!t}_onKeyDown(i){!this.hasAttribute("interactive")||this.hasAttribute("disabled")||i.defaultPrevented||i.target===this&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),this.click())}}typeof customElements<"u"&&!customElements.get("ui-card")&&customElements.define("ui-card",d);exports.UICard=d;
|
package/dist/card.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { E as
|
|
2
|
-
const
|
|
1
|
+
import { E as d } from "./ElementBase-YlTLMsGk.mjs";
|
|
2
|
+
const n = `
|
|
3
3
|
:host {
|
|
4
4
|
--ui-card-radius: var(--base-card-radius, var(--ui-radius, 4px));
|
|
5
5
|
--ui-card-bg: var(--base-card-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
|
|
@@ -73,11 +73,11 @@ const d = `
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
:host([tone="success"]) {
|
|
76
|
-
--ui-card-accent: var(--ui-color-success, #
|
|
76
|
+
--ui-card-accent: var(--ui-color-success, #15803d);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
:host([tone="warning"]) {
|
|
80
|
-
--ui-card-accent: var(--ui-color-warning, #
|
|
80
|
+
--ui-card-accent: var(--ui-color-warning, #b45309);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
:host([tone="danger"]) {
|
|
@@ -286,12 +286,13 @@ const d = `
|
|
|
286
286
|
}
|
|
287
287
|
}
|
|
288
288
|
`;
|
|
289
|
-
function
|
|
290
|
-
if (!
|
|
291
|
-
const i =
|
|
292
|
-
return i === "full" ? "999px" : /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` :
|
|
289
|
+
function c(o) {
|
|
290
|
+
if (!o || !o.trim()) return "var(--base-card-radius, var(--ui-radius, 4px))";
|
|
291
|
+
const i = o.trim().toLowerCase();
|
|
292
|
+
return i === "full" ? "999px" : /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : o;
|
|
293
293
|
}
|
|
294
|
-
|
|
294
|
+
const s = "data-ui-card-auto-label";
|
|
295
|
+
class l extends d {
|
|
295
296
|
constructor() {
|
|
296
297
|
super(...arguments), this._slotCleanup = [], this._onKeyDownBound = this._onKeyDown.bind(this);
|
|
297
298
|
}
|
|
@@ -312,8 +313,8 @@ class c extends s {
|
|
|
312
313
|
}
|
|
313
314
|
render() {
|
|
314
315
|
this.setContent(`
|
|
315
|
-
<style>${
|
|
316
|
-
<
|
|
316
|
+
<style>${n}</style>
|
|
317
|
+
<div class="card" part="card" role="group">
|
|
317
318
|
<div class="section media" part="media" hidden>
|
|
318
319
|
<slot name="media"></slot>
|
|
319
320
|
</div>
|
|
@@ -329,19 +330,61 @@ class c extends s {
|
|
|
329
330
|
<div class="section footer" part="footer" hidden>
|
|
330
331
|
<slot name="footer"></slot>
|
|
331
332
|
</div>
|
|
332
|
-
</
|
|
333
|
+
</div>
|
|
333
334
|
`), this._syncHostStyles(), this._bindSlotListeners(), this._syncSlotState();
|
|
334
335
|
}
|
|
335
336
|
_syncHostStyles() {
|
|
336
|
-
this.style.setProperty("--ui-card-radius",
|
|
337
|
+
this.style.setProperty("--ui-card-radius", c(this.getAttribute("radius")));
|
|
337
338
|
}
|
|
338
339
|
_syncAccessibilityState() {
|
|
339
340
|
const i = this.hasAttribute("interactive"), r = this.hasAttribute("disabled");
|
|
340
341
|
if (!i) {
|
|
341
|
-
this.getAttribute("role") === "button" && this.removeAttribute("role"), this.removeAttribute("aria-disabled"), (this.getAttribute("tabindex") === "0" || this.getAttribute("tabindex") === "-1") && this.removeAttribute("tabindex");
|
|
342
|
+
this._clearAutoLabel(), this.getAttribute("role") === "button" && this.removeAttribute("role"), this.removeAttribute("aria-disabled"), (this.getAttribute("tabindex") === "0" || this.getAttribute("tabindex") === "-1") && this.removeAttribute("tabindex");
|
|
342
343
|
return;
|
|
343
344
|
}
|
|
344
|
-
this.hasAttribute("role") || this.setAttribute("role", "button"), this.setAttribute("aria-disabled", r ? "true" : "false"), this.hasAttribute("tabindex") ? r && this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1") : this.setAttribute("tabindex", r ? "-1" : "0");
|
|
345
|
+
this.hasAttribute("role") || this.setAttribute("role", "button"), this.setAttribute("aria-disabled", r ? "true" : "false"), this._syncAutoLabel(), this.hasAttribute("tabindex") ? r && this.getAttribute("tabindex") !== "-1" && this.setAttribute("tabindex", "-1") : this.setAttribute("tabindex", r ? "-1" : "0");
|
|
346
|
+
}
|
|
347
|
+
// Chromium derives no name from this card's slotted content, so an interactive card (role
|
|
348
|
+
// "button") was exposed unnamed. Name it after the text it shows, unless the author gave it a name:
|
|
349
|
+
// a button is named by its content, and WCAG 2.5.3 wants the words shown to be part of the name.
|
|
350
|
+
// The text the card shows, in the order it is drawn (the shadow template's slot order, not the order
|
|
351
|
+
// of the light DOM children), with a space where one element ends and the next begins.
|
|
352
|
+
_shownText() {
|
|
353
|
+
const i = [], r = (t) => {
|
|
354
|
+
if (t.nodeType === Node.TEXT_NODE) {
|
|
355
|
+
const a = t.textContent || "";
|
|
356
|
+
a.trim() && i.push({ text: a, parent: t.parentNode });
|
|
357
|
+
return;
|
|
358
|
+
}
|
|
359
|
+
if (t instanceof Element && !(t.hasAttribute("hidden") || t.getAttribute("aria-hidden") === "true") && !(t.tagName === "STYLE" || t.tagName === "SCRIPT")) {
|
|
360
|
+
if (t instanceof HTMLSlotElement) {
|
|
361
|
+
const a = t.assignedNodes({ flatten: !0 });
|
|
362
|
+
(a.length ? a : Array.from(t.childNodes)).forEach(r);
|
|
363
|
+
return;
|
|
364
|
+
}
|
|
365
|
+
t.childNodes.forEach(r);
|
|
366
|
+
}
|
|
367
|
+
};
|
|
368
|
+
this.root.childNodes.forEach(r);
|
|
369
|
+
let e = "";
|
|
370
|
+
return i.forEach((t, a) => {
|
|
371
|
+
e += a > 0 && i[a - 1].parent !== t.parent ? ` ${t.text}` : t.text;
|
|
372
|
+
}), e.replace(/\s+/g, " ").trim().slice(0, 500);
|
|
373
|
+
}
|
|
374
|
+
_clearAutoLabel() {
|
|
375
|
+
this.hasAttribute(s) && (this.removeAttribute("aria-label"), this.removeAttribute(s));
|
|
376
|
+
}
|
|
377
|
+
_syncAutoLabel() {
|
|
378
|
+
if (this.hasAttribute("aria-labelledby") || this.hasAttribute("aria-label") && !this.hasAttribute(s) || this.getAttribute("role") !== "button") {
|
|
379
|
+
this._clearAutoLabel();
|
|
380
|
+
return;
|
|
381
|
+
}
|
|
382
|
+
const r = this._shownText();
|
|
383
|
+
if (!r) {
|
|
384
|
+
this._clearAutoLabel();
|
|
385
|
+
return;
|
|
386
|
+
}
|
|
387
|
+
this.getAttribute("aria-label") !== r && this.setAttribute("aria-label", r), this.setAttribute(s, "");
|
|
345
388
|
}
|
|
346
389
|
_cleanupSlotListeners() {
|
|
347
390
|
for (const i of this._slotCleanup) i();
|
|
@@ -354,19 +397,19 @@ class c extends s {
|
|
|
354
397
|
});
|
|
355
398
|
}
|
|
356
399
|
_syncSlotState() {
|
|
357
|
-
this._toggleSection("media"), this._toggleSection("inset"), this._toggleSection("header"), this._toggleSection("footer");
|
|
400
|
+
this._toggleSection("media"), this._toggleSection("inset"), this._toggleSection("header"), this._toggleSection("footer"), this.hasAttribute("interactive") && this._syncAutoLabel();
|
|
358
401
|
}
|
|
359
402
|
_toggleSection(i) {
|
|
360
403
|
const r = this.root.querySelector(`slot[name="${i}"]`), e = this.root.querySelector(`.${i}`);
|
|
361
404
|
if (!r || !e) return;
|
|
362
|
-
const
|
|
363
|
-
e.hidden = !
|
|
405
|
+
const t = r.assignedNodes({ flatten: !0 }).some((a) => a.nodeType === Node.TEXT_NODE ? !!a.textContent?.trim() : !0);
|
|
406
|
+
e.hidden = !t;
|
|
364
407
|
}
|
|
365
408
|
_onKeyDown(i) {
|
|
366
409
|
!this.hasAttribute("interactive") || this.hasAttribute("disabled") || i.defaultPrevented || i.target === this && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), this.click());
|
|
367
410
|
}
|
|
368
411
|
}
|
|
369
|
-
typeof customElements < "u" && !customElements.get("ui-card") && customElements.define("ui-card",
|
|
412
|
+
typeof customElements < "u" && !customElements.get("ui-card") && customElements.define("ui-card", l);
|
|
370
413
|
export {
|
|
371
|
-
|
|
414
|
+
l as UICard
|
|
372
415
|
};
|