snice 1.14.2 → 2.1.0

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 (311) hide show
  1. package/bin/templates/base/tsconfig.json +5 -4
  2. package/components/accordion/demo.html +403 -0
  3. package/components/alert/demo.html +445 -0
  4. package/components/avatar/demo.html +598 -0
  5. package/components/badge/demo.html +523 -0
  6. package/components/breadcrumbs/demo.html +404 -0
  7. package/components/button/demo.html +42 -0
  8. package/components/card/demo.html +525 -0
  9. package/components/checkbox/demo.html +253 -0
  10. package/components/chip/demo.html +383 -0
  11. package/components/date-picker/demo.html +191 -0
  12. package/components/divider/demo.html +233 -0
  13. package/components/drawer/demo.html +328 -0
  14. package/components/input/demo.html +303 -0
  15. package/components/input/test.html +77 -0
  16. package/components/layout/demo.html +538 -0
  17. package/components/login/demo-auth-controller.ts +185 -0
  18. package/components/login/demo.html +470 -0
  19. package/components/login/snice-login.ts +2 -2
  20. package/components/modal/demo.html +291 -0
  21. package/components/pagination/demo.html +395 -0
  22. package/components/progress/demo.html +510 -0
  23. package/components/radio/demo.html +287 -0
  24. package/components/select/demo.html +511 -0
  25. package/components/skeleton/demo.html +514 -0
  26. package/components/switch/demo.html +284 -0
  27. package/components/table/demo-table-controller.ts +100 -0
  28. package/components/table/demo.html +480 -0
  29. package/components/table/snice-table.ts +2 -2
  30. package/components/tabs/demo.html +487 -0
  31. package/components/toast/demo.html +329 -0
  32. package/components/tooltip/demo.html +350 -0
  33. package/dist/index.cjs +441 -329
  34. package/dist/index.cjs.map +1 -1
  35. package/dist/index.cjs.min.map +1 -1
  36. package/dist/index.esm.js +441 -329
  37. package/dist/index.esm.js.map +1 -1
  38. package/dist/index.esm.min.js +3 -3
  39. package/dist/index.esm.min.js.map +1 -1
  40. package/dist/index.iife.js +441 -329
  41. package/dist/index.iife.js.map +1 -1
  42. package/dist/index.iife.min.js +3 -3
  43. package/dist/index.iife.min.js.map +1 -1
  44. package/dist/symbols.esm.js +1 -1
  45. package/dist/transitions.esm.js +1 -1
  46. package/dist/types/controller.d.ts +1 -1
  47. package/dist/types/element.d.ts +10 -10
  48. package/dist/types/events.d.ts +2 -2
  49. package/dist/types/index.d.ts +1 -1
  50. package/dist/types/observe.d.ts +1 -1
  51. package/dist/types/request-response.d.ts +2 -3
  52. package/dist/types/router.d.ts +1 -1
  53. package/package.json +9 -10
  54. package/dist/components/accordion/snice-accordion-item.d.ts +0 -25
  55. package/dist/components/accordion/snice-accordion-item.js +0 -260
  56. package/dist/components/accordion/snice-accordion-item.js.map +0 -1
  57. package/dist/components/accordion/snice-accordion.d.ts +0 -28
  58. package/dist/components/accordion/snice-accordion.js +0 -221
  59. package/dist/components/accordion/snice-accordion.js.map +0 -1
  60. package/dist/components/accordion/snice-accordion.types.d.ts +0 -29
  61. package/dist/components/accordion/snice-accordion.types.js +0 -2
  62. package/dist/components/accordion/snice-accordion.types.js.map +0 -1
  63. package/dist/components/alert/snice-alert.d.ts +0 -26
  64. package/dist/components/alert/snice-alert.js +0 -191
  65. package/dist/components/alert/snice-alert.js.map +0 -1
  66. package/dist/components/alert/snice-alert.types.d.ts +0 -11
  67. package/dist/components/alert/snice-alert.types.js +0 -2
  68. package/dist/components/alert/snice-alert.types.js.map +0 -1
  69. package/dist/components/avatar/snice-avatar.d.ts +0 -24
  70. package/dist/components/avatar/snice-avatar.js +0 -177
  71. package/dist/components/avatar/snice-avatar.js.map +0 -1
  72. package/dist/components/avatar/snice-avatar.types.d.ts +0 -12
  73. package/dist/components/avatar/snice-avatar.types.js +0 -2
  74. package/dist/components/avatar/snice-avatar.types.js.map +0 -1
  75. package/dist/components/badge/snice-badge.d.ts +0 -25
  76. package/dist/components/badge/snice-badge.js +0 -157
  77. package/dist/components/badge/snice-badge.js.map +0 -1
  78. package/dist/components/badge/snice-badge.types.d.ts +0 -15
  79. package/dist/components/badge/snice-badge.types.js +0 -2
  80. package/dist/components/badge/snice-badge.types.js.map +0 -1
  81. package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +0 -27
  82. package/dist/components/breadcrumbs/snice-breadcrumbs.js +0 -212
  83. package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +0 -1
  84. package/dist/components/breadcrumbs/snice-breadcrumbs.types.d.ts +0 -23
  85. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js +0 -2
  86. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js.map +0 -1
  87. package/dist/components/breadcrumbs/snice-crumb.d.ts +0 -9
  88. package/dist/components/breadcrumbs/snice-crumb.js +0 -50
  89. package/dist/components/breadcrumbs/snice-crumb.js.map +0 -1
  90. package/dist/components/button/snice-button.d.ts +0 -32
  91. package/dist/components/button/snice-button.js +0 -212
  92. package/dist/components/button/snice-button.js.map +0 -1
  93. package/dist/components/button/snice-button.types.d.ts +0 -23
  94. package/dist/components/button/snice-button.types.js +0 -2
  95. package/dist/components/button/snice-button.types.js.map +0 -1
  96. package/dist/components/card/snice-card.d.ts +0 -19
  97. package/dist/components/card/snice-card.js +0 -132
  98. package/dist/components/card/snice-card.js.map +0 -1
  99. package/dist/components/card/snice-card.types.d.ts +0 -9
  100. package/dist/components/card/snice-card.types.js +0 -2
  101. package/dist/components/card/snice-card.types.js.map +0 -1
  102. package/dist/components/checkbox/snice-checkbox.d.ts +0 -34
  103. package/dist/components/checkbox/snice-checkbox.js +0 -289
  104. package/dist/components/checkbox/snice-checkbox.js.map +0 -1
  105. package/dist/components/checkbox/snice-checkbox.types.d.ts +0 -20
  106. package/dist/components/checkbox/snice-checkbox.types.js +0 -2
  107. package/dist/components/checkbox/snice-checkbox.types.js.map +0 -1
  108. package/dist/components/chip/snice-chip.d.ts +0 -28
  109. package/dist/components/chip/snice-chip.js +0 -203
  110. package/dist/components/chip/snice-chip.js.map +0 -1
  111. package/dist/components/chip/snice-chip.types.d.ts +0 -14
  112. package/dist/components/chip/snice-chip.types.js +0 -2
  113. package/dist/components/chip/snice-chip.types.js.map +0 -1
  114. package/dist/components/date-picker/snice-date-picker.d.ts +0 -82
  115. package/dist/components/date-picker/snice-date-picker.js +0 -880
  116. package/dist/components/date-picker/snice-date-picker.js.map +0 -1
  117. package/dist/components/date-picker/snice-date-picker.types.d.ts +0 -71
  118. package/dist/components/date-picker/snice-date-picker.types.js +0 -2
  119. package/dist/components/date-picker/snice-date-picker.types.js.map +0 -1
  120. package/dist/components/divider/snice-divider.d.ts +0 -17
  121. package/dist/components/divider/snice-divider.js +0 -111
  122. package/dist/components/divider/snice-divider.js.map +0 -1
  123. package/dist/components/divider/snice-divider.types.d.ts +0 -14
  124. package/dist/components/divider/snice-divider.types.js +0 -2
  125. package/dist/components/divider/snice-divider.types.js.map +0 -1
  126. package/dist/components/drawer/snice-drawer.d.ts +0 -37
  127. package/dist/components/drawer/snice-drawer.js +0 -335
  128. package/dist/components/drawer/snice-drawer.js.map +0 -1
  129. package/dist/components/drawer/snice-drawer.types.d.ts +0 -16
  130. package/dist/components/drawer/snice-drawer.types.js +0 -2
  131. package/dist/components/drawer/snice-drawer.types.js.map +0 -1
  132. package/dist/components/input/snice-input.d.ts +0 -65
  133. package/dist/components/input/snice-input.js +0 -603
  134. package/dist/components/input/snice-input.js.map +0 -1
  135. package/dist/components/input/snice-input.types.d.ts +0 -53
  136. package/dist/components/input/snice-input.types.js +0 -2
  137. package/dist/components/input/snice-input.types.js.map +0 -1
  138. package/dist/components/layout/snice-layout-blog.d.ts +0 -4
  139. package/dist/components/layout/snice-layout-blog.js +0 -56
  140. package/dist/components/layout/snice-layout-blog.js.map +0 -1
  141. package/dist/components/layout/snice-layout-card.d.ts +0 -6
  142. package/dist/components/layout/snice-layout-card.js +0 -53
  143. package/dist/components/layout/snice-layout-card.js.map +0 -1
  144. package/dist/components/layout/snice-layout-centered.d.ts +0 -5
  145. package/dist/components/layout/snice-layout-centered.js +0 -38
  146. package/dist/components/layout/snice-layout-centered.js.map +0 -1
  147. package/dist/components/layout/snice-layout-dashboard.d.ts +0 -4
  148. package/dist/components/layout/snice-layout-dashboard.js +0 -53
  149. package/dist/components/layout/snice-layout-dashboard.js.map +0 -1
  150. package/dist/components/layout/snice-layout-fullscreen.d.ts +0 -5
  151. package/dist/components/layout/snice-layout-fullscreen.js +0 -50
  152. package/dist/components/layout/snice-layout-fullscreen.js.map +0 -1
  153. package/dist/components/layout/snice-layout-landing.d.ts +0 -4
  154. package/dist/components/layout/snice-layout-landing.js +0 -55
  155. package/dist/components/layout/snice-layout-landing.js.map +0 -1
  156. package/dist/components/layout/snice-layout-minimal.d.ts +0 -4
  157. package/dist/components/layout/snice-layout-minimal.js +0 -27
  158. package/dist/components/layout/snice-layout-minimal.js.map +0 -1
  159. package/dist/components/layout/snice-layout-sidebar.d.ts +0 -5
  160. package/dist/components/layout/snice-layout-sidebar.js +0 -64
  161. package/dist/components/layout/snice-layout-sidebar.js.map +0 -1
  162. package/dist/components/layout/snice-layout-split.d.ts +0 -6
  163. package/dist/components/layout/snice-layout-split.js +0 -47
  164. package/dist/components/layout/snice-layout-split.js.map +0 -1
  165. package/dist/components/layout/snice-layout.d.ts +0 -4
  166. package/dist/components/layout/snice-layout.js +0 -43
  167. package/dist/components/layout/snice-layout.js.map +0 -1
  168. package/dist/components/layout/snice-layout.types.d.ts +0 -3
  169. package/dist/components/layout/snice-layout.types.js +0 -2
  170. package/dist/components/layout/snice-layout.types.js.map +0 -1
  171. package/dist/components/login/snice-login.d.ts +0 -45
  172. package/dist/components/login/snice-login.js +0 -385
  173. package/dist/components/login/snice-login.js.map +0 -1
  174. package/dist/components/login/snice-login.types.d.ts +0 -31
  175. package/dist/components/login/snice-login.types.js +0 -2
  176. package/dist/components/login/snice-login.types.js.map +0 -1
  177. package/dist/components/modal/snice-modal.d.ts +0 -32
  178. package/dist/components/modal/snice-modal.js +0 -288
  179. package/dist/components/modal/snice-modal.js.map +0 -1
  180. package/dist/components/modal/snice-modal.types.d.ts +0 -18
  181. package/dist/components/modal/snice-modal.types.js +0 -2
  182. package/dist/components/modal/snice-modal.types.js.map +0 -1
  183. package/dist/components/pagination/snice-pagination.d.ts +0 -26
  184. package/dist/components/pagination/snice-pagination.js +0 -373
  185. package/dist/components/pagination/snice-pagination.js.map +0 -1
  186. package/dist/components/pagination/snice-pagination.types.d.ts +0 -18
  187. package/dist/components/pagination/snice-pagination.types.js +0 -2
  188. package/dist/components/pagination/snice-pagination.types.js.map +0 -1
  189. package/dist/components/progress/snice-progress.d.ts +0 -35
  190. package/dist/components/progress/snice-progress.js +0 -295
  191. package/dist/components/progress/snice-progress.js.map +0 -1
  192. package/dist/components/progress/snice-progress.types.d.ts +0 -18
  193. package/dist/components/progress/snice-progress.types.js +0 -2
  194. package/dist/components/progress/snice-progress.types.js.map +0 -1
  195. package/dist/components/radio/snice-radio.d.ts +0 -33
  196. package/dist/components/radio/snice-radio.js +0 -286
  197. package/dist/components/radio/snice-radio.js.map +0 -1
  198. package/dist/components/radio/snice-radio.types.d.ts +0 -19
  199. package/dist/components/radio/snice-radio.types.js +0 -2
  200. package/dist/components/radio/snice-radio.types.js.map +0 -1
  201. package/dist/components/select/snice-option.d.ts +0 -17
  202. package/dist/components/select/snice-option.js +0 -77
  203. package/dist/components/select/snice-option.js.map +0 -1
  204. package/dist/components/select/snice-option.types.d.ts +0 -14
  205. package/dist/components/select/snice-option.types.js +0 -2
  206. package/dist/components/select/snice-option.types.js.map +0 -1
  207. package/dist/components/select/snice-select.d.ts +0 -89
  208. package/dist/components/select/snice-select.js +0 -900
  209. package/dist/components/select/snice-select.js.map +0 -1
  210. package/dist/components/select/snice-select.types.d.ts +0 -49
  211. package/dist/components/select/snice-select.types.js +0 -2
  212. package/dist/components/select/snice-select.types.js.map +0 -1
  213. package/dist/components/skeleton/snice-skeleton.d.ts +0 -16
  214. package/dist/components/skeleton/snice-skeleton.js +0 -159
  215. package/dist/components/skeleton/snice-skeleton.js.map +0 -1
  216. package/dist/components/skeleton/snice-skeleton.types.d.ts +0 -10
  217. package/dist/components/skeleton/snice-skeleton.types.js +0 -2
  218. package/dist/components/skeleton/snice-skeleton.types.js.map +0 -1
  219. package/dist/components/switch/snice-switch.d.ts +0 -38
  220. package/dist/components/switch/snice-switch.js +0 -309
  221. package/dist/components/switch/snice-switch.js.map +0 -1
  222. package/dist/components/switch/snice-switch.types.d.ts +0 -21
  223. package/dist/components/switch/snice-switch.types.js +0 -2
  224. package/dist/components/switch/snice-switch.types.js.map +0 -1
  225. package/dist/components/symbols.d.ts +0 -1
  226. package/dist/components/symbols.js +0 -20
  227. package/dist/components/symbols.js.map +0 -1
  228. package/dist/components/table/snice-cell-boolean.d.ts +0 -21
  229. package/dist/components/table/snice-cell-boolean.js +0 -152
  230. package/dist/components/table/snice-cell-boolean.js.map +0 -1
  231. package/dist/components/table/snice-cell-date.d.ts +0 -24
  232. package/dist/components/table/snice-cell-date.js +0 -240
  233. package/dist/components/table/snice-cell-date.js.map +0 -1
  234. package/dist/components/table/snice-cell-duration.d.ts +0 -16
  235. package/dist/components/table/snice-cell-duration.js +0 -123
  236. package/dist/components/table/snice-cell-duration.js.map +0 -1
  237. package/dist/components/table/snice-cell-filesize.d.ts +0 -16
  238. package/dist/components/table/snice-cell-filesize.js +0 -119
  239. package/dist/components/table/snice-cell-filesize.js.map +0 -1
  240. package/dist/components/table/snice-cell-number.d.ts +0 -23
  241. package/dist/components/table/snice-cell-number.js +0 -202
  242. package/dist/components/table/snice-cell-number.js.map +0 -1
  243. package/dist/components/table/snice-cell-progress.d.ts +0 -17
  244. package/dist/components/table/snice-cell-progress.js +0 -114
  245. package/dist/components/table/snice-cell-progress.js.map +0 -1
  246. package/dist/components/table/snice-cell-rating.d.ts +0 -17
  247. package/dist/components/table/snice-cell-rating.js +0 -113
  248. package/dist/components/table/snice-cell-rating.js.map +0 -1
  249. package/dist/components/table/snice-cell-sparkline.d.ts +0 -29
  250. package/dist/components/table/snice-cell-sparkline.js +0 -290
  251. package/dist/components/table/snice-cell-sparkline.js.map +0 -1
  252. package/dist/components/table/snice-cell-text.d.ts +0 -19
  253. package/dist/components/table/snice-cell-text.js +0 -153
  254. package/dist/components/table/snice-cell-text.js.map +0 -1
  255. package/dist/components/table/snice-cell.d.ts +0 -32
  256. package/dist/components/table/snice-cell.js +0 -451
  257. package/dist/components/table/snice-cell.js.map +0 -1
  258. package/dist/components/table/snice-column.d.ts +0 -62
  259. package/dist/components/table/snice-column.js +0 -440
  260. package/dist/components/table/snice-column.js.map +0 -1
  261. package/dist/components/table/snice-header.d.ts +0 -33
  262. package/dist/components/table/snice-header.js +0 -303
  263. package/dist/components/table/snice-header.js.map +0 -1
  264. package/dist/components/table/snice-progress.d.ts +0 -10
  265. package/dist/components/table/snice-progress.js +0 -91
  266. package/dist/components/table/snice-progress.js.map +0 -1
  267. package/dist/components/table/snice-rating.d.ts +0 -9
  268. package/dist/components/table/snice-rating.js +0 -68
  269. package/dist/components/table/snice-rating.js.map +0 -1
  270. package/dist/components/table/snice-row.d.ts +0 -43
  271. package/dist/components/table/snice-row.js +0 -365
  272. package/dist/components/table/snice-row.js.map +0 -1
  273. package/dist/components/table/snice-table.d.ts +0 -69
  274. package/dist/components/table/snice-table.js +0 -814
  275. package/dist/components/table/snice-table.js.map +0 -1
  276. package/dist/components/table/snice-table.types.d.ts +0 -137
  277. package/dist/components/table/snice-table.types.js +0 -2
  278. package/dist/components/table/snice-table.types.js.map +0 -1
  279. package/dist/components/tabs/snice-tab-panel.d.ts +0 -12
  280. package/dist/components/tabs/snice-tab-panel.js +0 -78
  281. package/dist/components/tabs/snice-tab-panel.js.map +0 -1
  282. package/dist/components/tabs/snice-tab.d.ts +0 -13
  283. package/dist/components/tabs/snice-tab.js +0 -90
  284. package/dist/components/tabs/snice-tab.js.map +0 -1
  285. package/dist/components/tabs/snice-tabs.d.ts +0 -34
  286. package/dist/components/tabs/snice-tabs.js +0 -367
  287. package/dist/components/tabs/snice-tabs.js.map +0 -1
  288. package/dist/components/tabs/snice-tabs.types.d.ts +0 -23
  289. package/dist/components/tabs/snice-tabs.types.js +0 -2
  290. package/dist/components/tabs/snice-tabs.types.js.map +0 -1
  291. package/dist/components/toast/snice-toast-container.d.ts +0 -25
  292. package/dist/components/toast/snice-toast-container.js +0 -251
  293. package/dist/components/toast/snice-toast-container.js.map +0 -1
  294. package/dist/components/toast/snice-toast.d.ts +0 -23
  295. package/dist/components/toast/snice-toast.js +0 -316
  296. package/dist/components/toast/snice-toast.js.map +0 -1
  297. package/dist/components/toast/snice-toast.types.d.ts +0 -30
  298. package/dist/components/toast/snice-toast.types.js +0 -2
  299. package/dist/components/toast/snice-toast.types.js.map +0 -1
  300. package/dist/components/tooltip/snice-tooltip.d.ts +0 -50
  301. package/dist/components/tooltip/snice-tooltip.js +0 -656
  302. package/dist/components/tooltip/snice-tooltip.js.map +0 -1
  303. package/dist/components/tooltip/snice-tooltip.types.d.ts +0 -18
  304. package/dist/components/tooltip/snice-tooltip.types.js +0 -2
  305. package/dist/components/tooltip/snice-tooltip.types.js.map +0 -1
  306. package/dist/components/transitions.d.ts +0 -11
  307. package/dist/components/transitions.js +0 -69
  308. package/dist/components/transitions.js.map +0 -1
  309. package/dist/index.cjs.min +0 -15
  310. package/dist/symbols.cjs +0 -103
  311. package/dist/transitions.cjs +0 -219
