@editora/ui-core 0.1.21 → 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.
Files changed (274) hide show
  1. package/dist/accordion.cjs.js +3 -3
  2. package/dist/accordion.esm.js +3 -3
  3. package/dist/alert-dialog.cjs.js +32 -32
  4. package/dist/alert-dialog.esm.js +95 -75
  5. package/dist/alert.cjs.js +6 -6
  6. package/dist/alert.esm.js +6 -6
  7. package/dist/animated-list.cjs.js +4 -4
  8. package/dist/animated-list.esm.js +4 -4
  9. package/dist/animated-text.cjs.js +4 -4
  10. package/dist/animated-text.esm.js +4 -4
  11. package/dist/app-header.cjs.js +3 -3
  12. package/dist/app-header.esm.js +3 -3
  13. package/dist/aspect-ratio.cjs.js +3 -3
  14. package/dist/aspect-ratio.esm.js +3 -3
  15. package/dist/avatar.cjs.js +14 -14
  16. package/dist/avatar.esm.js +31 -29
  17. package/dist/badge.cjs.js +4 -4
  18. package/dist/badge.esm.js +4 -4
  19. package/dist/block-controls.cjs.js +4 -4
  20. package/dist/block-controls.esm.js +4 -4
  21. package/dist/box.cjs.js +2 -2
  22. package/dist/box.esm.js +2 -2
  23. package/dist/breadcrumb.cjs.js +5 -5
  24. package/dist/breadcrumb.esm.js +5 -5
  25. package/dist/button.cjs.js +1 -1
  26. package/dist/button.esm.js +1 -1
  27. package/dist/{calendar-DLY4acgn.mjs → calendar-DbxYRdlv.mjs} +227 -183
  28. package/dist/{calendar-Dkof-FTK.js → calendar-Qa-cFOp3.js} +74 -35
  29. package/dist/calendar.cjs.js +1 -1
  30. package/dist/calendar.esm.js +1 -1
  31. package/dist/card.cjs.js +8 -8
  32. package/dist/card.esm.js +63 -20
  33. package/dist/chart.cjs.js +4 -4
  34. package/dist/chart.esm.js +6 -6
  35. package/dist/checkbox.cjs.js +2 -2
  36. package/dist/checkbox.esm.js +2 -2
  37. package/dist/collapsible.cjs.js +7 -7
  38. package/dist/collapsible.esm.js +7 -7
  39. package/dist/color-picker.cjs.js +30 -10
  40. package/dist/color-picker.esm.js +82 -60
  41. package/dist/combobox.cjs.js +29 -27
  42. package/dist/combobox.esm.js +51 -45
  43. package/dist/command.cjs.js +2 -2
  44. package/dist/command.esm.js +2 -2
  45. package/dist/components/ui-alert-dialog.d.ts +1 -0
  46. package/dist/components/ui-alert-dialog.d.ts.map +1 -1
  47. package/dist/components/ui-avatar.d.ts +1 -0
  48. package/dist/components/ui-avatar.d.ts.map +1 -1
  49. package/dist/components/ui-button.d.ts +1 -0
  50. package/dist/components/ui-button.d.ts.map +1 -1
  51. package/dist/components/ui-calendar.d.ts.map +1 -1
  52. package/dist/components/ui-card.d.ts +3 -0
  53. package/dist/components/ui-card.d.ts.map +1 -1
  54. package/dist/components/ui-checkbox.d.ts.map +1 -1
  55. package/dist/components/ui-color-picker.d.ts.map +1 -1
  56. package/dist/components/ui-combobox.d.ts.map +1 -1
  57. package/dist/components/ui-data-table.d.ts.map +1 -1
  58. package/dist/components/ui-date-field.d.ts.map +1 -1
  59. package/dist/components/ui-date-picker.d.ts.map +1 -1
  60. package/dist/components/ui-date-range-picker.d.ts.map +1 -1
  61. package/dist/components/ui-date-range-time-picker.d.ts.map +1 -1
  62. package/dist/components/ui-date-time-picker.d.ts.map +1 -1
  63. package/dist/components/ui-dock.d.ts +1 -0
  64. package/dist/components/ui-dock.d.ts.map +1 -1
  65. package/dist/components/ui-drawer.d.ts.map +1 -1
  66. package/dist/components/ui-dropdown.d.ts.map +1 -1
  67. package/dist/components/ui-field.d.ts.map +1 -1
  68. package/dist/components/ui-file-upload.d.ts.map +1 -1
  69. package/dist/components/ui-gantt.d.ts.map +1 -1
  70. package/dist/components/ui-input.d.ts.map +1 -1
  71. package/dist/components/ui-menu.d.ts.map +1 -1
  72. package/dist/components/ui-multi-select.d.ts.map +1 -1
  73. package/dist/components/ui-number-field.d.ts.map +1 -1
  74. package/dist/components/ui-password-field.d.ts.map +1 -1
  75. package/dist/components/ui-pin-input.d.ts +1 -0
  76. package/dist/components/ui-pin-input.d.ts.map +1 -1
  77. package/dist/components/ui-placement-grid.d.ts.map +1 -1
  78. package/dist/components/ui-progress.d.ts.map +1 -1
  79. package/dist/components/ui-radio.d.ts.map +1 -1
  80. package/dist/components/ui-rating.d.ts +1 -0
  81. package/dist/components/ui-rating.d.ts.map +1 -1
  82. package/dist/components/ui-select.d.ts.map +1 -1
  83. package/dist/components/ui-sortable.d.ts.map +1 -1
  84. package/dist/components/ui-switch.d.ts.map +1 -1
  85. package/dist/components/ui-table.d.ts.map +1 -1
  86. package/dist/components/ui-tabs.d.ts +1 -0
  87. package/dist/components/ui-tabs.d.ts.map +1 -1
  88. package/dist/components/ui-tags-input.d.ts +1 -0
  89. package/dist/components/ui-tags-input.d.ts.map +1 -1
  90. package/dist/components/ui-textarea.d.ts.map +1 -1
  91. package/dist/components/ui-time-field.d.ts.map +1 -1
  92. package/dist/components/ui-toggle-group.d.ts.map +1 -1
  93. package/dist/components/ui-toggle.d.ts.map +1 -1
  94. package/dist/components/ui-tree.d.ts.map +1 -1
  95. package/dist/components/ui-wizard.d.ts.map +1 -1
  96. package/dist/context-menu.cjs.js +3 -3
  97. package/dist/context-menu.esm.js +4 -4
  98. package/dist/control-name-BmoI1m3a.js +1 -0
  99. package/dist/control-name-Bpj7F34X.mjs +48 -0
  100. package/dist/data-table.cjs.js +5 -2
  101. package/dist/data-table.esm.js +145 -142
  102. package/dist/date-field.cjs.js +5 -5
  103. package/dist/date-field.esm.js +34 -31
  104. package/dist/date-picker.cjs.js +16 -16
  105. package/dist/date-picker.esm.js +48 -44
  106. package/dist/date-range-picker.cjs.js +5 -5
  107. package/dist/date-range-picker.esm.js +120 -118
  108. package/dist/date-range-time-picker.cjs.js +22 -22
  109. package/dist/date-range-time-picker.esm.js +88 -84
  110. package/dist/date-time-picker.cjs.js +23 -23
  111. package/dist/date-time-picker.esm.js +102 -98
  112. package/dist/{date-time-utils-Dmost5Ee.js → date-time-utils-BzfTpeU-.js} +1 -1
  113. package/dist/{date-time-utils-y1N2gvG2.mjs → date-time-utils-Cps2aSu2.mjs} +1 -1
  114. package/dist/description.cjs.js +3 -3
  115. package/dist/description.esm.js +3 -3
  116. package/dist/dialog.cjs.js +2 -2
  117. package/dist/dialog.esm.js +2 -2
  118. package/dist/dock.cjs.js +12 -12
  119. package/dist/dock.esm.js +72 -74
  120. package/dist/drawer.cjs.js +19 -19
  121. package/dist/drawer.esm.js +58 -58
  122. package/dist/dropdown.cjs.js +13 -13
  123. package/dist/dropdown.esm.js +49 -48
  124. package/dist/empty-state.cjs.js +3 -3
  125. package/dist/empty-state.esm.js +3 -3
  126. package/dist/field-error.cjs.js +1 -1
  127. package/dist/field-error.esm.js +1 -1
  128. package/dist/field.cjs.js +12 -12
  129. package/dist/field.esm.js +84 -75
  130. package/dist/fieldset.cjs.js +4 -4
  131. package/dist/fieldset.esm.js +4 -4
  132. package/dist/file-upload.cjs.js +3 -3
  133. package/dist/file-upload.esm.js +5 -3
  134. package/dist/floating-toolbar.cjs.js +8 -8
  135. package/dist/floating-toolbar.esm.js +9 -9
  136. package/dist/form.cjs.js +11 -11
  137. package/dist/form.esm.js +11 -11
  138. package/dist/gantt.cjs.js +43 -32
  139. package/dist/gantt.esm.js +99 -88
  140. package/dist/icon-cloud.cjs.js +3 -3
  141. package/dist/icon-cloud.esm.js +3 -3
  142. package/dist/icon.cjs.js +1 -1
  143. package/dist/icon.esm.js +1 -1
  144. package/dist/index.cjs.js +1 -1
  145. package/dist/index.esm.js +121 -118
  146. package/dist/inline-edit.cjs.js +1 -1
  147. package/dist/inline-edit.esm.js +1 -1
  148. package/dist/input.cjs.js +14 -14
  149. package/dist/input.esm.js +39 -32
  150. package/dist/label.cjs.js +3 -3
  151. package/dist/label.esm.js +3 -3
  152. package/dist/{listbox-B6QgECax.js → listbox-CTpRpuF7.js} +1 -1
  153. package/dist/{listbox-DJamVeFj.mjs → listbox-hMVOhKHC.mjs} +1 -1
  154. package/dist/listbox.cjs.js +1 -1
  155. package/dist/listbox.esm.js +1 -1
  156. package/dist/marquee.cjs.js +3 -3
  157. package/dist/marquee.esm.js +3 -3
  158. package/dist/{menu-item-styles-CbNUEwP2.js → menu-item-styles-B4onAr4C.js} +3 -3
  159. package/dist/{menu-item-styles-CZiPwPwl.mjs → menu-item-styles-IGSFLAHu.mjs} +3 -3
  160. package/dist/menu.cjs.js +7 -7
  161. package/dist/menu.esm.js +29 -28
  162. package/dist/menubar.cjs.js +1 -1
  163. package/dist/menubar.esm.js +2 -2
  164. package/dist/meter.cjs.js +1 -1
  165. package/dist/meter.esm.js +1 -1
  166. package/dist/multi-select.cjs.js +17 -17
  167. package/dist/multi-select.esm.js +51 -43
  168. package/dist/navigation-menu.cjs.js +1 -1
  169. package/dist/navigation-menu.esm.js +1 -1
  170. package/dist/number-field.cjs.js +11 -13
  171. package/dist/number-field.esm.js +29 -27
  172. package/dist/number-ticker.cjs.js +4 -4
  173. package/dist/number-ticker.esm.js +4 -4
  174. package/dist/odometer.cjs.js +2 -2
  175. package/dist/odometer.esm.js +2 -2
  176. package/dist/orbiter.cjs.js +3 -3
  177. package/dist/orbiter.esm.js +3 -3
  178. package/dist/pagination.cjs.js +1 -1
  179. package/dist/pagination.esm.js +1 -1
  180. package/dist/password-field.cjs.js +23 -23
  181. package/dist/password-field.esm.js +48 -47
  182. package/dist/pin-input.cjs.js +8 -6
  183. package/dist/pin-input.esm.js +21 -15
  184. package/dist/placement-grid.cjs.js +4 -4
  185. package/dist/placement-grid.esm.js +58 -58
  186. package/dist/plugin-panel.cjs.js +1 -1
  187. package/dist/plugin-panel.esm.js +1 -1
  188. package/dist/popover.cjs.js +5 -5
  189. package/dist/popover.esm.js +4 -4
  190. package/dist/primitives/control-name.d.ts +30 -0
  191. package/dist/primitives/control-name.d.ts.map +1 -0
  192. package/dist/primitives/trigger.d.ts +2 -0
  193. package/dist/primitives/trigger.d.ts.map +1 -0
  194. package/dist/progress.cjs.js +4 -4
  195. package/dist/progress.esm.js +20 -18
  196. package/dist/quick-actions.cjs.js +3 -3
  197. package/dist/quick-actions.esm.js +3 -3
  198. package/dist/radio-group.cjs.js +1 -1
  199. package/dist/radio-group.esm.js +1 -1
  200. package/dist/radio.cjs.js +2 -2
  201. package/dist/radio.esm.js +2 -2
  202. package/dist/rating.cjs.js +17 -16
  203. package/dist/rating.esm.js +91 -92
  204. package/dist/{runtime-D1gFh1fS.mjs → runtime-CFnK53iC.mjs} +133 -94
  205. package/dist/runtime-DwE-tizc.js +1 -0
  206. package/dist/runtime.cjs.js +1 -1
  207. package/dist/runtime.d.ts +1 -1
  208. package/dist/runtime.d.ts.map +1 -1
  209. package/dist/runtime.esm.js +29 -26
  210. package/dist/select.cjs.js +20 -19
  211. package/dist/select.esm.js +36 -32
  212. package/dist/selection-popup.cjs.js +2 -2
  213. package/dist/selection-popup.esm.js +2 -2
  214. package/dist/separator.cjs.js +7 -7
  215. package/dist/separator.esm.js +7 -7
  216. package/dist/sidebar.cjs.js +7 -7
  217. package/dist/sidebar.esm.js +7 -7
  218. package/dist/skeleton.cjs.js +7 -7
  219. package/dist/skeleton.esm.js +7 -7
  220. package/dist/slider.cjs.js +3 -3
  221. package/dist/slider.esm.js +3 -3
  222. package/dist/slot.cjs.js +3 -3
  223. package/dist/slot.esm.js +3 -3
  224. package/dist/sortable.cjs.js +41 -42
  225. package/dist/sortable.esm.js +98 -99
  226. package/dist/spinning-text.cjs.js +3 -3
  227. package/dist/spinning-text.esm.js +3 -3
  228. package/dist/split-button.cjs.js +1 -1
  229. package/dist/split-button.esm.js +1 -1
  230. package/dist/stepper.cjs.js +1 -1
  231. package/dist/stepper.esm.js +1 -1
  232. package/dist/switch.cjs.js +10 -12
  233. package/dist/switch.esm.js +10 -12
  234. package/dist/table.cjs.js +9 -6
  235. package/dist/table.esm.js +46 -43
  236. package/dist/tabs.cjs.js +20 -21
  237. package/dist/tabs.esm.js +70 -66
  238. package/dist/tags-input.cjs.js +9 -9
  239. package/dist/tags-input.esm.js +32 -25
  240. package/dist/textarea.cjs.js +10 -10
  241. package/dist/textarea.esm.js +30 -21
  242. package/dist/theme.d.ts +18 -0
  243. package/dist/theme.d.ts.map +1 -1
  244. package/dist/time-field.cjs.js +5 -5
  245. package/dist/time-field.esm.js +21 -18
  246. package/dist/time-picker.cjs.js +4 -4
  247. package/dist/time-picker.esm.js +5 -5
  248. package/dist/timeline.cjs.js +2 -2
  249. package/dist/timeline.esm.js +4 -4
  250. package/dist/toast.cjs.js +6 -6
  251. package/dist/toast.esm.js +13 -13
  252. package/dist/toggle-group.cjs.js +5 -6
  253. package/dist/toggle-group.esm.js +63 -60
  254. package/dist/toggle.cjs.js +18 -18
  255. package/dist/toggle.esm.js +32 -31
  256. package/dist/tooltip.cjs.js +4 -4
  257. package/dist/tooltip.esm.js +4 -4
  258. package/dist/transfer-list.cjs.js +3 -3
  259. package/dist/transfer-list.esm.js +3 -3
  260. package/dist/tree-7qbVnpGp.js +39 -0
  261. package/dist/{tree-B3kE8ESs.mjs → tree-Deoft-kO.mjs} +34 -33
  262. package/dist/tree.cjs.js +1 -1
  263. package/dist/tree.esm.js +1 -1
  264. package/dist/trigger-BjnxLCeQ.mjs +9 -0
  265. package/dist/trigger-DkPsKxsP.js +1 -0
  266. package/dist/{ui-button-rXQOS9QJ.js → ui-button-BInsgSbr.js} +27 -26
  267. package/dist/{ui-button-Q0GNNWKC.mjs → ui-button-rfiuUnUD.mjs} +65 -48
  268. package/dist/{ui-icon-YI6lyuqU.mjs → ui-icon-BSi_GtqO.mjs} +2 -2
  269. package/dist/{ui-icon-BzVNC_lr.js → ui-icon-Bvt9oIIR.js} +5 -5
  270. package/dist/wizard.cjs.js +12 -13
  271. package/dist/wizard.esm.js +17 -15
  272. package/package.json +1 -1
  273. package/dist/runtime-CTaOSmBj.js +0 -1
  274. package/dist/tree-Dx_kv_ih.js +0 -39
