@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.14

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 (771) hide show
  1. package/DS1/0-face/calendar.ts +194 -0
  2. package/DS1/0-face/carousel.ts +623 -0
  3. package/DS1/0-face/component-visibility.ts +13 -0
  4. package/DS1/0-face/copy-text.ts +96 -0
  5. package/DS1/0-face/device.ts +8 -58
  6. package/DS1/0-face/dialog-swipe.ts +249 -0
  7. package/DS1/0-face/dialogs.ts +208 -0
  8. package/DS1/0-face/drawer.ts +258 -0
  9. package/DS1/0-face/feedback-words.ts +36 -0
  10. package/DS1/0-face/feedback.ts +40 -0
  11. package/DS1/0-face/format.ts +700 -0
  12. package/DS1/0-face/generated/toast-assets.ts +18 -0
  13. package/DS1/0-face/grid-fit.ts +1 -1
  14. package/DS1/0-face/grid.ts +3 -2
  15. package/DS1/0-face/header.ts +78 -0
  16. package/DS1/0-face/i18n.ts +93 -18
  17. package/DS1/0-face/keys.ts +276 -0
  18. package/DS1/0-face/languages.ts +4 -4
  19. package/DS1/0-face/layout-inspector.ts +6 -6
  20. package/DS1/0-face/library-styles.ts +33 -0
  21. package/DS1/0-face/load-toaster.ts +7 -0
  22. package/DS1/0-face/preference-options.ts +29 -0
  23. package/DS1/0-face/preferences.ts +3 -11
  24. package/DS1/0-face/pricing.ts +98 -43
  25. package/DS1/0-face/scaling.ts +160 -4
  26. package/DS1/0-face/shared-words.ts +9 -4
  27. package/DS1/0-face/sidebar.ts +201 -0
  28. package/DS1/0-face/theme-bootstrap.js +184 -0
  29. package/DS1/0-face/theme.ts +89 -47
  30. package/DS1/0-face/toast-queue.ts +157 -0
  31. package/DS1/0-face/toaster.ts +384 -0
  32. package/DS1/0-face/tooltips.ts +157 -15
  33. package/DS1/0-face/translations/da.json +60 -1
  34. package/DS1/0-face/translations/de.json +60 -1
  35. package/DS1/0-face/translations/en.json +60 -1
  36. package/DS1/0-face/translations/es.json +60 -1
  37. package/DS1/0-face/translations/fi.json +60 -1
  38. package/DS1/0-face/translations/fr.json +60 -1
  39. package/DS1/0-face/translations/is.json +60 -1
  40. package/DS1/0-face/translations/it.json +60 -1
  41. package/DS1/0-face/translations/ja.json +60 -1
  42. package/DS1/0-face/translations/ko.json +60 -1
  43. package/DS1/0-face/translations/nb.json +60 -1
  44. package/DS1/0-face/translations/pt-BR.json +60 -1
  45. package/DS1/0-face/translations/pt.json +60 -1
  46. package/DS1/0-face/translations/sv.json +60 -1
  47. package/DS1/0-face/translations/zh.json +60 -1
  48. package/DS1/0-face/translations-format.ts +3 -4
  49. package/DS1/1-root/card.css +192 -0
  50. package/DS1/1-root/carousel.css +136 -0
  51. package/DS1/1-root/cjk.css +23 -0
  52. package/DS1/1-root/component-metrics.css +1 -0
  53. package/DS1/1-root/component-tokens.css +51 -8
  54. package/DS1/1-root/controls.css +887 -14
  55. package/DS1/1-root/dialog-placement.css +191 -0
  56. package/DS1/1-root/document.css +183 -0
  57. package/DS1/1-root/drawer.css +83 -0
  58. package/DS1/1-root/empty.css +83 -0
  59. package/DS1/1-root/figures.css +141 -0
  60. package/DS1/1-root/fonts/Iosevka-LICENSE.md +3 -1
  61. package/DS1/1-root/fonts/Iosevka-Regular.woff2 +0 -0
  62. package/DS1/1-root/fonts.css +69 -0
  63. package/DS1/1-root/footer.css +186 -0
  64. package/DS1/1-root/header.css +165 -0
  65. package/DS1/1-root/kbd.css +46 -0
  66. package/DS1/1-root/library-tokens.ts +91 -0
  67. package/DS1/1-root/measures.ts +53 -0
  68. package/DS1/1-root/notice.css +165 -0
  69. package/DS1/1-root/one.css +14 -84
  70. package/DS1/1-root/one.semantic.css +200 -148
  71. package/DS1/1-root/palette.css +58 -0
  72. package/DS1/1-root/palette.ts +19 -0
  73. package/DS1/1-root/progress.css +356 -0
  74. package/DS1/1-root/prose.css +202 -0
  75. package/DS1/1-root/row.css +297 -0
  76. package/DS1/1-root/table.css +111 -0
  77. package/DS1/1-root/text.css +70 -0
  78. package/DS1/2-core/button-split.ts +55 -0
  79. package/DS1/2-core/chart/chart.css +169 -0
  80. package/DS1/2-core/chart/grid-chart.ts +554 -0
  81. package/DS1/2-core/ds-avatar.ts +25 -6
  82. package/DS1/2-core/ds-badge.ts +10 -10
  83. package/DS1/2-core/ds-button.ts +111 -26
  84. package/DS1/2-core/ds-card.ts +135 -105
  85. package/DS1/2-core/ds-chart.ts +327 -0
  86. package/DS1/2-core/ds-composer.ts +8 -2
  87. package/DS1/2-core/ds-cycle.ts +97 -21
  88. package/DS1/2-core/ds-empty.ts +120 -0
  89. package/DS1/2-core/ds-icon.ts +11 -2
  90. package/DS1/2-core/ds-input.ts +165 -6
  91. package/DS1/2-core/ds-kbd.ts +78 -0
  92. package/DS1/2-core/ds-loading.ts +72 -0
  93. package/DS1/2-core/ds-notice.ts +180 -0
  94. package/DS1/2-core/ds-progress.ts +380 -0
  95. package/DS1/2-core/ds-spacing-handle.ts +22 -0
  96. package/DS1/2-core/ds-stat.ts +174 -0
  97. package/DS1/2-core/ds-switch.ts +1 -0
  98. package/DS1/2-core/ds-text.ts +15 -2
  99. package/DS1/2-core/ds-toast.ts +354 -0
  100. package/DS1/2-core/figures.ts +105 -0
  101. package/DS1/2-core/generated/ds-icon-map.ts +234 -128
  102. package/DS1/2-core/generated/icon-avatar.ts +2 -0
  103. package/DS1/2-core/generated/icons-extra.ts +118 -65
  104. package/DS1/2-core/generated/icons-immediate.ts +1 -1
  105. package/DS1/2-core/spacing-handle.ts +95 -0
  106. package/DS1/2-core/styles/ds-avatar.css +9 -8
  107. package/DS1/2-core/styles/ds-button-host.css +26 -3
  108. package/DS1/2-core/styles/ds-button-split.css +67 -0
  109. package/DS1/2-core/styles/ds-button.css +49 -15
  110. package/DS1/2-core/styles/ds-card.css +34 -0
  111. package/DS1/2-core/styles/ds-composer.css +13 -0
  112. package/DS1/2-core/styles/ds-cycle.css +69 -0
  113. package/DS1/2-core/styles/ds-empty.css +18 -0
  114. package/DS1/2-core/styles/ds-gap.css +1 -0
  115. package/DS1/2-core/styles/ds-icon.css +1 -0
  116. package/DS1/2-core/styles/ds-input.css +59 -6
  117. package/DS1/2-core/styles/ds-kbd.css +12 -0
  118. package/DS1/2-core/styles/ds-loading.css +13 -0
  119. package/DS1/2-core/styles/ds-notice.css +30 -0
  120. package/DS1/2-core/styles/ds-progress.css +25 -0
  121. package/DS1/2-core/styles/ds-select.css +2 -2
  122. package/DS1/2-core/styles/ds-spacing-handle.css +8 -0
  123. package/DS1/2-core/styles/ds-split.css +2 -62
  124. package/DS1/2-core/styles/ds-stat.css +34 -0
  125. package/DS1/2-core/styles/ds-switch.css +16 -1
  126. package/DS1/2-core/styles/ds-text.css +43 -12
  127. package/DS1/2-core/styles/ds-toast.css +182 -0
  128. package/DS1/2-core/styles/ds-tooltip.css +1 -0
  129. package/DS1/3-unit/calendar-base.ts +263 -0
  130. package/DS1/3-unit/ds-accordion.ts +9 -1
  131. package/DS1/3-unit/ds-avatar-group.ts +1 -0
  132. package/DS1/3-unit/ds-calendar-large.ts +349 -0
  133. package/DS1/3-unit/ds-calendar.ts +344 -0
  134. package/DS1/3-unit/ds-carousel.ts +368 -0
  135. package/DS1/3-unit/ds-date-picker.ts +540 -0
  136. package/DS1/3-unit/ds-form.ts +45 -37
  137. package/DS1/3-unit/ds-list.ts +48 -1
  138. package/DS1/3-unit/ds-matrix.ts +318 -0
  139. package/DS1/3-unit/ds-menu.ts +8 -4
  140. package/DS1/3-unit/ds-row.ts +84 -1
  141. package/DS1/3-unit/ds-sidebar.ts +280 -0
  142. package/DS1/3-unit/ds-table.ts +75 -34
  143. package/DS1/3-unit/styles/ds-accordion.css +1 -0
  144. package/DS1/3-unit/styles/ds-avatar-group.css +2 -4
  145. package/DS1/3-unit/styles/ds-calendar-large.css +165 -0
  146. package/DS1/3-unit/styles/ds-calendar.css +238 -0
  147. package/DS1/3-unit/styles/ds-carousel.css +30 -0
  148. package/DS1/3-unit/styles/ds-date-picker.css +124 -0
  149. package/DS1/3-unit/styles/ds-list.css +1 -0
  150. package/DS1/3-unit/styles/ds-matrix.css +203 -0
  151. package/DS1/3-unit/styles/ds-menu.css +31 -6
  152. package/DS1/3-unit/styles/ds-row.css +84 -2
  153. package/DS1/3-unit/styles/ds-sidebar.css +117 -0
  154. package/DS1/3-unit/styles/ds-table.css +3 -74
  155. package/DS1/4-page/ds-dialog.ts +40 -4
  156. package/DS1/4-page/ds-document.ts +240 -0
  157. package/DS1/4-page/ds-footer.ts +165 -0
  158. package/DS1/4-page/ds-grid.ts +39 -59
  159. package/DS1/4-page/ds-header.ts +171 -0
  160. package/DS1/4-page/ds-page.ts +184 -0
  161. package/DS1/4-page/email.ts +2 -3
  162. package/DS1/4-page/styles/ds-container.css +1 -0
  163. package/DS1/4-page/styles/ds-document.css +18 -0
  164. package/DS1/4-page/styles/ds-footer.css +29 -0
  165. package/DS1/4-page/styles/ds-grid.css +31 -85
  166. package/DS1/4-page/styles/ds-header.css +57 -0
  167. package/DS1/4-page/styles/ds-page.css +214 -0
  168. package/DS1/components.ts +7 -1
  169. package/DS1/index.ts +26 -6
  170. package/DS1/react/avatar.ts +4 -5
  171. package/DS1/react/button-split.ts +29 -0
  172. package/DS1/react/button.ts +32 -13
  173. package/DS1/react/carousel.ts +76 -0
  174. package/DS1/react/dialog.ts +36 -5
  175. package/DS1/react/document.ts +14 -0
  176. package/DS1/react/empty.ts +32 -0
  177. package/DS1/react/footer.ts +17 -0
  178. package/DS1/react/header.ts +15 -0
  179. package/DS1/react/input.ts +28 -17
  180. package/DS1/react/kbd.ts +21 -0
  181. package/DS1/react/loading.ts +18 -0
  182. package/DS1/react/notice.ts +59 -0
  183. package/DS1/react/page.ts +13 -0
  184. package/DS1/react/progress.ts +99 -0
  185. package/DS1/react/sidebar.ts +60 -0
  186. package/DS1/react/spacing-handle.ts +21 -0
  187. package/DS1/react/stat.ts +73 -0
  188. package/DS1/react/toast.ts +82 -0
  189. package/DS1/x-icon/Tabler-LICENSE.md +27 -0
  190. package/DS1/x-icon/airtable.svg +5 -0
  191. package/DS1/x-icon/attach.svg +3 -0
  192. package/DS1/x-icon/audio.svg +3 -0
  193. package/DS1/x-icon/bag-alt.svg +3 -0
  194. package/DS1/x-icon/bank.svg +3 -0
  195. package/DS1/x-icon/banknote.svg +3 -0
  196. package/DS1/x-icon/bolt.svg +3 -0
  197. package/DS1/x-icon/book-alt.svg +3 -0
  198. package/DS1/x-icon/book.svg +4 -0
  199. package/DS1/x-icon/box.svg +3 -0
  200. package/DS1/x-icon/briefcase.svg +3 -0
  201. package/DS1/x-icon/building.svg +4 -0
  202. package/DS1/x-icon/car.svg +3 -0
  203. package/DS1/x-icon/card.svg +3 -0
  204. package/DS1/x-icon/cart.svg +3 -0
  205. package/DS1/x-icon/{ezo-item-button-start.svg → chevron-left.svg} +1 -1
  206. package/DS1/x-icon/{ezo-android-screen-stats.svg → chevron-right.svg} +1 -1
  207. package/DS1/x-icon/cloud.svg +3 -0
  208. package/DS1/x-icon/coffee.svg +3 -0
  209. package/DS1/x-icon/coins.svg +3 -0
  210. package/DS1/x-icon/cursor.svg +3 -0
  211. package/DS1/x-icon/curve.svg +7 -0
  212. package/DS1/x-icon/dislike.svg +4 -0
  213. package/DS1/x-icon/dot-bank.svg +3 -0
  214. package/DS1/x-icon/dot-banknote.svg +3 -0
  215. package/DS1/x-icon/dot-banknotes.svg +3 -0
  216. package/DS1/x-icon/dot-card.svg +3 -0
  217. package/DS1/x-icon/dot-coin.svg +3 -0
  218. package/DS1/x-icon/dot-coins.svg +3 -0
  219. package/DS1/x-icon/dot-receipt.svg +3 -0
  220. package/DS1/x-icon/dot-safe.svg +3 -0
  221. package/DS1/x-icon/dot-transfer.svg +3 -0
  222. package/DS1/x-icon/dot-wallet.svg +3 -0
  223. package/DS1/x-icon/download.svg +4 -0
  224. package/DS1/x-icon/drive.svg +5 -0
  225. package/DS1/x-icon/drop.svg +3 -0
  226. package/DS1/x-icon/dropbox.svg +3 -0
  227. package/DS1/x-icon/dumbbell.svg +3 -0
  228. package/DS1/x-icon/eye-off.svg +3 -0
  229. package/DS1/x-icon/eye.svg +3 -0
  230. package/DS1/x-icon/facebook.svg +3 -0
  231. package/DS1/x-icon/figma.svg +5 -0
  232. package/DS1/x-icon/flame.svg +3 -0
  233. package/DS1/x-icon/flip.svg +5 -0
  234. package/DS1/x-icon/food.svg +3 -0
  235. package/DS1/x-icon/fuel.svg +3 -0
  236. package/DS1/x-icon/game.svg +3 -0
  237. package/DS1/x-icon/gift.svg +3 -0
  238. package/DS1/x-icon/github.svg +3 -0
  239. package/DS1/x-icon/heart.svg +3 -0
  240. package/DS1/x-icon/history.svg +3 -0
  241. package/DS1/x-icon/home-alt.svg +3 -0
  242. package/DS1/x-icon/income.svg +3 -0
  243. package/DS1/x-icon/info.svg +5 -0
  244. package/DS1/x-icon/instagram.svg +5 -0
  245. package/DS1/x-icon/jpbank.svg +3 -0
  246. package/DS1/x-icon/key.svg +4 -0
  247. package/DS1/x-icon/keyboard.svg +3 -0
  248. package/DS1/x-icon/like.svg +4 -0
  249. package/DS1/x-icon/linkedin.svg +7 -0
  250. package/DS1/x-icon/loom.svg +6 -0
  251. package/DS1/x-icon/map.svg +4 -0
  252. package/DS1/x-icon/medical.svg +3 -0
  253. package/DS1/x-icon/{ezo-android-screen-lists.svg → minus.svg} +1 -1
  254. package/DS1/x-icon/moon.svg +3 -0
  255. package/DS1/x-icon/move.svg +3 -0
  256. package/DS1/x-icon/music-alt.svg +3 -0
  257. package/DS1/x-icon/music.svg +5 -0
  258. package/DS1/x-icon/notion.svg +6 -0
  259. package/DS1/x-icon/offline.svg +3 -0
  260. package/DS1/x-icon/pause.svg +4 -0
  261. package/DS1/x-icon/paw.svg +3 -0
  262. package/DS1/x-icon/pdf.svg +3 -0
  263. package/DS1/x-icon/people.svg +5 -0
  264. package/DS1/x-icon/percent.svg +3 -0
  265. package/DS1/x-icon/phone.svg +3 -0
  266. package/DS1/x-icon/pill.svg +3 -0
  267. package/DS1/x-icon/plane.svg +3 -0
  268. package/DS1/x-icon/postal.svg +3 -0
  269. package/DS1/x-icon/present.svg +4 -0
  270. package/DS1/x-icon/reaction.svg +5 -0
  271. package/DS1/x-icon/receipt.svg +3 -0
  272. package/DS1/x-icon/refresh.svg +3 -0
  273. package/DS1/x-icon/refund.svg +3 -0
  274. package/DS1/x-icon/repeat.svg +3 -0
  275. package/DS1/x-icon/rotate.svg +4 -0
  276. package/DS1/x-icon/safe.svg +3 -0
  277. package/DS1/x-icon/school-alt.svg +3 -0
  278. package/DS1/x-icon/shield-alt.svg +3 -0
  279. package/DS1/x-icon/shield.svg +4 -0
  280. package/DS1/x-icon/shirt.svg +3 -0
  281. package/DS1/x-icon/shop.svg +3 -0
  282. package/DS1/x-icon/sign-in.svg +3 -0
  283. package/DS1/x-icon/sign-out.svg +3 -0
  284. package/DS1/x-icon/slack.svg +6 -0
  285. package/DS1/x-icon/sparkle.svg +3 -0
  286. package/DS1/x-icon/start.svg +4 -0
  287. package/DS1/x-icon/{ezo-item-button-reopen.svg → stop.svg} +1 -1
  288. package/DS1/x-icon/sun.svg +3 -0
  289. package/DS1/x-icon/system.svg +4 -0
  290. package/DS1/x-icon/tag.svg +3 -0
  291. package/DS1/x-icon/ticket.svg +3 -0
  292. package/DS1/x-icon/title-struck.svg +4 -0
  293. package/DS1/x-icon/train.svg +3 -0
  294. package/DS1/x-icon/transfer.svg +3 -0
  295. package/DS1/x-icon/tv.svg +3 -0
  296. package/DS1/x-icon/upload.svg +4 -0
  297. package/DS1/x-icon/video.svg +4 -0
  298. package/DS1/x-icon/vimeo.svg +3 -0
  299. package/DS1/x-icon/wallet.svg +3 -0
  300. package/DS1/x-icon/wifi.svg +3 -0
  301. package/DS1/x-icon/window.svg +4 -0
  302. package/DS1/x-icon/wrench.svg +3 -0
  303. package/DS1/x-icon/x-brand.svg +4 -0
  304. package/DS1/x-icon/youtube.svg +4 -0
  305. package/README.md +3 -3
  306. package/dist/0-face/calendar.d.ts +75 -0
  307. package/dist/0-face/calendar.d.ts.map +1 -0
  308. package/dist/0-face/calendar.js +149 -0
  309. package/dist/0-face/carousel.d.ts +174 -0
  310. package/dist/0-face/carousel.d.ts.map +1 -0
  311. package/dist/0-face/carousel.js +583 -0
  312. package/dist/0-face/component-visibility.d.ts +7 -0
  313. package/dist/0-face/component-visibility.d.ts.map +1 -0
  314. package/dist/0-face/component-visibility.js +10 -0
  315. package/dist/0-face/copy-text.d.ts +11 -0
  316. package/dist/0-face/copy-text.d.ts.map +1 -0
  317. package/dist/0-face/copy-text.js +97 -0
  318. package/dist/0-face/device.d.ts +3 -7
  319. package/dist/0-face/device.d.ts.map +1 -1
  320. package/dist/0-face/device.js +7 -41
  321. package/dist/0-face/dialog-swipe.d.ts +49 -0
  322. package/dist/0-face/dialog-swipe.d.ts.map +1 -0
  323. package/dist/0-face/dialog-swipe.js +239 -0
  324. package/dist/0-face/dialogs.d.ts +33 -0
  325. package/dist/0-face/dialogs.d.ts.map +1 -0
  326. package/dist/0-face/dialogs.js +173 -0
  327. package/dist/0-face/drawer.d.ts +64 -0
  328. package/dist/0-face/drawer.d.ts.map +1 -0
  329. package/dist/0-face/drawer.js +256 -0
  330. package/dist/0-face/feedback-words.d.ts +21 -0
  331. package/dist/0-face/feedback-words.d.ts.map +1 -0
  332. package/dist/0-face/feedback-words.js +30 -0
  333. package/dist/0-face/feedback.d.ts +41 -0
  334. package/dist/0-face/feedback.d.ts.map +1 -0
  335. package/dist/0-face/feedback.js +35 -0
  336. package/dist/0-face/format.d.ts +166 -0
  337. package/dist/0-face/format.d.ts.map +1 -0
  338. package/dist/0-face/format.js +445 -0
  339. package/dist/0-face/generated/toast-assets.d.ts +11 -0
  340. package/dist/0-face/generated/toast-assets.d.ts.map +1 -0
  341. package/dist/0-face/generated/toast-assets.js +14 -0
  342. package/dist/0-face/grid-fit.js +1 -1
  343. package/dist/0-face/grid.d.ts.map +1 -1
  344. package/dist/0-face/grid.js +2 -1
  345. package/dist/0-face/header.d.ts +38 -0
  346. package/dist/0-face/header.d.ts.map +1 -0
  347. package/dist/0-face/header.js +80 -0
  348. package/dist/0-face/i18n.d.ts +32 -2
  349. package/dist/0-face/i18n.d.ts.map +1 -1
  350. package/dist/0-face/i18n.js +65 -19
  351. package/dist/0-face/keys.d.ts +104 -0
  352. package/dist/0-face/keys.d.ts.map +1 -0
  353. package/dist/0-face/keys.js +253 -0
  354. package/dist/0-face/languages.d.ts +2 -2
  355. package/dist/0-face/languages.js +3 -3
  356. package/dist/0-face/layout-inspector.js +6 -6
  357. package/dist/0-face/library-styles.d.ts +7 -0
  358. package/dist/0-face/library-styles.d.ts.map +1 -0
  359. package/dist/0-face/library-styles.js +29 -0
  360. package/dist/0-face/load-toaster.d.ts +8 -0
  361. package/dist/0-face/load-toaster.d.ts.map +1 -0
  362. package/dist/0-face/load-toaster.js +7 -0
  363. package/dist/0-face/preference-options.d.ts +34 -0
  364. package/dist/0-face/preference-options.d.ts.map +1 -0
  365. package/dist/0-face/preference-options.js +1 -0
  366. package/dist/0-face/preferences.d.ts +3 -12
  367. package/dist/0-face/preferences.d.ts.map +1 -1
  368. package/dist/0-face/pricing.d.ts +19 -9
  369. package/dist/0-face/pricing.d.ts.map +1 -1
  370. package/dist/0-face/pricing.js +81 -40
  371. package/dist/0-face/scaling.d.ts +71 -1
  372. package/dist/0-face/scaling.d.ts.map +1 -1
  373. package/dist/0-face/scaling.js +108 -3
  374. package/dist/0-face/shared-words.d.ts +9 -4
  375. package/dist/0-face/shared-words.d.ts.map +1 -1
  376. package/dist/0-face/sidebar.d.ts +69 -0
  377. package/dist/0-face/sidebar.d.ts.map +1 -0
  378. package/dist/0-face/sidebar.js +191 -0
  379. package/dist/0-face/theme-bootstrap.d.ts +1 -0
  380. package/dist/0-face/theme-bootstrap.d.ts.map +1 -0
  381. package/dist/0-face/theme-bootstrap.js +214 -0
  382. package/dist/0-face/theme.d.ts +32 -0
  383. package/dist/0-face/theme.d.ts.map +1 -1
  384. package/dist/0-face/theme.js +69 -43
  385. package/dist/0-face/toast-queue.d.ts +110 -0
  386. package/dist/0-face/toast-queue.d.ts.map +1 -0
  387. package/dist/0-face/toast-queue.js +98 -0
  388. package/dist/0-face/toaster.d.ts +27 -0
  389. package/dist/0-face/toaster.d.ts.map +1 -0
  390. package/dist/0-face/toaster.js +373 -0
  391. package/dist/0-face/tooltips.d.ts +24 -1
  392. package/dist/0-face/tooltips.d.ts.map +1 -1
  393. package/dist/0-face/tooltips.js +155 -16
  394. package/dist/0-face/translations/da.json +60 -1
  395. package/dist/0-face/translations/de.json +60 -1
  396. package/dist/0-face/translations/en.json +60 -1
  397. package/dist/0-face/translations/es.json +60 -1
  398. package/dist/0-face/translations/fi.json +60 -1
  399. package/dist/0-face/translations/fr.json +60 -1
  400. package/dist/0-face/translations/is.json +60 -1
  401. package/dist/0-face/translations/it.json +60 -1
  402. package/dist/0-face/translations/ja.json +60 -1
  403. package/dist/0-face/translations/ko.json +60 -1
  404. package/dist/0-face/translations/nb.json +60 -1
  405. package/dist/0-face/translations/pt-BR.json +60 -1
  406. package/dist/0-face/translations/pt.json +60 -1
  407. package/dist/0-face/translations/sv.json +60 -1
  408. package/dist/0-face/translations/zh.json +60 -1
  409. package/dist/0-face/translations-format.d.ts.map +1 -1
  410. package/dist/0-face/translations-format.js +3 -4
  411. package/dist/0-face/tree.d.ts +69 -0
  412. package/dist/0-face/tree.d.ts.map +1 -0
  413. package/dist/0-face/tree.js +191 -0
  414. package/dist/1-root/library-tokens.d.ts +31 -0
  415. package/dist/1-root/library-tokens.d.ts.map +1 -0
  416. package/dist/1-root/library-tokens.js +84 -0
  417. package/dist/1-root/measures.d.ts +52 -0
  418. package/dist/1-root/measures.d.ts.map +1 -0
  419. package/dist/1-root/measures.js +49 -0
  420. package/dist/1-root/palette.d.ts +5 -0
  421. package/dist/1-root/palette.d.ts.map +1 -1
  422. package/dist/1-root/palette.js +18 -0
  423. package/dist/2-core/button-split.d.ts +21 -0
  424. package/dist/2-core/button-split.d.ts.map +1 -0
  425. package/dist/2-core/button-split.js +48 -0
  426. package/dist/2-core/chart/grid-chart.d.ts +113 -0
  427. package/dist/2-core/chart/grid-chart.d.ts.map +1 -0
  428. package/dist/2-core/chart/grid-chart.js +466 -0
  429. package/dist/2-core/ds-avatar.d.ts +20 -3
  430. package/dist/2-core/ds-avatar.d.ts.map +1 -1
  431. package/dist/2-core/ds-avatar.js +19 -5
  432. package/dist/2-core/ds-badge.js +10 -13
  433. package/dist/2-core/ds-banner.d.ts +23 -7
  434. package/dist/2-core/ds-banner.d.ts.map +1 -1
  435. package/dist/2-core/ds-banner.js +48 -12
  436. package/dist/2-core/ds-button.d.ts +76 -0
  437. package/dist/2-core/ds-button.d.ts.map +1 -1
  438. package/dist/2-core/ds-button.js +101 -26
  439. package/dist/2-core/ds-card.d.ts +76 -11
  440. package/dist/2-core/ds-card.d.ts.map +1 -1
  441. package/dist/2-core/ds-card.js +129 -105
  442. package/dist/2-core/ds-chart.d.ts +105 -0
  443. package/dist/2-core/ds-chart.d.ts.map +1 -0
  444. package/dist/2-core/ds-chart.js +390 -0
  445. package/dist/2-core/ds-composer.d.ts +7 -0
  446. package/dist/2-core/ds-composer.d.ts.map +1 -1
  447. package/dist/2-core/ds-composer.js +1 -1
  448. package/dist/2-core/ds-cycle.d.ts +36 -2
  449. package/dist/2-core/ds-cycle.d.ts.map +1 -1
  450. package/dist/2-core/ds-cycle.js +95 -18
  451. package/dist/2-core/ds-empty.d.ts +74 -0
  452. package/dist/2-core/ds-empty.d.ts.map +1 -0
  453. package/dist/2-core/ds-empty.js +96 -0
  454. package/dist/2-core/ds-icon.d.ts +6 -0
  455. package/dist/2-core/ds-icon.d.ts.map +1 -1
  456. package/dist/2-core/ds-icon.js +12 -2
  457. package/dist/2-core/ds-input.d.ts +39 -1
  458. package/dist/2-core/ds-input.d.ts.map +1 -1
  459. package/dist/2-core/ds-input.js +150 -6
  460. package/dist/2-core/ds-kbd.d.ts +48 -0
  461. package/dist/2-core/ds-kbd.d.ts.map +1 -0
  462. package/dist/2-core/ds-kbd.js +65 -0
  463. package/dist/2-core/ds-language.d.ts +8 -1
  464. package/dist/2-core/ds-language.d.ts.map +1 -1
  465. package/dist/2-core/ds-language.js +2 -2
  466. package/dist/2-core/ds-loading.d.ts +40 -0
  467. package/dist/2-core/ds-loading.d.ts.map +1 -0
  468. package/dist/2-core/ds-loading.js +63 -0
  469. package/dist/2-core/ds-meter.d.ts +103 -0
  470. package/dist/2-core/ds-meter.d.ts.map +1 -0
  471. package/dist/2-core/ds-meter.js +124 -0
  472. package/dist/2-core/ds-notice.d.ts +103 -0
  473. package/dist/2-core/ds-notice.d.ts.map +1 -0
  474. package/dist/2-core/ds-notice.js +152 -0
  475. package/dist/2-core/ds-pagedots.d.ts +64 -7
  476. package/dist/2-core/ds-pagedots.d.ts.map +1 -1
  477. package/dist/2-core/ds-pagedots.js +124 -18
  478. package/dist/2-core/ds-progress.d.ts +200 -0
  479. package/dist/2-core/ds-progress.d.ts.map +1 -0
  480. package/dist/2-core/ds-progress.js +319 -0
  481. package/dist/2-core/ds-spacing-handle.d.ts +25 -0
  482. package/dist/2-core/ds-spacing-handle.d.ts.map +1 -0
  483. package/dist/2-core/ds-spacing-handle.js +25 -0
  484. package/dist/2-core/ds-split.d.ts +4 -67
  485. package/dist/2-core/ds-split.d.ts.map +1 -1
  486. package/dist/2-core/ds-split.js +4 -98
  487. package/dist/2-core/ds-stat.d.ts +126 -0
  488. package/dist/2-core/ds-stat.d.ts.map +1 -0
  489. package/dist/2-core/ds-stat.js +137 -0
  490. package/dist/2-core/ds-steps.d.ts +72 -0
  491. package/dist/2-core/ds-steps.d.ts.map +1 -0
  492. package/dist/2-core/ds-steps.js +114 -0
  493. package/dist/2-core/ds-switch.d.ts +1 -0
  494. package/dist/2-core/ds-switch.d.ts.map +1 -1
  495. package/dist/2-core/ds-switch.js +1 -0
  496. package/dist/2-core/ds-text.d.ts +15 -2
  497. package/dist/2-core/ds-text.d.ts.map +1 -1
  498. package/dist/2-core/ds-text.js +13 -0
  499. package/dist/2-core/ds-textarea.d.ts.map +1 -1
  500. package/dist/2-core/ds-textarea.js +1 -0
  501. package/dist/2-core/ds-toast.d.ts +139 -0
  502. package/dist/2-core/ds-toast.d.ts.map +1 -0
  503. package/dist/2-core/ds-toast.js +329 -0
  504. package/dist/2-core/ds-toggle.d.ts +11 -0
  505. package/dist/2-core/ds-toggle.d.ts.map +1 -0
  506. package/dist/2-core/ds-toggle.js +10 -0
  507. package/dist/2-core/figures.d.ts +56 -0
  508. package/dist/2-core/figures.d.ts.map +1 -0
  509. package/dist/2-core/figures.js +70 -0
  510. package/dist/2-core/generated/ds-icon-map.d.ts +118 -65
  511. package/dist/2-core/generated/ds-icon-map.d.ts.map +1 -1
  512. package/dist/2-core/generated/ds-icon-map.js +234 -128
  513. package/dist/2-core/generated/icon-avatar.d.ts +2 -0
  514. package/dist/2-core/generated/icon-avatar.d.ts.map +1 -0
  515. package/dist/2-core/generated/icon-avatar.js +2 -0
  516. package/dist/2-core/generated/icons-extra.d.ts.map +1 -1
  517. package/dist/2-core/generated/icons-extra.js +118 -65
  518. package/dist/2-core/generated/icons-immediate.d.ts +1 -1
  519. package/dist/2-core/generated/icons-immediate.d.ts.map +1 -1
  520. package/dist/2-core/generated/icons-immediate.js +1 -1
  521. package/dist/2-core/spacing-handle.d.ts +28 -0
  522. package/dist/2-core/spacing-handle.d.ts.map +1 -0
  523. package/dist/2-core/spacing-handle.js +146 -0
  524. package/dist/3-unit/calendar-base.d.ts +149 -0
  525. package/dist/3-unit/calendar-base.d.ts.map +1 -0
  526. package/dist/3-unit/calendar-base.js +172 -0
  527. package/dist/3-unit/ds-accordion.d.ts +9 -0
  528. package/dist/3-unit/ds-accordion.d.ts.map +1 -1
  529. package/dist/3-unit/ds-accordion.js +7 -1
  530. package/dist/3-unit/ds-avatar-group.d.ts +1 -0
  531. package/dist/3-unit/ds-avatar-group.d.ts.map +1 -1
  532. package/dist/3-unit/ds-calendar-large.d.ts +138 -0
  533. package/dist/3-unit/ds-calendar-large.d.ts.map +1 -0
  534. package/dist/3-unit/ds-calendar-large.js +305 -0
  535. package/dist/3-unit/ds-calendar.d.ts +175 -0
  536. package/dist/3-unit/ds-calendar.d.ts.map +1 -0
  537. package/dist/3-unit/ds-calendar.js +303 -0
  538. package/dist/3-unit/ds-carousel.d.ts +182 -0
  539. package/dist/3-unit/ds-carousel.d.ts.map +1 -0
  540. package/dist/3-unit/ds-carousel.js +327 -0
  541. package/dist/3-unit/ds-date-picker.d.ts +203 -0
  542. package/dist/3-unit/ds-date-picker.d.ts.map +1 -0
  543. package/dist/3-unit/ds-date-picker.js +499 -0
  544. package/dist/3-unit/ds-form.d.ts.map +1 -1
  545. package/dist/3-unit/ds-form.js +38 -28
  546. package/dist/3-unit/ds-list.d.ts +12 -0
  547. package/dist/3-unit/ds-list.d.ts.map +1 -1
  548. package/dist/3-unit/ds-list.js +52 -1
  549. package/dist/3-unit/ds-matrix.d.ts +146 -0
  550. package/dist/3-unit/ds-matrix.d.ts.map +1 -0
  551. package/dist/3-unit/ds-matrix.js +248 -0
  552. package/dist/3-unit/ds-menu.d.ts +1 -1
  553. package/dist/3-unit/ds-menu.d.ts.map +1 -1
  554. package/dist/3-unit/ds-menu.js +7 -4
  555. package/dist/3-unit/ds-row.d.ts +66 -0
  556. package/dist/3-unit/ds-row.d.ts.map +1 -1
  557. package/dist/3-unit/ds-row.js +80 -1
  558. package/dist/3-unit/ds-sidebar.d.ts +108 -0
  559. package/dist/3-unit/ds-sidebar.d.ts.map +1 -0
  560. package/dist/3-unit/ds-sidebar.js +268 -0
  561. package/dist/3-unit/ds-table.d.ts +28 -10
  562. package/dist/3-unit/ds-table.d.ts.map +1 -1
  563. package/dist/3-unit/ds-table.js +53 -25
  564. package/dist/3-unit/ds-tree.d.ts +69 -0
  565. package/dist/3-unit/ds-tree.d.ts.map +1 -0
  566. package/dist/3-unit/ds-tree.js +136 -0
  567. package/dist/4-page/ds-dialog.d.ts +16 -1
  568. package/dist/4-page/ds-dialog.d.ts.map +1 -1
  569. package/dist/4-page/ds-dialog.js +39 -3
  570. package/dist/4-page/ds-document.d.ts +98 -0
  571. package/dist/4-page/ds-document.d.ts.map +1 -0
  572. package/dist/4-page/ds-document.js +213 -0
  573. package/dist/4-page/ds-footer.d.ts +100 -0
  574. package/dist/4-page/ds-footer.d.ts.map +1 -0
  575. package/dist/4-page/ds-footer.js +119 -0
  576. package/dist/4-page/ds-grid.d.ts +32 -12
  577. package/dist/4-page/ds-grid.d.ts.map +1 -1
  578. package/dist/4-page/ds-grid.js +30 -39
  579. package/dist/4-page/ds-header.d.ts +84 -0
  580. package/dist/4-page/ds-header.d.ts.map +1 -0
  581. package/dist/4-page/ds-header.js +143 -0
  582. package/dist/4-page/ds-layout.d.ts +1 -0
  583. package/dist/4-page/ds-layout.d.ts.map +1 -1
  584. package/dist/4-page/ds-layout.js +1 -1
  585. package/dist/4-page/ds-page.d.ts +110 -0
  586. package/dist/4-page/ds-page.d.ts.map +1 -0
  587. package/dist/4-page/ds-page.js +155 -0
  588. package/dist/4-page/email.d.ts +2 -3
  589. package/dist/4-page/email.d.ts.map +1 -1
  590. package/dist/4-page/email.js +2 -3
  591. package/dist/components.d.ts +4 -1
  592. package/dist/components.d.ts.map +1 -1
  593. package/dist/components.js +4 -1
  594. package/dist/design-system-1.bundle.js +11304 -4322
  595. package/dist/design-system-1.bundle.js.map +1 -1
  596. package/dist/design-system-1.bundle.min.js +8867 -4132
  597. package/dist/design-system-1.bundle.min.js.map +1 -1
  598. package/dist/design-system-1.css +1 -1
  599. package/dist/feedback.js +541 -0
  600. package/dist/feedback.js.map +1 -0
  601. package/dist/icons-extra-B4Iotc7s.js +298 -0
  602. package/dist/icons-extra-B4Iotc7s.js.map +1 -0
  603. package/dist/icons-extra-C4sCgoUj.js +185 -0
  604. package/dist/icons-extra-C4sCgoUj.js.map +1 -0
  605. package/dist/icons-extra-DSav6uTU.js +300 -0
  606. package/dist/icons-extra-DSav6uTU.js.map +1 -0
  607. package/dist/icons-extra-Dc_yVWIz.js +1024 -0
  608. package/dist/icons-extra-Dc_yVWIz.js.map +1 -0
  609. package/dist/icons-extra-cfzoudMf.js +1030 -0
  610. package/dist/icons-extra-cfzoudMf.js.map +1 -0
  611. package/dist/icons-extra-g_xpwZhZ.js +631 -0
  612. package/dist/icons-extra-g_xpwZhZ.js.map +1 -0
  613. package/dist/index.d.ts +23 -6
  614. package/dist/index.d.ts.map +1 -1
  615. package/dist/index.js +23 -6
  616. package/dist/react/avatar.d.ts +5 -9
  617. package/dist/react/avatar.d.ts.map +1 -1
  618. package/dist/react/avatar.js +2 -2
  619. package/dist/react/button-split.d.ts +19 -0
  620. package/dist/react/button-split.d.ts.map +1 -0
  621. package/dist/react/button-split.js +35 -0
  622. package/dist/react/button.d.ts +18 -7
  623. package/dist/react/button.d.ts.map +1 -1
  624. package/dist/react/button.js +13 -4
  625. package/dist/react/carousel.d.ts +63 -0
  626. package/dist/react/carousel.d.ts.map +1 -0
  627. package/dist/react/carousel.js +47 -0
  628. package/dist/react/choice.d.ts +1 -1
  629. package/dist/react/context-menu.d.ts +337 -337
  630. package/dist/react/dialog.d.ts +684 -678
  631. package/dist/react/dialog.d.ts.map +1 -1
  632. package/dist/react/dialog.js +29 -3
  633. package/dist/react/document.d.ts +11 -0
  634. package/dist/react/document.d.ts.map +1 -0
  635. package/dist/react/document.js +10 -0
  636. package/dist/react/empty.d.ts +34 -0
  637. package/dist/react/empty.d.ts.map +1 -0
  638. package/dist/react/empty.js +8 -0
  639. package/dist/react/file-picker.d.ts +1 -1
  640. package/dist/react/footer.d.ts +13 -0
  641. package/dist/react/footer.d.ts.map +1 -0
  642. package/dist/react/footer.js +12 -0
  643. package/dist/react/header.d.ts +12 -0
  644. package/dist/react/header.d.ts.map +1 -0
  645. package/dist/react/header.js +11 -0
  646. package/dist/react/input.d.ts +31 -9
  647. package/dist/react/input.d.ts.map +1 -1
  648. package/dist/react/input.js +94 -94
  649. package/dist/react/kbd.d.ts +26 -0
  650. package/dist/react/kbd.d.ts.map +1 -0
  651. package/dist/react/kbd.js +8 -0
  652. package/dist/react/loading.d.ts +14 -0
  653. package/dist/react/loading.d.ts.map +1 -0
  654. package/dist/react/loading.js +14 -0
  655. package/dist/react/meter.d.ts +64 -0
  656. package/dist/react/meter.d.ts.map +1 -0
  657. package/dist/react/meter.js +15 -0
  658. package/dist/react/notice.d.ts +45 -0
  659. package/dist/react/notice.d.ts.map +1 -0
  660. package/dist/react/notice.js +34 -0
  661. package/dist/react/page.d.ts +10 -0
  662. package/dist/react/page.d.ts.map +1 -0
  663. package/dist/react/page.js +9 -0
  664. package/dist/react/progress.d.ts +107 -0
  665. package/dist/react/progress.d.ts.map +1 -0
  666. package/dist/react/progress.js +47 -0
  667. package/dist/react/sidebar.d.ts +44 -0
  668. package/dist/react/sidebar.d.ts.map +1 -0
  669. package/dist/react/sidebar.js +41 -0
  670. package/dist/react/spacing-handle.d.ts +13 -0
  671. package/dist/react/spacing-handle.d.ts.map +1 -0
  672. package/dist/react/spacing-handle.js +18 -0
  673. package/dist/react/split.d.ts +6 -14
  674. package/dist/react/split.d.ts.map +1 -1
  675. package/dist/react/split.js +5 -31
  676. package/dist/react/stat.d.ts +78 -0
  677. package/dist/react/stat.d.ts.map +1 -0
  678. package/dist/react/stat.js +25 -0
  679. package/dist/react/steps.d.ts +36 -0
  680. package/dist/react/steps.d.ts.map +1 -0
  681. package/dist/react/steps.js +10 -0
  682. package/dist/react/toast.d.ts +37 -0
  683. package/dist/react/toast.d.ts.map +1 -0
  684. package/dist/react/toast.js +55 -0
  685. package/dist/react/tree.d.ts +31 -0
  686. package/dist/react/tree.d.ts.map +1 -0
  687. package/dist/react/tree.js +37 -0
  688. package/dist/shared-words-BfnT24Fe.js +1635 -0
  689. package/dist/shared-words-BfnT24Fe.js.map +1 -0
  690. package/dist/shared-words-CyZYc_De.js +1818 -0
  691. package/dist/shared-words-CyZYc_De.js.map +1 -0
  692. package/dist/shared-words-DAVSET4Z.js +1800 -0
  693. package/dist/shared-words-DAVSET4Z.js.map +1 -0
  694. package/dist/shared-words-UCvnkctb.js +1653 -0
  695. package/dist/shared-words-UCvnkctb.js.map +1 -0
  696. package/package.json +16 -5
  697. package/DS1/2-core/ds-banner.ts +0 -122
  698. package/DS1/2-core/ds-date.ts +0 -24
  699. package/DS1/2-core/ds-language.ts +0 -94
  700. package/DS1/2-core/ds-pagedots.ts +0 -52
  701. package/DS1/2-core/ds-split.ts +0 -122
  702. package/DS1/2-core/ds-textarea.ts +0 -136
  703. package/DS1/2-core/styles/ds-banner.css +0 -77
  704. package/DS1/2-core/styles/ds-date.css +0 -9
  705. package/DS1/2-core/styles/ds-language.css +0 -78
  706. package/DS1/2-core/styles/ds-pagedots.css +0 -31
  707. package/DS1/2-core/styles/ds-textarea.css +0 -27
  708. package/DS1/4-page/ds-layout.ts +0 -949
  709. package/DS1/4-page/styles/ds-layout.css +0 -246
  710. package/DS1/react/split.ts +0 -42
  711. package/DS1/x-icon/ezo-accordion-chevron.svg +0 -11
  712. package/DS1/x-icon/ezo-account-close.svg +0 -1
  713. package/DS1/x-icon/ezo-android-screen-archive.svg +0 -4
  714. package/DS1/x-icon/ezo-android-screen-calendar.svg +0 -6
  715. package/DS1/x-icon/ezo-android-screen-camera.svg +0 -5
  716. package/DS1/x-icon/ezo-android-screen-check.svg +0 -3
  717. package/DS1/x-icon/ezo-android-screen-compose.svg +0 -4
  718. package/DS1/x-icon/ezo-android-screen-globe.svg +0 -1
  719. package/DS1/x-icon/ezo-android-screen-shared.svg +0 -5
  720. package/DS1/x-icon/ezo-android-screen-store.svg +0 -4
  721. package/DS1/x-icon/ezo-android-screen-views.svg +0 -4
  722. package/DS1/x-icon/ezo-android-screen-work.svg +0 -3
  723. package/DS1/x-icon/ezo-arrow-cursor.svg +0 -8
  724. package/DS1/x-icon/ezo-block-accordion.svg +0 -1
  725. package/DS1/x-icon/ezo-block-divider.svg +0 -1
  726. package/DS1/x-icon/ezo-block-group.svg +0 -1
  727. package/DS1/x-icon/ezo-block-image.svg +0 -1
  728. package/DS1/x-icon/ezo-block-section.svg +0 -1
  729. package/DS1/x-icon/ezo-block-table.svg +0 -1
  730. package/DS1/x-icon/ezo-code.svg +0 -14
  731. package/DS1/x-icon/ezo-down.svg +0 -3
  732. package/DS1/x-icon/ezo-figma-premium-star.svg +0 -5
  733. package/DS1/x-icon/ezo-item-button-complete.svg +0 -4
  734. package/DS1/x-icon/ezo-item-button-header.svg +0 -3
  735. package/DS1/x-icon/ezo-item-button-open.svg +0 -3
  736. package/DS1/x-icon/ezo-item-button-star.svg +0 -3
  737. package/DS1/x-icon/ezo-item-button-unheader.svg +0 -7
  738. package/DS1/x-icon/ezo-item-button-unstar.svg +0 -5
  739. package/DS1/x-icon/ezo-item-star.svg +0 -5
  740. package/DS1/x-icon/ezo-left.svg +0 -3
  741. package/DS1/x-icon/ezo-logo.svg +0 -1
  742. package/DS1/x-icon/ezo-mic.svg +0 -8
  743. package/DS1/x-icon/ezo-move-column.svg +0 -14
  744. package/DS1/x-icon/ezo-move-row.svg +0 -18
  745. package/DS1/x-icon/ezo-navigation-check.svg +0 -1
  746. package/DS1/x-icon/ezo-note-back.svg +0 -5
  747. package/DS1/x-icon/ezo-note-menu-complete.svg +0 -11
  748. package/DS1/x-icon/ezo-note-menu-delete.svg +0 -4
  749. package/DS1/x-icon/ezo-note-menu-duplicate.svg +0 -8
  750. package/DS1/x-icon/ezo-note-menu-note.svg +0 -5
  751. package/DS1/x-icon/ezo-note-menu-page.svg +0 -3
  752. package/DS1/x-icon/ezo-note-menu-star.svg +0 -5
  753. package/DS1/x-icon/ezo-note-menu-start.svg +0 -6
  754. package/DS1/x-icon/ezo-note-menu-stop.svg +0 -6
  755. package/DS1/x-icon/ezo-note-more.svg +0 -7
  756. package/DS1/x-icon/ezo-note-star.svg +0 -5
  757. package/DS1/x-icon/ezo-pattern-call-to-action.svg +0 -1
  758. package/DS1/x-icon/ezo-play.svg +0 -5
  759. package/DS1/x-icon/ezo-premium-star.svg +0 -5
  760. package/DS1/x-icon/ezo-setting-1xdots.svg +0 -13
  761. package/DS1/x-icon/ezo-setting-1xgrid.svg +0 -10
  762. package/DS1/x-icon/ezo-setting-1xlines.svg +0 -7
  763. package/DS1/x-icon/ezo-setting-2xdots.svg +0 -8
  764. package/DS1/x-icon/ezo-setting-2xgrid.svg +0 -8
  765. package/DS1/x-icon/ezo-setting-2xlines.svg +0 -6
  766. package/DS1/x-icon/ezo-setting-blank.svg +0 -5
  767. package/DS1/x-icon/ezo-store-chevron.svg +0 -1
  768. package/DS1/x-icon/ezo-upgrade-close.svg +0 -5
  769. package/DS1/x-icon/product-sources.json +0 -2557
  770. /package/DS1/x-icon/{ezo-password-visibility-see.svg → password-see.svg} +0 -0
  771. /package/DS1/x-icon/{ezo-password-visibility-unsee.svg → password-unsee.svg} +0 -0