@@ -1,25 +0,0 @@
1
- import type { SniceAccordionItemElement } from './snice-accordion.types';
2
- export declare class SniceAccordionItem extends HTMLElement implements SniceAccordionItemElement {
3
- itemId: string;
4
- open: boolean;
5
- disabled: boolean;
6
- contentElement?: HTMLElement;
7
- contentInner?: HTMLElement;
8
- private isAnimating;
9
- html(): string;
10
- css(): string;
11
- init(): void;
12
- onContentMutation(): void;
13
- handleOpenChange(): void;
14
- handleDisabledChange(): void;
15
- handleHeaderClick(): void;
16
- handleHeaderKeydown(): void;
17
- toggle(): void;
18
- expand(animate?: boolean): void;
19
- collapse(animate?: boolean): void;
20
- private animateExpand;
21
- private animateCollapse;
22
- private updateContentHeight;
23
- private updateAriaExpanded;
24
- private dispatchToggleEvent;
25
- }
@@ -1,260 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
- };
10
- import { element, property, query, on, watch, ready, dispatch, observe } from 'snice';
11
- import css from './snice-accordion-item.css?inline';
12
- let SniceAccordionItem = class SniceAccordionItem extends HTMLElement {
13
- constructor() {
14
- super(...arguments);
15
- this.itemId = '';
16
- this.open = false;
17
- this.disabled = false;
18
- this.isAnimating = false;
19
- }
20
- html() {
21
- return /*html*/ `
22
- <button
23
- class="accordion-item__header"
24
- aria-expanded="${this.open}"
25
- aria-controls="content-${this.itemId}"
26
- ${this.disabled ? 'disabled' : ''}
27
- >
28
- <span class="accordion-item__title">
29
- <slot name="header"></slot>
30
- </span>
31
- <svg class="accordion-item__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
32
- <path d="M6 9l6 6 6-6"/>
33
- </svg>
34
- </button>
35
- <div
36
- class="accordion-item__content"
37
- id="content-${this.itemId}"
38
- role="region"
39
- aria-labelledby="header-${this.itemId}"
40
- >
41
- <div class="accordion-item__content-inner">
42
- <slot></slot>
43
- </div>
44
- </div>
45
- `;
46
- }
47
- css() {
48
- return css;
49
- }
50
- init() {
51
- this.updateContentHeight();
52
- // Set initial state
53
- if (this.open) {
54
- this.expand(false);
55
- }
56
- }
57
- onContentMutation() {
58
- // Only update height if we're open and not animating
59
- if (this.open && !this.isAnimating) {
60
- this.updateContentHeight();
61
- }
62
- }
63
- handleOpenChange() {
64
- if (this.open) {
65
- this.expand();
66
- }
67
- else {
68
- this.collapse();
69
- }
70
- }
71
- handleDisabledChange() {
72
- const header = this.shadowRoot?.querySelector('.accordion-item__header');
73
- if (header) {
74
- header.disabled = this.disabled;
75
- }
76
- }
77
- handleHeaderClick() {
78
- if (!this.disabled) {
79
- this.toggle();
80
- }
81
- }
82
- handleHeaderKeydown() {
83
- if (!this.disabled) {
84
- this.toggle();
85
- }
86
- }
87
- toggle() {
88
- if (this.isAnimating || this.disabled)
89
- return;
90
- if (this.open) {
91
- this.collapse();
92
- }
93
- else {
94
- this.expand();
95
- }
96
- }
97
- expand(animate = true) {
98
- if (this.open || this.disabled)
99
- return;
100
- this.open = true;
101
- this.updateAriaExpanded(true);
102
- if (this.contentElement) {
103
- if (animate) {
104
- this.animateExpand();
105
- }
106
- else {
107
- // Instant expand
108
- this.contentElement.style.maxHeight = 'none';
109
- }
110
- }
111
- this.dispatchToggleEvent(true);
112
- }
113
- collapse(animate = true) {
114
- if (!this.open)
115
- return;
116
- this.open = false;
117
- this.updateAriaExpanded(false);
118
- if (this.contentElement) {
119
- if (animate) {
120
- this.animateCollapse();
121
- }
122
- else {
123
- // Instant collapse
124
- this.contentElement.style.maxHeight = '0';
125
- }
126
- }
127
- this.dispatchToggleEvent(false);
128
- }
129
- animateExpand() {
130
- if (!this.contentElement || !this.contentInner)
131
- return;
132
- this.isAnimating = true;
133
- // Use requestAnimationFrame for smoother animation
134
- requestAnimationFrame(() => {
135
- if (!this.contentElement || !this.contentInner)
136
- return;
137
- // Get the actual height
138
- const height = this.contentInner.scrollHeight;
139
- // Set the max-height for animation
140
- this.contentElement.style.maxHeight = `${height}px`;
141
- // After animation completes, remove the max-height to allow dynamic content
142
- this.contentElement.addEventListener('transitionend', () => {
143
- if (this.contentElement && this.open) {
144
- this.contentElement.style.maxHeight = 'none';
145
- }
146
- this.isAnimating = false;
147
- }, { once: true });
148
- });
149
- }
150
- animateCollapse() {
151
- if (!this.contentElement)
152
- return;
153
- this.isAnimating = true;
154
- // Use requestAnimationFrame for smoother animation
155
- requestAnimationFrame(() => {
156
- if (!this.contentElement)
157
- return;
158
- // First set the current height explicitly
159
- const height = this.contentElement.scrollHeight;
160
- this.contentElement.style.maxHeight = `${height}px`;
161
- // Force reflow
162
- void this.contentElement.offsetHeight;
163
- // Then animate to 0
164
- requestAnimationFrame(() => {
165
- if (!this.contentElement)
166
- return;
167
- this.contentElement.style.maxHeight = '0';
168
- this.contentElement.addEventListener('transitionend', () => {
169
- this.isAnimating = false;
170
- }, { once: true });
171
- });
172
- });
173
- }
174
- updateContentHeight() {
175
- if (!this.contentElement || !this.contentInner || this.isAnimating)
176
- return;
177
- // Use requestAnimationFrame to batch DOM reads/writes
178
- requestAnimationFrame(() => {
179
- if (!this.contentInner)
180
- return;
181
- // Set CSS variable for max-height based on content
182
- const height = this.contentInner.scrollHeight;
183
- this.style.setProperty('--max-height', `${height}px`);
184
- });
185
- }
186
- updateAriaExpanded(expanded) {
187
- const header = this.shadowRoot?.querySelector('.accordion-item__header');
188
- header?.setAttribute('aria-expanded', String(expanded));
189
- }
190
- dispatchToggleEvent(open) {
191
- return { itemId: this.itemId, open };
192
- }
193
- };
194
- __decorate([
195
- property({ attribute: 'item-id', reflect: true }),
196
- __metadata("design:type", String)
197
- ], SniceAccordionItem.prototype, "itemId", void 0);
198
- __decorate([
199
- property({ type: Boolean, reflect: true }),
200
- __metadata("design:type", Object)
201
- ], SniceAccordionItem.prototype, "open", void 0);
202
- __decorate([
203
- property({ type: Boolean, reflect: true }),
204
- __metadata("design:type", Object)
205
- ], SniceAccordionItem.prototype, "disabled", void 0);
206
- __decorate([
207
- query('.accordion-item__content'),
208
- __metadata("design:type", HTMLElement)
209
- ], SniceAccordionItem.prototype, "contentElement", void 0);
210
- __decorate([
211
- query('.accordion-item__content-inner'),
212
- __metadata("design:type", HTMLElement)
213
- ], SniceAccordionItem.prototype, "contentInner", void 0);
214
- __decorate([
215
- ready(),
216
- __metadata("design:type", Function),
217
- __metadata("design:paramtypes", []),
218
- __metadata("design:returntype", void 0)
219
- ], SniceAccordionItem.prototype, "init", null);
220
- __decorate([
221
- observe('mutation:childList', { subtree: true, throttle: 100 }),
222
- __metadata("design:type", Function),
223
- __metadata("design:paramtypes", []),
224
- __metadata("design:returntype", void 0)
225
- ], SniceAccordionItem.prototype, "onContentMutation", null);
226
- __decorate([
227
- watch('open'),
228
- __metadata("design:type", Function),
229
- __metadata("design:paramtypes", []),
230
- __metadata("design:returntype", void 0)
231
- ], SniceAccordionItem.prototype, "handleOpenChange", null);
232
- __decorate([
233
- watch('disabled'),
234
- __metadata("design:type", Function),
235
- __metadata("design:paramtypes", []),
236
- __metadata("design:returntype", void 0)
237
- ], SniceAccordionItem.prototype, "handleDisabledChange", null);
238
- __decorate([
239
- on('click', '.accordion-item__header', { preventDefault: true }),
240
- __metadata("design:type", Function),
241
- __metadata("design:paramtypes", []),
242
- __metadata("design:returntype", void 0)
243
- ], SniceAccordionItem.prototype, "handleHeaderClick", null);
244
- __decorate([
245
- on(['keydown:Enter', 'keydown:Space'], '.accordion-item__header', { preventDefault: true }),
246
- __metadata("design:type", Function),
247
- __metadata("design:paramtypes", []),
248
- __metadata("design:returntype", void 0)
249
- ], SniceAccordionItem.prototype, "handleHeaderKeydown", null);
250
- __decorate([
251
- dispatch('accordion-item-toggle', { bubbles: true, composed: true }),
252
- __metadata("design:type", Function),
253
- __metadata("design:paramtypes", [Boolean]),
254
- __metadata("design:returntype", void 0)
255
- ], SniceAccordionItem.prototype, "dispatchToggleEvent", null);
256
- SniceAccordionItem = __decorate([
257
- element('snice-accordion-item')
258
- ], SniceAccordionItem);
259
- export { SniceAccordionItem };
260
- //# sourceMappingURL=snice-accordion-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-accordion-item.js","sourceRoot":"","sources":["../../../components/accordion/snice-accordion-item.ts"],"names":[],"mappings":"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"}
@@ -1,28 +0,0 @@
1
- import type { SniceAccordionElement, SniceAccordionItemElement } from './snice-accordion.types';
2
- export declare class SniceAccordion extends HTMLElement implements SniceAccordionElement {
3
- multiple: boolean;
4
- items?: NodeListOf<SniceAccordionItemElement>;
5
- activeItems: Set<string>;
6
- html(): string;
7
- css(): string;
8
- init(): void;
9
- handleSlotChange(): void;
10
- private updateItems;
11
- handleItemToggle(event: CustomEvent<{
12
- itemId: string;
13
- open: boolean;
14
- }>): void;
15
- openItem(id: string): void;
16
- closeItem(id: string): void;
17
- toggleItem(id: string): void;
18
- openAll(): void;
19
- closeAll(): void;
20
- private dispatchOpenEvent;
21
- private dispatchCloseEvent;
22
- handleArrowDown(event: KeyboardEvent): void;
23
- handleArrowUp(event: KeyboardEvent): void;
24
- handleHome(event: KeyboardEvent): void;
25
- handleEnd(event: KeyboardEvent): void;
26
- private navigateItems;
27
- private navigateToIndex;
28
- }
@@ -1,221 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var __metadata = (this && this.__metadata) || function (k, v) {
8
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
9
- };
10
- import { element, property, on, dispatch, ready, queryAll } from 'snice';
11
- import css from './snice-accordion.css?inline';
12
- let SniceAccordion = class SniceAccordion extends HTMLElement {
13
- constructor() {
14
- super(...arguments);
15
- this.multiple = false;
16
- this.activeItems = new Set();
17
- }
18
- html() {
19
- return /*html*/ `
20
- <div class="accordion">
21
- <slot></slot>
22
- </div>
23
- `;
24
- }
25
- css() {
26
- return css;
27
- }
28
- init() {
29
- // Set up initial state
30
- this.updateItems();
31
- }
32
- handleSlotChange() {
33
- this.updateItems();
34
- }
35
- updateItems() {
36
- if (!this.items)
37
- return;
38
- this.items.forEach((item, index) => {
39
- // Set default ID if not provided
40
- if (!item.itemId) {
41
- item.itemId = `accordion-item-${index}`;
42
- }
43
- // Track open items
44
- if (item.open) {
45
- this.activeItems.add(item.itemId);
46
- }
47
- });
48
- }
49
- handleItemToggle(event) {
50
- const { itemId, open } = event.detail;
51
- if (open) {
52
- // If not multiple mode, close other items
53
- if (!this.multiple) {
54
- this.activeItems.forEach(id => {
55
- if (id !== itemId) {
56
- this.closeItem(id);
57
- }
58
- });
59
- this.activeItems.clear();
60
- }
61
- this.activeItems.add(itemId);
62
- this.dispatchOpenEvent(itemId);
63
- }
64
- else {
65
- this.activeItems.delete(itemId);
66
- this.dispatchCloseEvent(itemId);
67
- }
68
- }
69
- openItem(id) {
70
- const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
71
- if (item && !item.disabled) {
72
- item.expand();
73
- }
74
- }
75
- closeItem(id) {
76
- const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
77
- if (item) {
78
- item.collapse();
79
- }
80
- }
81
- toggleItem(id) {
82
- const item = this.querySelector(`snice-accordion-item[item-id="${id}"]`);
83
- if (item && !item.disabled) {
84
- item.toggle();
85
- }
86
- }
87
- openAll() {
88
- if (!this.multiple || !this.items)
89
- return;
90
- this.items.forEach(item => {
91
- if (!item.disabled) {
92
- item.expand();
93
- }
94
- });
95
- }
96
- closeAll() {
97
- if (!this.items)
98
- return;
99
- this.items.forEach(item => {
100
- item.collapse();
101
- });
102
- }
103
- dispatchOpenEvent(itemId) {
104
- const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
105
- return { itemId, item };
106
- }
107
- dispatchCloseEvent(itemId) {
108
- const item = this.querySelector(`snice-accordion-item[item-id="${itemId}"]`);
109
- return { itemId, item };
110
- }
111
- // Keyboard navigation
112
- handleArrowDown(event) {
113
- this.navigateItems(event, 1);
114
- }
115
- handleArrowUp(event) {
116
- this.navigateItems(event, -1);
117
- }
118
- handleHome(event) {
119
- this.navigateToIndex(event, 0);
120
- }
121
- handleEnd(event) {
122
- if (!this.items)
123
- return;
124
- this.navigateToIndex(event, this.items.length - 1);
125
- }
126
- navigateItems(event, direction) {
127
- if (!this.items)
128
- return;
129
- const items = Array.from(this.items).filter(item => !item.disabled);
130
- const currentItem = event.target;
131
- const currentIndex = items.indexOf(currentItem);
132
- if (currentIndex === -1)
133
- return;
134
- const nextIndex = direction > 0
135
- ? (currentIndex + 1) % items.length
136
- : currentIndex - 1 < 0 ? items.length - 1 : currentIndex - 1;
137
- const nextItem = items[nextIndex];
138
- const button = nextItem.shadowRoot?.querySelector('.accordion-item__header');
139
- button?.focus();
140
- }
141
- navigateToIndex(event, index) {
142
- if (!this.items)
143
- return;
144
- const items = Array.from(this.items).filter(item => !item.disabled);
145
- const currentItem = event.target;
146
- if (!items.includes(currentItem))
147
- return;
148
- const targetItem = items[index];
149
- if (targetItem) {
150
- const button = targetItem.shadowRoot?.querySelector('.accordion-item__header');
151
- button?.focus();
152
- }
153
- }
154
- };
155
- __decorate([
156
- property({ type: Boolean, reflect: true }),
157
- __metadata("design:type", Object)
158
- ], SniceAccordion.prototype, "multiple", void 0);
159
- __decorate([
160
- queryAll('snice-accordion-item', { light: true, shadow: false }),
161
- __metadata("design:type", Object)
162
- ], SniceAccordion.prototype, "items", void 0);
163
- __decorate([
164
- ready(),
165
- __metadata("design:type", Function),
166
- __metadata("design:paramtypes", []),
167
- __metadata("design:returntype", void 0)
168
- ], SniceAccordion.prototype, "init", null);
169
- __decorate([
170
- on('slotchange', 'slot', { debounce: 50 }),
171
- __metadata("design:type", Function),
172
- __metadata("design:paramtypes", []),
173
- __metadata("design:returntype", void 0)
174
- ], SniceAccordion.prototype, "handleSlotChange", null);
175
- __decorate([
176
- on('accordion-item-toggle'),
177
- __metadata("design:type", Function),
178
- __metadata("design:paramtypes", [CustomEvent]),
179
- __metadata("design:returntype", void 0)
180
- ], SniceAccordion.prototype, "handleItemToggle", null);
181
- __decorate([
182
- dispatch('accordion-open', { bubbles: true, composed: true }),
183
- __metadata("design:type", Function),
184
- __metadata("design:paramtypes", [String]),
185
- __metadata("design:returntype", Object)
186
- ], SniceAccordion.prototype, "dispatchOpenEvent", null);
187
- __decorate([
188
- dispatch('accordion-close', { bubbles: true, composed: true }),
189
- __metadata("design:type", Function),
190
- __metadata("design:paramtypes", [String]),
191
- __metadata("design:returntype", Object)
192
- ], SniceAccordion.prototype, "dispatchCloseEvent", null);
193
- __decorate([
194
- on('keydown:ArrowDown', { preventDefault: true }),
195
- __metadata("design:type", Function),
196
- __metadata("design:paramtypes", [KeyboardEvent]),
197
- __metadata("design:returntype", void 0)
198
- ], SniceAccordion.prototype, "handleArrowDown", null);
199
- __decorate([
200
- on('keydown:ArrowUp', { preventDefault: true }),
201
- __metadata("design:type", Function),
202
- __metadata("design:paramtypes", [KeyboardEvent]),
203
- __metadata("design:returntype", void 0)
204
- ], SniceAccordion.prototype, "handleArrowUp", null);
205
- __decorate([
206
- on('keydown:Home', { preventDefault: true }),
207
- __metadata("design:type", Function),
208
- __metadata("design:paramtypes", [KeyboardEvent]),
209
- __metadata("design:returntype", void 0)
210
- ], SniceAccordion.prototype, "handleHome", null);
211
- __decorate([
212
- on('keydown:End', { preventDefault: true }),
213
- __metadata("design:type", Function),
214
- __metadata("design:paramtypes", [KeyboardEvent]),
215
- __metadata("design:returntype", void 0)
216
- ], SniceAccordion.prototype, "handleEnd", null);
217
- SniceAccordion = __decorate([
218
- element('snice-accordion')
219
- ], SniceAccordion);
220
- export { SniceAccordion };
221
- //# sourceMappingURL=snice-accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-accordion.js","sourceRoot":"","sources":["../../../components/accordion/snice-accordion.ts"],"names":[],"mappings":"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"}
@@ -1,29 +0,0 @@
1
- export interface SniceAccordionElement extends HTMLElement {
2
- multiple: boolean;
3
- activeItems: Set<string>;
4
- openItem(id: string): void;
5
- closeItem(id: string): void;
6
- toggleItem(id: string): void;
7
- openAll(): void;
8
- closeAll(): void;
9
- }
10
- export interface SniceAccordionItemElement extends HTMLElement {
11
- itemId: string;
12
- open: boolean;
13
- disabled: boolean;
14
- toggle(): void;
15
- expand(): void;
16
- collapse(): void;
17
- }
18
- export interface AccordionOpenEvent {
19
- detail: {
20
- itemId: string;
21
- item: SniceAccordionItemElement;
22
- };
23
- }
24
- export interface AccordionCloseEvent {
25
- detail: {
26
- itemId: string;
27
- item: SniceAccordionItemElement;
28
- };
29
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-accordion.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-accordion.types.js","sourceRoot":"","sources":["../../../components/accordion/snice-accordion.types.ts"],"names":[],"mappings":""}
@@ -1,26 +0,0 @@
1
- import type { AlertVariant, AlertSize, SniceAlertElement } from './snice-alert.types';
2
- export declare class SniceAlert extends HTMLElement implements SniceAlertElement {
3
- variant: AlertVariant;
4
- size: AlertSize;
5
- title: string;
6
- dismissible: boolean;
7
- icon: string;
8
- alertElement?: HTMLElement;
9
- private isHidden;
10
- html(): string;
11
- renderIconSection(): string;
12
- renderTitleSection(): string;
13
- renderDescriptionSection(): string;
14
- renderDismissSection(): "" | "\n <button class=\"alert-dismiss\" type=\"button\" aria-label=\"Dismiss alert\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/>\n </svg>\n </button>\n ";
15
- css(): string;
16
- private shouldShowDefaultIcon;
17
- handleDismiss(): {
18
- variant: AlertVariant;
19
- title: string;
20
- };
21
- handleAnimationEnd(event: AnimationEvent): void;
22
- private dispatchAlertHidden;
23
- private dispatchAlertShown;
24
- show(): void;
25
- hide(): void;
26
- }