@@ -1,9 +1,9 @@
1
- "use strict";const $e=require("./ElementBase-EV6mVBUV.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},oe=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,n])=>{typeof n=="string"&&(e[t]=n)}),e}function Ue(r,e){if(!r)return{};try{const t=JSON.parse(r);if(!t||typeof t!="object"||Array.isArray(t))return{};const n=le(t),a=le(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=Be[t],s=Ue(e,t),l={...i,...s};return oe.set(n,l),l}const Ne=`
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, #64748b);
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, #64748b) 76%, var(--ui-color-text, #0f172a) 24%);
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, #16a34a);
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, #d97706);
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, #16a34a);
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
- min-block-size: 10px;
416
- display: inline-flex;
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
- .day:focus-within .tooltip {
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, #16a34a) 28%, transparent), var(--ui-calendar-shadow);
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,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}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,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}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="${T||N||Y?"day range":"day"}"
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="${N?"true":"false"}"
656
- data-range-end="${Y?"true":"false"}"
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
- ${b?"disabled":""}
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" ${b?"disabled":""}>${m(t.today)}</button>`:"",te=d==="loading"?t.syncingSchedule:d==="error"?t.unableToSyncEvents:d==="success"?t.scheduleSynced:"";this.setContent(`
682
- <style>${Ne}</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="${d}"
688
- aria-disabled="${b?"true":"false"}"
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(Z)}</div>
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||b?"disabled":""} aria-label="${m(t.previousMonth)}">
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||b?"disabled":""} aria-label="${m(t.nextMonth)}">
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
- ${b?"disabled":""}
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(Z)}</span>
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" ${b?"disabled":""} aria-label="${m(t.previousYear)}">-</button>
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" ${b?"disabled":""} aria-label="${m(t.nextYear)}">+</button>
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
- <section class="grid-wrap" part="grid" role="grid" aria-label="${m(D)}">
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
- </section>
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=be;exports.addMonthsISO=ve;exports.compareISO=k;exports.endOfMonth=me;exports.parseISO=c;exports.resolveDateTimeTranslations=fe;exports.startOfMonth=K;
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;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./calendar-Dkof-FTK.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;
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;
@@ -1,4 +1,4 @@
1
- import { U as d, a as e, b as o, c as r, e as t, p as O, s as n } from "./calendar-DLY4acgn.mjs";
1
+ import { U as d, a as e, b as o, c as r, e as t, p as O, s as n } from "./calendar-DbxYRdlv.mjs";
2
2
  export {
3
3
  d as UICalendar,
4
4
  e as addDaysISO,
package/dist/card.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./ElementBase-EV6mVBUV.js"),n=`
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, #16a34a);
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, #d97706);
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 c(a){if(!a||!a.trim())return"var(--base-card-radius, var(--ui-radius, 4px))";const i=a.trim().toLowerCase();return i==="full"?"999px":/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:a}class o extends d.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>${n}</style>
289
- <article class="card" part="card" role="group">
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
- </article>
306
- `),this._syncHostStyles(),this._bindSlotListeners(),this._syncSlotState()}_syncHostStyles(){this.style.setProperty("--ui-card-radius",c(this.getAttribute("radius")))}_syncAccessibilityState(){const i=this.hasAttribute("interactive"),r=this.hasAttribute("disabled");if(!i){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.hasAttribute("tabindex")?r&&this.getAttribute("tabindex")!=="-1"&&this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",r?"-1":"0")}_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")}_toggleSection(i){const r=this.root.querySelector(`slot[name="${i}"]`),e=this.root.querySelector(`.${i}`);if(!r||!e)return;const s=r.assignedNodes({flatten:!0}).some(t=>t.nodeType===Node.TEXT_NODE?!!t.textContent?.trim():!0);e.hidden=!s}_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",o);exports.UICard=o;
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 s } from "./ElementBase-YlTLMsGk.mjs";
2
- const d = `
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, #16a34a);
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, #d97706);
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 n(a) {
290
- if (!a || !a.trim()) return "var(--base-card-radius, var(--ui-radius, 4px))";
291
- const i = a.trim().toLowerCase();
292
- return i === "full" ? "999px" : /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : a;
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
- class c extends s {
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>${d}</style>
316
- <article class="card" part="card" role="group">
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
- </article>
333
+ </div>
333
334
  `), this._syncHostStyles(), this._bindSlotListeners(), this._syncSlotState();
334
335
  }
335
336
  _syncHostStyles() {
336
- this.style.setProperty("--ui-card-radius", n(this.getAttribute("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 o = r.assignedNodes({ flatten: !0 }).some((t) => t.nodeType === Node.TEXT_NODE ? !!t.textContent?.trim() : !0);
363
- e.hidden = !o;
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", c);
412
+ typeof customElements < "u" && !customElements.get("ui-card") && customElements.define("ui-card", l);
370
413
  export {
371
- c as UICard
414
+ l as UICard
372
415
  };