@@ -1,3 +1,3 @@
1
1
  export declare const icons: Readonly<Record<string, string>>;
2
- export declare const deferredIconNames: readonly ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bullet", "callout", "categories", "check-alt", "code", "code-block", "color", "column", "comment", "connect", "content", "default", "dictate", "divider", "equation", "exercise", "ezo-accordion-chevron", "ezo-account-close", "ezo-android-screen-archive", "ezo-android-screen-calendar", "ezo-android-screen-camera", "ezo-android-screen-check", "ezo-android-screen-compose", "ezo-android-screen-globe", "ezo-android-screen-lists", "ezo-android-screen-shared", "ezo-android-screen-stats", "ezo-android-screen-store", "ezo-android-screen-views", "ezo-android-screen-work", "ezo-arrow-cursor", "ezo-block-accordion", "ezo-block-divider", "ezo-block-group", "ezo-block-image", "ezo-block-section", "ezo-block-table", "ezo-code", "ezo-down", "ezo-figma-premium-star", "ezo-item-button-complete", "ezo-item-button-header", "ezo-item-button-open", "ezo-item-button-reopen", "ezo-item-button-star", "ezo-item-button-start", "ezo-item-button-unheader", "ezo-item-button-unstar", "ezo-item-star", "ezo-left", "ezo-logo", "ezo-mic", "ezo-move-column", "ezo-move-row", "ezo-navigation-check", "ezo-note-back", "ezo-note-menu-complete", "ezo-note-menu-delete", "ezo-note-menu-duplicate", "ezo-note-menu-note", "ezo-note-menu-page", "ezo-note-menu-star", "ezo-note-menu-start", "ezo-note-menu-stop", "ezo-note-more", "ezo-note-star", "ezo-password-visibility-see", "ezo-password-visibility-unsee", "ezo-pattern-call-to-action", "ezo-play", "ezo-premium-star", "ezo-setting-1xdots", "ezo-setting-1xgrid", "ezo-setting-1xlines", "ezo-setting-2xdots", "ezo-setting-2xgrid", "ezo-setting-2xlines", "ezo-setting-blank", "ezo-store-chevron", "ezo-upgrade-close", "form", "gallery", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "help", "help-alt", "icon", "image", "in", "indent", "italic", "item", "life", "link", "list-line", "lock-filled", "logo-marquee", "mention", "menu", "minimize", "minimize-alt", "money", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "numbered", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "play-alt", "quote", "redo", "relationships", "rewind", "rewind-30", "rewind-30-alt", "row", "school", "search-30", "see-30", "settings", "slash", "star-alt", "star-alt-2", "status", "status-alt", "status-filled", "strike", "table", "templates", "text", "title", "titlestyle", "todo", "toggle", "triangle", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "warning", "work"];
2
+ export declare const deferredIconNames: readonly ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "airtable", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "attach", "audio", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "bag-alt", "bank", "banknote", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bolt", "book", "book-alt", "box", "briefcase", "building", "bullet", "callout", "car", "card", "cart", "categories", "check-alt", "chevron-left", "chevron-right", "cloud", "code", "code-block", "coffee", "coins", "color", "column", "comment", "connect", "content", "cursor", "curve", "default", "dictate", "dislike", "divider", "dot-bank", "dot-banknote", "dot-banknotes", "dot-card", "dot-coin", "dot-coins", "dot-receipt", "dot-safe", "dot-transfer", "dot-wallet", "download", "drive", "drop", "dropbox", "dumbbell", "equation", "exercise", "eye", "eye-off", "facebook", "figma", "flame", "flip", "food", "form", "fuel", "gallery", "game", "gift", "github", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "heart", "help", "help-alt", "history", "home-alt", "icon", "image", "in", "income", "indent", "info", "instagram", "italic", "item", "jpbank", "key", "keyboard", "life", "like", "link", "linkedin", "list-line", "lock-filled", "logo-marquee", "loom", "map", "medical", "mention", "menu", "minimize", "minimize-alt", "minus", "money", "moon", "move", "music", "music-alt", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "notion", "numbered", "offline", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "password-see", "password-unsee", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "pause", "paw", "pdf", "people", "percent", "phone", "pill", "plane", "play-alt", "postal", "present", "quote", "reaction", "receipt", "redo", "refresh", "refund", "relationships", "repeat", "rewind", "rewind-30", "rewind-30-alt", "rotate", "row", "safe", "school", "school-alt", "search-30", "see-30", "settings", "shield", "shield-alt", "shirt", "shop", "sign-in", "sign-out", "slack", "slash", "sparkle", "star-alt", "star-alt-2", "start", "status", "status-alt", "status-filled", "stop", "strike", "sun", "system", "table", "tag", "templates", "text", "ticket", "title", "title-struck", "titlestyle", "todo", "toggle", "train", "transfer", "triangle", "tv", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "upload", "video", "vimeo", "wallet", "warning", "wifi", "window", "work", "wrench", "x-brand", "youtube"];
3
3
  //# sourceMappingURL=icons-immediate.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icons-immediate.d.ts","sourceRoot":"","sources":["../../../DS1/2-core/generated/icons-immediate.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8ClD,CAAA;AACD,eAAO,MAAM,iBAAiB,4zHAA8kH,CAAA"}
1
+ {"version":3,"file":"icons-immediate.d.ts","sourceRoot":"","sources":["../../../DS1/2-core/generated/icons-immediate.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8ClD,CAAA;AACD,eAAO,MAAM,iBAAiB,8jHAA2xG,CAAA"}
@@ -46,4 +46,4 @@ export const icons = {
46
46
  "up": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.49645 3.48222V16H8.50702L8.50841 3.48259L11.4156 6.38982L12.1095 5.68299L8.00173 1.57524L3.8905 5.68647L4.59784 6.39381L7.49645 3.48222Z\" fill=\"currentColor\"/>\n</svg>",
47
47
  "views": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"7\" cy=\"7\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"0.92\"/>\n<path d=\"M10.2 10.2L13.5 13.5\" stroke=\"currentColor\" stroke-width=\"0.92\"/>\n</svg>"
48
48
  };
49
- export const deferredIconNames = ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bullet", "callout", "categories", "check-alt", "code", "code-block", "color", "column", "comment", "connect", "content", "default", "dictate", "divider", "equation", "exercise", "ezo-accordion-chevron", "ezo-account-close", "ezo-android-screen-archive", "ezo-android-screen-calendar", "ezo-android-screen-camera", "ezo-android-screen-check", "ezo-android-screen-compose", "ezo-android-screen-globe", "ezo-android-screen-lists", "ezo-android-screen-shared", "ezo-android-screen-stats", "ezo-android-screen-store", "ezo-android-screen-views", "ezo-android-screen-work", "ezo-arrow-cursor", "ezo-block-accordion", "ezo-block-divider", "ezo-block-group", "ezo-block-image", "ezo-block-section", "ezo-block-table", "ezo-code", "ezo-down", "ezo-figma-premium-star", "ezo-item-button-complete", "ezo-item-button-header", "ezo-item-button-open", "ezo-item-button-reopen", "ezo-item-button-star", "ezo-item-button-start", "ezo-item-button-unheader", "ezo-item-button-unstar", "ezo-item-star", "ezo-left", "ezo-logo", "ezo-mic", "ezo-move-column", "ezo-move-row", "ezo-navigation-check", "ezo-note-back", "ezo-note-menu-complete", "ezo-note-menu-delete", "ezo-note-menu-duplicate", "ezo-note-menu-note", "ezo-note-menu-page", "ezo-note-menu-star", "ezo-note-menu-start", "ezo-note-menu-stop", "ezo-note-more", "ezo-note-star", "ezo-password-visibility-see", "ezo-password-visibility-unsee", "ezo-pattern-call-to-action", "ezo-play", "ezo-premium-star", "ezo-setting-1xdots", "ezo-setting-1xgrid", "ezo-setting-1xlines", "ezo-setting-2xdots", "ezo-setting-2xgrid", "ezo-setting-2xlines", "ezo-setting-blank", "ezo-store-chevron", "ezo-upgrade-close", "form", "gallery", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "help", "help-alt", "icon", "image", "in", "indent", "italic", "item", "life", "link", "list-line", "lock-filled", "logo-marquee", "mention", "menu", "minimize", "minimize-alt", "money", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "numbered", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "play-alt", "quote", "redo", "relationships", "rewind", "rewind-30", "rewind-30-alt", "row", "school", "search-30", "see-30", "settings", "slash", "star-alt", "star-alt-2", "status", "status-alt", "status-filled", "strike", "table", "templates", "text", "title", "titlestyle", "todo", "toggle", "triangle", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "warning", "work"];
49
+ export const deferredIconNames = ["1x", "1xdots", "1xgrid", "1xlines", "2x", "2xdots", "2xgrid", "2xgrid-alt", "2xgrid-alt-2", "2xgrid-alt-3", "2xlines", "4x4", "airtable", "archive-alt", "arrange-archive", "arrange-check", "arrange-chevron", "arrange-connect", "arrange-draft", "arrange-dropdown", "arrange-home", "arrange-link", "arrange-menu", "arrange-more", "arrange-page", "arrange-plus", "arrange-site", "attach", "audio", "avatar", "badge-bands", "badge-bands-3d", "badge-blue-fan", "badge-blue-fan-3d", "badge-bricks", "badge-bricks-3d", "badge-broken-stripes", "badge-broken-stripes-3d", "badge-checker", "badge-checker-3d", "badge-diamond", "badge-diamond-3d", "badge-fan", "badge-fan-3d", "badge-fan-dark", "badge-fan-dark-3d", "badge-halves", "badge-halves-3d", "badge-halves-green", "badge-halves-green-3d", "badge-red", "badge-red-3d", "badge-red-blue-bricks", "badge-red-blue-bricks-3d", "badge-round-fan", "badge-round-fan-3d", "badge-shard", "badge-shard-3d", "badge-split-circle", "badge-split-circle-3d", "badge-tall-bricks", "badge-tall-bricks-3d", "badge-weave", "badge-weave-3d", "bag-alt", "bank", "banknote", "block-accordion", "block-banner", "block-breadcrumbs", "block-button", "block-divider", "block-forms", "block-group", "block-heading", "block-image", "block-logo-marquee", "block-page-progress", "block-section", "block-table", "block-tabs", "block-text", "bold", "bolt", "book", "book-alt", "box", "briefcase", "building", "bullet", "callout", "car", "card", "cart", "categories", "check-alt", "chevron-left", "chevron-right", "cloud", "code", "code-block", "coffee", "coins", "color", "column", "comment", "connect", "content", "cursor", "curve", "default", "dictate", "dislike", "divider", "dot-bank", "dot-banknote", "dot-banknotes", "dot-card", "dot-coin", "dot-coins", "dot-receipt", "dot-safe", "dot-transfer", "dot-wallet", "download", "drive", "drop", "dropbox", "dumbbell", "equation", "exercise", "eye", "eye-off", "facebook", "figma", "flame", "flip", "food", "form", "fuel", "gallery", "game", "gift", "github", "globe", "group", "group-alt", "group-alt-2", "h1", "h2", "h3", "handle", "head", "heart", "help", "help-alt", "history", "home-alt", "icon", "image", "in", "income", "indent", "info", "instagram", "italic", "item", "jpbank", "key", "keyboard", "life", "like", "link", "linkedin", "list-line", "lock-filled", "logo-marquee", "loom", "map", "medical", "mention", "menu", "minimize", "minimize-alt", "minus", "money", "moon", "move", "music", "music-alt", "navigation-check", "note-alt", "note-alt-2", "note-lines", "notifications", "notion", "numbered", "offline", "open-alt", "open-source", "outdent", "page", "page-18", "page-alt", "page-note", "panel", "password-see", "password-unsee", "pattern-call-to-action", "pattern-card", "pattern-feature", "pattern-hero", "pause", "paw", "pdf", "people", "percent", "phone", "pill", "plane", "play-alt", "postal", "present", "quote", "reaction", "receipt", "redo", "refresh", "refund", "relationships", "repeat", "rewind", "rewind-30", "rewind-30-alt", "rotate", "row", "safe", "school", "school-alt", "search-30", "see-30", "settings", "shield", "shield-alt", "shirt", "shop", "sign-in", "sign-out", "slack", "slash", "sparkle", "star-alt", "star-alt-2", "start", "status", "status-alt", "status-filled", "stop", "strike", "sun", "system", "table", "tag", "templates", "text", "ticket", "title", "title-struck", "titlestyle", "todo", "toggle", "train", "transfer", "triangle", "tv", "underline", "undo", "ungroup", "unhead", "unicon", "untitle", "up-right", "upload", "video", "vimeo", "wallet", "warning", "wifi", "window", "work", "wrench", "x-brand", "youtube"];
@@ -0,0 +1,28 @@
1
+ /** Internal value interaction used by editor handles. No product state is stored.
2
+ * Pointer preview is raw unless snapPreview is set; commits snap to step.
3
+ * Cancellation restores the initial preview and never commits. Keyboard callers
4
+ * choose immediate commits or a preview followed by one commit on keyup/blur.
5
+ * Consumers own placement, undo snapshots and the surrounding document. */
6
+ export interface SpacingOptions {
7
+ value: number;
8
+ min?: number;
9
+ max?: number;
10
+ step?: number;
11
+ shiftStep?: number;
12
+ axis?: "horizontal" | "vertical";
13
+ gain?: number;
14
+ disabled?: boolean;
15
+ snapPreview?: boolean;
16
+ immediateKeyboard?: boolean;
17
+ threshold?: number;
18
+ /** Disable slider keys when a native input owns keyboard editing. */
19
+ keyboard?: boolean;
20
+ onPointerStart?: (event: PointerEvent) => void;
21
+ onStart?: (kind: "pointer" | "keyboard") => void;
22
+ onPreview?: (value: number) => void;
23
+ onCommit: (value: number) => void;
24
+ onEnd?: (cancelled: boolean) => void;
25
+ onTap?: (event: PointerEvent) => void;
26
+ }
27
+ export declare function bindSpacingHandle(target: HTMLElement, options: () => SpacingOptions): () => void;
28
+ //# sourceMappingURL=spacing-handle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing-handle.d.ts","sourceRoot":"","sources":["../../DS1/2-core/spacing-handle.ts"],"names":[],"mappings":"AAAA;;;;2EAI2E;AAC3E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC7E,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IACvE,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,UAAU,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AACD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,cAAc,GAAG,MAAM,IAAI,CA4EhG"}
@@ -0,0 +1,146 @@
1
+ export function bindSpacingHandle(target, options) {
2
+ let cancelPointer;
3
+ let keyboard;
4
+ const clamp = (v, o) => Math.min(o.max ?? Infinity, Math.max(o.min ?? 0, v));
5
+ const snap = (v, o) => clamp(Math.round(v / (o.step || 1)) * (o.step || 1), o);
6
+ const finishKeyboard = (cancel = false) => {
7
+ if (!keyboard)
8
+ return;
9
+ const state = keyboard;
10
+ keyboard = undefined;
11
+ const o = options();
12
+ if (cancel) {
13
+ if (!state.immediate)
14
+ o.onPreview?.(state.start);
15
+ }
16
+ else if (!state.immediate)
17
+ o.onCommit(state.value);
18
+ o.onEnd?.(cancel);
19
+ };
20
+ const down = (e) => {
21
+ const o = options();
22
+ if (o.disabled || !e.isPrimary || e.button !== 0 || e.detail > 1)
23
+ return;
24
+ e.preventDefault();
25
+ e.stopPropagation();
26
+ finishKeyboard();
27
+ cancelPointer?.();
28
+ o.onPointerStart?.(e);
29
+ const start = o.value;
30
+ const origin = o.axis === "vertical" ? e.clientY : e.clientX;
31
+ let value = start;
32
+ let moved = false;
33
+ let active = true;
34
+ const win = target.ownerDocument.defaultView;
35
+ const finish = (cancel) => {
36
+ if (!active)
37
+ return;
38
+ active = false;
39
+ win.removeEventListener("pointermove", move);
40
+ win.removeEventListener("pointerup", up);
41
+ win.removeEventListener("pointercancel", cancelled);
42
+ win.removeEventListener("blur", cancelled);
43
+ win.removeEventListener("keydown", escape);
44
+ target.removeEventListener("lostpointercapture", cancelled);
45
+ cancelPointer = undefined;
46
+ try {
47
+ if (target.hasPointerCapture?.(e.pointerId))
48
+ target.releasePointerCapture(e.pointerId);
49
+ }
50
+ catch { /* capture already released */ }
51
+ if (moved) {
52
+ if (cancel)
53
+ options().onPreview?.(start);
54
+ else
55
+ options().onCommit(snap(value, o));
56
+ options().onEnd?.(cancel);
57
+ }
58
+ else if (!cancel)
59
+ options().onTap?.(e);
60
+ };
61
+ const move = (event) => {
62
+ if (event.pointerId !== e.pointerId)
63
+ return;
64
+ if (options().disabled) {
65
+ finish(true);
66
+ return;
67
+ }
68
+ const delta = (o.axis === "vertical" ? event.clientY : event.clientX) - origin;
69
+ if (!moved && Math.abs(delta) < (o.threshold ?? 3))
70
+ return;
71
+ if (!moved) {
72
+ moved = true;
73
+ options().onStart?.("pointer");
74
+ options().onPreview?.(o.snapPreview ? snap(start, o) : start);
75
+ }
76
+ value = clamp(start + delta * (o.gain ?? 1), o);
77
+ options().onPreview?.(o.snapPreview ? snap(value, o) : value);
78
+ };
79
+ const up = (event) => { if (event.pointerId === e.pointerId)
80
+ finish(false); };
81
+ const cancelled = (event) => { if (!("pointerId" in event) || event.pointerId === e.pointerId)
82
+ finish(true); };
83
+ const escape = (event) => { if (event.key === "Escape") {
84
+ event.preventDefault();
85
+ event.stopPropagation();
86
+ finish(true);
87
+ } };
88
+ try {
89
+ target.setPointerCapture?.(e.pointerId);
90
+ }
91
+ catch { /* window listeners remain available */ }
92
+ win.addEventListener("pointermove", move);
93
+ win.addEventListener("pointerup", up);
94
+ win.addEventListener("pointercancel", cancelled);
95
+ win.addEventListener("blur", cancelled);
96
+ win.addEventListener("keydown", escape);
97
+ target.addEventListener("lostpointercapture", cancelled);
98
+ cancelPointer = () => finish(true);
99
+ };
100
+ const key = (e) => {
101
+ const o = options();
102
+ if (o.keyboard === false)
103
+ return;
104
+ if (o.disabled) {
105
+ finishKeyboard(true);
106
+ return;
107
+ }
108
+ if (e.key === "Escape" && keyboard) {
109
+ e.preventDefault();
110
+ e.stopPropagation();
111
+ finishKeyboard(true);
112
+ return;
113
+ }
114
+ const positive = o.axis === "vertical" ? "ArrowUp" : "ArrowRight";
115
+ const negative = o.axis === "vertical" ? "ArrowDown" : "ArrowLeft";
116
+ if (![positive, negative, "Home", "End"].includes(e.key) || (e.key === "End" && o.max === undefined))
117
+ return;
118
+ e.preventDefault();
119
+ e.stopPropagation();
120
+ if (!keyboard) {
121
+ keyboard = { start: o.value, value: o.value, immediate: !!o.immediateKeyboard };
122
+ o.onStart?.("keyboard");
123
+ }
124
+ const step = e.shiftKey ? (o.shiftStep ?? (o.step || 1) * 10) : (o.step || 1);
125
+ keyboard.value = snap(e.key === "Home" ? (o.min ?? 0) : e.key === "End" ? o.max : (keyboard.immediate ? o.value : keyboard.value) + (e.key === positive ? step : -step), o);
126
+ if (keyboard.immediate)
127
+ o.onCommit(keyboard.value);
128
+ else
129
+ o.onPreview?.(keyboard.value);
130
+ };
131
+ const keyup = (e) => { if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key))
132
+ finishKeyboard(); };
133
+ const blur = () => finishKeyboard();
134
+ target.addEventListener("pointerdown", down);
135
+ target.addEventListener("keydown", key);
136
+ target.addEventListener("keyup", keyup);
137
+ target.addEventListener("blur", blur);
138
+ return () => {
139
+ cancelPointer?.();
140
+ finishKeyboard(true);
141
+ target.removeEventListener("pointerdown", down);
142
+ target.removeEventListener("keydown", key);
143
+ target.removeEventListener("keyup", keyup);
144
+ target.removeEventListener("blur", blur);
145
+ };
146
+ }
@@ -0,0 +1,149 @@
1
+ import { LitElement, type PropertyValues } from "lit";
2
+ import { type CalendarEvent, type Day, type Weekday } from "../0-face/calendar";
3
+ export type { CalendarEvent, Day } from "../0-face/calendar";
4
+ /** Detail of `day-press`: the day and the events on it. Cancel it to keep a selectable calendar's value. */
5
+ export interface CalendarDayDetail {
6
+ day: Day;
7
+ events: CalendarEvent[];
8
+ }
9
+ /** Detail of `event-press`: the event and the day it was pressed on. */
10
+ export interface CalendarEventDetail {
11
+ event: CalendarEvent;
12
+ day: Day;
13
+ }
14
+ /**
15
+ * Detail of `change`: the value a person chose and the one before it. In a
16
+ * range, `value` is `start/end` once both are chosen and the start alone
17
+ * while the end is still to come.
18
+ */
19
+ export interface CalendarChangeDetail {
20
+ value: string;
21
+ previous: string;
22
+ start: Day;
23
+ end: Day;
24
+ }
25
+ /** A value read as a range: `2026-10-21/2026-10-24`, or one day as both ends. Times after a `T` are left off. */
26
+ export declare function readRange(value: string | null | undefined): {
27
+ start: Day;
28
+ end: Day;
29
+ };
30
+ /** Detail of `navigate`: the first month now shown, `YYYY-MM`. */
31
+ export interface CalendarNavigateDetail {
32
+ month: string;
33
+ }
34
+ /** A month written `YYYY-MM` or a day in it, as the first of that month; `null` for anything else. */
35
+ export declare function readMonth(value: string | null | undefined): Day | null;
36
+ export declare abstract class CalendarBase extends LitElement {
37
+ static properties: {
38
+ value: {
39
+ type: StringConstructor;
40
+ reflect: boolean;
41
+ };
42
+ min: {
43
+ type: StringConstructor;
44
+ };
45
+ max: {
46
+ type: StringConstructor;
47
+ };
48
+ today: {
49
+ type: StringConstructor;
50
+ };
51
+ weekStart: {
52
+ type: StringConstructor;
53
+ attribute: string;
54
+ };
55
+ selectable: {
56
+ type: BooleanConstructor;
57
+ reflect: boolean;
58
+ };
59
+ range: {
60
+ type: BooleanConstructor;
61
+ reflect: boolean;
62
+ };
63
+ label: {
64
+ type: StringConstructor;
65
+ };
66
+ literal: {
67
+ type: BooleanConstructor;
68
+ reflect: boolean;
69
+ };
70
+ events: {
71
+ attribute: boolean;
72
+ };
73
+ focusDay: {
74
+ state: boolean;
75
+ };
76
+ hoverDay: {
77
+ state: boolean;
78
+ };
79
+ };
80
+ /** The selected day, `YYYY-MM-DD`, or with `range` the days `YYYY-MM-DD/YYYY-MM-DD`; empty for none. */
81
+ value: string;
82
+ /** The first day a person may choose. */
83
+ min: string | undefined;
84
+ /** The last day a person may choose. */
85
+ max: string | undefined;
86
+ /** The day drawn as today; the reader's own today when left out. */
87
+ today: string | undefined;
88
+ /** The first day of the week: `0`–`6` from Sunday, or a day's English name; the language's own when left out. */
89
+ weekStart: string | undefined;
90
+ /** Pressing a day selects it and fires `change`. */
91
+ selectable: boolean;
92
+ /** A selectable calendar chooses a first and a last day. */
93
+ range: boolean;
94
+ /** The grid's name: a translation key, or literal words. The month's name when left out. */
95
+ label: string | undefined;
96
+ /** Show `label` as written, never looked up. */
97
+ literal: boolean;
98
+ /** What happens on the days. */
99
+ events: CalendarEvent[];
100
+ /** The day that holds the grid's one Tab stop. */
101
+ focusDay: Day | undefined;
102
+ /** The day under the pointer, which previews a range's end. */
103
+ hoverDay: Day | undefined;
104
+ /** Weeks run along rows (a month) or along columns (the large calendar). */
105
+ protected abstract readonly weeksRun: "rows" | "columns";
106
+ private readonly relabel;
107
+ constructor();
108
+ connectedCallback(): void;
109
+ disconnectedCallback(): void;
110
+ protected willUpdate(changed: PropertyValues<this>): void;
111
+ /** Shared words, filled in: `words("Week {week}", { week: 42 })`. */
112
+ protected words(key: string, params?: Record<string, string | number>): string;
113
+ /** The page's name for the grid, or `fallback`. */
114
+ protected nameOr(fallback: string): string;
115
+ protected get firstDay(): Weekday;
116
+ protected get todayDay(): Day;
117
+ protected get minDay(): Day | undefined;
118
+ protected get maxDay(): Day | undefined;
119
+ /** Whether a person may choose the day. */
120
+ protected allowed(day: Day): boolean;
121
+ /** The chosen days: the first and the last of a range, or the one day twice. */
122
+ protected get chosen(): {
123
+ start: Day;
124
+ end: Day;
125
+ };
126
+ /** How a day stands to the selection: an end of it, inside it, or neither; with the end still to come, the pointer previews it. */
127
+ protected selection(day: Day): {
128
+ selected: boolean;
129
+ inside: boolean;
130
+ first: boolean;
131
+ last: boolean;
132
+ };
133
+ /** What a day's cell is called: the whole date, then what is on it. */
134
+ protected cellLabel(day: Day, events: readonly CalendarEvent[]): string;
135
+ /** The day a key moves to from `from`, or `null` for a key the grid leaves alone. */
136
+ protected keyTarget(event: KeyboardEvent, from: Day): Day | null;
137
+ /** The events a day holds, for `day-press`. */
138
+ protected abstract eventsOn(day: Day): CalendarEvent[];
139
+ /**
140
+ * A person pressed a day: `day-press` fires, and unless it is cancelled a
141
+ * selectable calendar takes the day and fires `change`.
142
+ */
143
+ protected press(day: Day): void;
144
+ protected pressEvent(event: CalendarEvent, day: Day): void;
145
+ protected announceMonth(month: Day): void;
146
+ /** Puts keyboard focus on a drawn day once the grid has drawn it. */
147
+ protected focusCell(day: Day): Promise<void>;
148
+ }
149
+ //# sourceMappingURL=calendar-base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/calendar-base.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAUL,KAAK,aAAa,EAClB,KAAK,GAAG,EACR,KAAK,OAAO,EACb,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE7D,4GAA4G;AAC5G,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,GAAG,CAAC;IACT,MAAM,EAAE,aAAa,EAAE,CAAC;CACzB;AAED,wEAAwE;AACxE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,GAAG,CAAC;CACV;AAED;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,GAAG,CAAC;CACV;AAED,iHAAiH;AACjH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,GAAG,EAAE,GAAG,CAAA;CAAE,CAMpF;AAED,kEAAkE;AAClE,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sGAAsG;AACtG,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,GAAG,GAAG,IAAI,CAItE;AAED,8BAAsB,YAAa,SAAQ,UAAU;IACnD,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAaf;IAEF,wGAAwG;IAChG,KAAK,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACjC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,wCAAwC;IAChC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,oEAAoE;IAC5D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,iHAAiH;IACzG,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,oDAAoD;IAC5C,UAAU,EAAE,OAAO,CAAC;IAC5B,4DAA4D;IACpD,KAAK,EAAE,OAAO,CAAC;IACvB,4FAA4F;IACpF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gDAAgD;IACxC,OAAO,EAAE,OAAO,CAAC;IACzB,gCAAgC;IACxB,MAAM,EAAE,aAAa,EAAE,CAAC;IAChC,kDAAkD;IAC1C,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAClC,+DAA+D;IACvD,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAElC,4EAA4E;IAC5E,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA8B;;IAWtD,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;IAKlD,qEAAqE;IACrE,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM;IAK9E,mDAAmD;IACnD,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAK1C,SAAS,KAAK,QAAQ,IAAI,OAAO,CAEhC;IAED,SAAS,KAAK,QAAQ,IAAI,GAAG,CAE5B;IAED,SAAS,KAAK,MAAM,IAAI,GAAG,GAAG,SAAS,CAEtC;IAED,SAAS,KAAK,MAAM,IAAI,GAAG,GAAG,SAAS,CAEtC;IAED,2CAA2C;IAC3C,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO;IAIpC,gFAAgF;IAChF,SAAS,KAAK,MAAM,IAAI;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,GAAG,EAAE,GAAG,CAAA;KAAE,CAG/C;IAED,mIAAmI;IACnI,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE;IASpG,uEAAuE;IACvE,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,aAAa,EAAE,GAAG,MAAM;IAIvE,qFAAqF;IACrF,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI;IAkBhE,+CAA+C;IAC/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,aAAa,EAAE;IAEtD;;;OAGG;IACH,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG;IAuBxB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG;IAInD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,GAAG;IAIlC,qEAAqE;cACrD,SAAS,CAAC,GAAG,EAAE,GAAG;CAOnC"}
@@ -0,0 +1,172 @@
1
+ // calendar-base.ts
2
+ // What ds-calendar and ds-calendar-large share: the days a person may reach,
3
+ // today, the selected day, the week's start, events, words in the current
4
+ // language and the grid's keys. Each element draws its own grid; the month
5
+ // calendar lays weeks in rows, the large calendar weeks in columns, and the
6
+ // keys follow the drawing.
7
+ import { LitElement } from "lit";
8
+ import { getText } from "../0-face/i18n";
9
+ import { addDays, addMonths, clampDay, dayLabel, firstWeekday, isDay, readWeekday, today, weekdayOf, } from "../0-face/calendar";
10
+ /** A value read as a range: `2026-10-21/2026-10-24`, or one day as both ends. Times after a `T` are left off. */
11
+ export function readRange(value) {
12
+ const [first = "", second = ""] = (value ?? "").split("/").map(part => part.trim().slice(0, 10));
13
+ const start = isDay(first) ? first : "";
14
+ const end = isDay(second) ? second : "";
15
+ if (start && end && end < start)
16
+ return { start: end, end: start };
17
+ return { start, end };
18
+ }
19
+ /** A month written `YYYY-MM` or a day in it, as the first of that month; `null` for anything else. */
20
+ export function readMonth(value) {
21
+ const text = value?.trim() ?? "";
22
+ const day = /^\d{4}-\d{2}$/.test(text) ? `${text}-01` : text;
23
+ return isDay(day) ? `${day.slice(0, 8)}01` : null;
24
+ }
25
+ export class CalendarBase extends LitElement {
26
+ constructor() {
27
+ super();
28
+ this.relabel = () => this.requestUpdate();
29
+ this.value = "";
30
+ this.selectable = false;
31
+ this.range = false;
32
+ this.literal = false;
33
+ this.events = [];
34
+ }
35
+ connectedCallback() {
36
+ super.connectedCallback();
37
+ window.addEventListener("language-changed", this.relabel);
38
+ window.addEventListener("translations-loaded", this.relabel);
39
+ }
40
+ disconnectedCallback() {
41
+ window.removeEventListener("language-changed", this.relabel);
42
+ window.removeEventListener("translations-loaded", this.relabel);
43
+ super.disconnectedCallback();
44
+ }
45
+ willUpdate(changed) {
46
+ super.willUpdate(changed);
47
+ if (changed.has("value") && this.value && !readRange(this.value).start)
48
+ this.value = "";
49
+ }
50
+ /** Shared words, filled in: `words("Week {week}", { week: 42 })`. */
51
+ words(key, params) {
52
+ const text = getText(key, params) || key;
53
+ return params ? text.replace(/\{\{?(\w+)\}?\}/g, (whole, name) => (name in params ? String(params[name]) : whole)) : text;
54
+ }
55
+ /** The page's name for the grid, or `fallback`. */
56
+ nameOr(fallback) {
57
+ if (!this.label)
58
+ return fallback;
59
+ return this.literal ? this.label : getText(this.label) || this.label;
60
+ }
61
+ get firstDay() {
62
+ return readWeekday(this.weekStart) ?? firstWeekday();
63
+ }
64
+ get todayDay() {
65
+ return isDay(this.today) ? this.today : today();
66
+ }
67
+ get minDay() {
68
+ return isDay(this.min) ? this.min : undefined;
69
+ }
70
+ get maxDay() {
71
+ return isDay(this.max) ? this.max : undefined;
72
+ }
73
+ /** Whether a person may choose the day. */
74
+ allowed(day) {
75
+ return clampDay(day, this.minDay, this.maxDay) === day;
76
+ }
77
+ /** The chosen days: the first and the last of a range, or the one day twice. */
78
+ get chosen() {
79
+ const { start, end } = readRange(this.value);
80
+ return this.range ? { start, end } : { start, end: start };
81
+ }
82
+ /** How a day stands to the selection: an end of it, inside it, or neither; with the end still to come, the pointer previews it. */
83
+ selection(day) {
84
+ let { start, end } = this.chosen;
85
+ if (this.range && start && !end && this.hoverDay)
86
+ end = this.hoverDay;
87
+ if (end && end < start)
88
+ [start, end] = [end, start];
89
+ const selected = day === start || day === end;
90
+ const spans = Boolean(this.range && start && end && start !== end);
91
+ return { selected, inside: spans && day > start && day < end, first: spans && day === start, last: spans && day === end };
92
+ }
93
+ /** What a day's cell is called: the whole date, then what is on it. */
94
+ cellLabel(day, events) {
95
+ return [dayLabel(day), ...events.map(event => (event.time ? `${event.time} ${event.title}` : event.title))].join(", ");
96
+ }
97
+ /** The day a key moves to from `from`, or `null` for a key the grid leaves alone. */
98
+ keyTarget(event, from) {
99
+ const rtl = getComputedStyle(this).direction === "rtl";
100
+ const across = this.weeksRun === "rows" ? 1 : 7;
101
+ const down = this.weeksRun === "rows" ? 7 : 1;
102
+ const start = (weekdayOf(from) - this.firstDay + 7) % 7;
103
+ switch (event.key) {
104
+ case "ArrowRight": return addDays(from, rtl ? -across : across);
105
+ case "ArrowLeft": return addDays(from, rtl ? across : -across);
106
+ case "ArrowDown": return addDays(from, down);
107
+ case "ArrowUp": return addDays(from, -down);
108
+ case "Home": return addDays(from, -start);
109
+ case "End": return addDays(from, 6 - start);
110
+ case "PageUp": return addMonths(from, event.shiftKey ? -12 : -1);
111
+ case "PageDown": return addMonths(from, event.shiftKey ? 12 : 1);
112
+ default: return null;
113
+ }
114
+ }
115
+ /**
116
+ * A person pressed a day: `day-press` fires, and unless it is cancelled a
117
+ * selectable calendar takes the day and fires `change`.
118
+ */
119
+ press(day) {
120
+ const pressed = new CustomEvent("day-press", {
121
+ bubbles: true,
122
+ composed: true,
123
+ cancelable: true,
124
+ detail: { day, events: this.eventsOn(day) },
125
+ });
126
+ if (!this.dispatchEvent(pressed) || !this.selectable || !this.allowed(day))
127
+ return;
128
+ const previous = this.value || "";
129
+ let value = day;
130
+ if (this.range) {
131
+ // The first press starts a range, the second ends it (either way round); a third starts again.
132
+ const { start, end } = readRange(previous);
133
+ if (start && !end)
134
+ value = day < start ? `${day}/${start}` : `${start}/${day}`;
135
+ }
136
+ this.focusDay = day;
137
+ if (value === previous)
138
+ return;
139
+ this.value = value;
140
+ this.hoverDay = undefined;
141
+ const { start, end } = readRange(value);
142
+ this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true, detail: { value, previous, start, end: this.range ? end : start } }));
143
+ }
144
+ pressEvent(event, day) {
145
+ this.dispatchEvent(new CustomEvent("event-press", { bubbles: true, composed: true, detail: { event, day } }));
146
+ }
147
+ announceMonth(month) {
148
+ this.dispatchEvent(new CustomEvent("navigate", { bubbles: true, composed: true, detail: { month: month.slice(0, 7) } }));
149
+ }
150
+ /** Puts keyboard focus on a drawn day once the grid has drawn it. */
151
+ async focusCell(day) {
152
+ this.focusDay = day;
153
+ await this.updateComplete;
154
+ const cell = this.renderRoot.querySelector(`[data-day="${day}"]`);
155
+ cell?.focus({ preventScroll: true });
156
+ cell?.scrollIntoView?.({ block: "nearest", inline: "nearest" });
157
+ }
158
+ }
159
+ CalendarBase.properties = {
160
+ value: { type: String, reflect: true },
161
+ min: { type: String },
162
+ max: { type: String },
163
+ today: { type: String },
164
+ weekStart: { type: String, attribute: "week-start" },
165
+ selectable: { type: Boolean, reflect: true },
166
+ range: { type: Boolean, reflect: true },
167
+ label: { type: String },
168
+ literal: { type: Boolean, reflect: true },
169
+ events: { attribute: false },
170
+ focusDay: { state: true },
171
+ hoverDay: { state: true },
172
+ };
@@ -9,6 +9,9 @@ import "./ds-row";
9
9
  * Usage (with translation text):
10
10
  * <ds-accordion summary="How it began" details="Designed in Hokkaido"></ds-accordion>
11
11
  *
12
+ * Usage (with text someone wrote, shown as it stands and never translated):
13
+ * <ds-accordion literal summary="Ideas for spring" details="Plant the bulbs"></ds-accordion>
14
+ *
12
15
  * Usage (with slotted details content):
13
16
  * <ds-accordion summary="How it began">
14
17
  * <div slot="details">Rich HTML content here</div>
@@ -22,6 +25,10 @@ export declare class Accordion extends LitElement {
22
25
  details: {
23
26
  type: StringConstructor;
24
27
  };
28
+ literal: {
29
+ type: BooleanConstructor;
30
+ reflect: boolean;
31
+ };
25
32
  open: {
26
33
  type: BooleanConstructor;
27
34
  reflect: boolean;
@@ -37,6 +44,8 @@ export declare class Accordion extends LitElement {
37
44
  };
38
45
  summary: string;
39
46
  details: string;
47
+ /** The summary and details are what someone wrote, not translation keys. */
48
+ literal: boolean;
40
49
  open: boolean;
41
50
  control: string;
42
51
  _hasSlottedContent: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAClD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,CAAC;AAGlB;;;;;;;;;;GAUG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;MAMf;IAEM,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,OAAO,CAAC;;IAkBpC,OAAO,CAAC,SAAS,CASf;IACF,OAAO;IAEP,MAAM,CAAC,MAAM,0BAAqB;IAElC,OAAO,CAAC,iBAAiB;IAYzB,MAAM;CAmCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"ds-accordion.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAClD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,CAAC;AAGlB;;;;;;;;;;;;;GAaG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IACxB,4EAA4E;IACpE,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,OAAO,CAAC;;IAmBpC,OAAO,CAAC,SAAS,CASf;IACF,OAAO;IAEP,MAAM,CAAC,MAAM,0BAAqB;IAElC,OAAO,CAAC,iBAAiB;IAYzB,MAAM;CAoCP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}