snice 1.13.6 → 1.13.7

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 (286) hide show
  1. package/package.json +4 -2
  2. package/dist/components/accordion/snice-accordion-item.d.ts +0 -25
  3. package/dist/components/accordion/snice-accordion-item.js +0 -260
  4. package/dist/components/accordion/snice-accordion-item.js.map +0 -1
  5. package/dist/components/accordion/snice-accordion.d.ts +0 -28
  6. package/dist/components/accordion/snice-accordion.js +0 -221
  7. package/dist/components/accordion/snice-accordion.js.map +0 -1
  8. package/dist/components/accordion/snice-accordion.types.d.ts +0 -29
  9. package/dist/components/accordion/snice-accordion.types.js +0 -2
  10. package/dist/components/accordion/snice-accordion.types.js.map +0 -1
  11. package/dist/components/alert/snice-alert.d.ts +0 -26
  12. package/dist/components/alert/snice-alert.js +0 -191
  13. package/dist/components/alert/snice-alert.js.map +0 -1
  14. package/dist/components/alert/snice-alert.types.d.ts +0 -11
  15. package/dist/components/alert/snice-alert.types.js +0 -2
  16. package/dist/components/alert/snice-alert.types.js.map +0 -1
  17. package/dist/components/avatar/snice-avatar.d.ts +0 -24
  18. package/dist/components/avatar/snice-avatar.js +0 -177
  19. package/dist/components/avatar/snice-avatar.js.map +0 -1
  20. package/dist/components/avatar/snice-avatar.types.d.ts +0 -12
  21. package/dist/components/avatar/snice-avatar.types.js +0 -2
  22. package/dist/components/avatar/snice-avatar.types.js.map +0 -1
  23. package/dist/components/badge/snice-badge.d.ts +0 -25
  24. package/dist/components/badge/snice-badge.js +0 -157
  25. package/dist/components/badge/snice-badge.js.map +0 -1
  26. package/dist/components/badge/snice-badge.types.d.ts +0 -15
  27. package/dist/components/badge/snice-badge.types.js +0 -2
  28. package/dist/components/badge/snice-badge.types.js.map +0 -1
  29. package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +0 -27
  30. package/dist/components/breadcrumbs/snice-breadcrumbs.js +0 -212
  31. package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +0 -1
  32. package/dist/components/breadcrumbs/snice-breadcrumbs.types.d.ts +0 -23
  33. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js +0 -2
  34. package/dist/components/breadcrumbs/snice-breadcrumbs.types.js.map +0 -1
  35. package/dist/components/breadcrumbs/snice-crumb.d.ts +0 -9
  36. package/dist/components/breadcrumbs/snice-crumb.js +0 -50
  37. package/dist/components/breadcrumbs/snice-crumb.js.map +0 -1
  38. package/dist/components/button/snice-button.d.ts +0 -32
  39. package/dist/components/button/snice-button.js +0 -212
  40. package/dist/components/button/snice-button.js.map +0 -1
  41. package/dist/components/button/snice-button.types.d.ts +0 -23
  42. package/dist/components/button/snice-button.types.js +0 -2
  43. package/dist/components/button/snice-button.types.js.map +0 -1
  44. package/dist/components/card/snice-card.d.ts +0 -19
  45. package/dist/components/card/snice-card.js +0 -132
  46. package/dist/components/card/snice-card.js.map +0 -1
  47. package/dist/components/card/snice-card.types.d.ts +0 -9
  48. package/dist/components/card/snice-card.types.js +0 -2
  49. package/dist/components/card/snice-card.types.js.map +0 -1
  50. package/dist/components/checkbox/snice-checkbox.d.ts +0 -34
  51. package/dist/components/checkbox/snice-checkbox.js +0 -289
  52. package/dist/components/checkbox/snice-checkbox.js.map +0 -1
  53. package/dist/components/checkbox/snice-checkbox.types.d.ts +0 -20
  54. package/dist/components/checkbox/snice-checkbox.types.js +0 -2
  55. package/dist/components/checkbox/snice-checkbox.types.js.map +0 -1
  56. package/dist/components/chip/snice-chip.d.ts +0 -28
  57. package/dist/components/chip/snice-chip.js +0 -203
  58. package/dist/components/chip/snice-chip.js.map +0 -1
  59. package/dist/components/chip/snice-chip.types.d.ts +0 -14
  60. package/dist/components/chip/snice-chip.types.js +0 -2
  61. package/dist/components/chip/snice-chip.types.js.map +0 -1
  62. package/dist/components/date-picker/snice-date-picker.d.ts +0 -82
  63. package/dist/components/date-picker/snice-date-picker.js +0 -880
  64. package/dist/components/date-picker/snice-date-picker.js.map +0 -1
  65. package/dist/components/date-picker/snice-date-picker.types.d.ts +0 -71
  66. package/dist/components/date-picker/snice-date-picker.types.js +0 -2
  67. package/dist/components/date-picker/snice-date-picker.types.js.map +0 -1
  68. package/dist/components/divider/snice-divider.d.ts +0 -17
  69. package/dist/components/divider/snice-divider.js +0 -111
  70. package/dist/components/divider/snice-divider.js.map +0 -1
  71. package/dist/components/divider/snice-divider.types.d.ts +0 -14
  72. package/dist/components/divider/snice-divider.types.js +0 -2
  73. package/dist/components/divider/snice-divider.types.js.map +0 -1
  74. package/dist/components/drawer/snice-drawer.d.ts +0 -37
  75. package/dist/components/drawer/snice-drawer.js +0 -335
  76. package/dist/components/drawer/snice-drawer.js.map +0 -1
  77. package/dist/components/drawer/snice-drawer.types.d.ts +0 -16
  78. package/dist/components/drawer/snice-drawer.types.js +0 -2
  79. package/dist/components/drawer/snice-drawer.types.js.map +0 -1
  80. package/dist/components/input/snice-input.d.ts +0 -65
  81. package/dist/components/input/snice-input.js +0 -603
  82. package/dist/components/input/snice-input.js.map +0 -1
  83. package/dist/components/input/snice-input.types.d.ts +0 -53
  84. package/dist/components/input/snice-input.types.js +0 -2
  85. package/dist/components/input/snice-input.types.js.map +0 -1
  86. package/dist/components/layout/snice-layout-blog.d.ts +0 -4
  87. package/dist/components/layout/snice-layout-blog.js +0 -56
  88. package/dist/components/layout/snice-layout-blog.js.map +0 -1
  89. package/dist/components/layout/snice-layout-card.d.ts +0 -6
  90. package/dist/components/layout/snice-layout-card.js +0 -53
  91. package/dist/components/layout/snice-layout-card.js.map +0 -1
  92. package/dist/components/layout/snice-layout-centered.d.ts +0 -5
  93. package/dist/components/layout/snice-layout-centered.js +0 -38
  94. package/dist/components/layout/snice-layout-centered.js.map +0 -1
  95. package/dist/components/layout/snice-layout-dashboard.d.ts +0 -4
  96. package/dist/components/layout/snice-layout-dashboard.js +0 -53
  97. package/dist/components/layout/snice-layout-dashboard.js.map +0 -1
  98. package/dist/components/layout/snice-layout-fullscreen.d.ts +0 -5
  99. package/dist/components/layout/snice-layout-fullscreen.js +0 -50
  100. package/dist/components/layout/snice-layout-fullscreen.js.map +0 -1
  101. package/dist/components/layout/snice-layout-landing.d.ts +0 -4
  102. package/dist/components/layout/snice-layout-landing.js +0 -55
  103. package/dist/components/layout/snice-layout-landing.js.map +0 -1
  104. package/dist/components/layout/snice-layout-minimal.d.ts +0 -4
  105. package/dist/components/layout/snice-layout-minimal.js +0 -27
  106. package/dist/components/layout/snice-layout-minimal.js.map +0 -1
  107. package/dist/components/layout/snice-layout-sidebar.d.ts +0 -5
  108. package/dist/components/layout/snice-layout-sidebar.js +0 -64
  109. package/dist/components/layout/snice-layout-sidebar.js.map +0 -1
  110. package/dist/components/layout/snice-layout-split.d.ts +0 -6
  111. package/dist/components/layout/snice-layout-split.js +0 -47
  112. package/dist/components/layout/snice-layout-split.js.map +0 -1
  113. package/dist/components/layout/snice-layout.d.ts +0 -4
  114. package/dist/components/layout/snice-layout.js +0 -43
  115. package/dist/components/layout/snice-layout.js.map +0 -1
  116. package/dist/components/layout/snice-layout.types.d.ts +0 -3
  117. package/dist/components/layout/snice-layout.types.js +0 -2
  118. package/dist/components/layout/snice-layout.types.js.map +0 -1
  119. package/dist/components/login/snice-login.d.ts +0 -45
  120. package/dist/components/login/snice-login.js +0 -385
  121. package/dist/components/login/snice-login.js.map +0 -1
  122. package/dist/components/login/snice-login.types.d.ts +0 -31
  123. package/dist/components/login/snice-login.types.js +0 -2
  124. package/dist/components/login/snice-login.types.js.map +0 -1
  125. package/dist/components/modal/snice-modal.d.ts +0 -32
  126. package/dist/components/modal/snice-modal.js +0 -288
  127. package/dist/components/modal/snice-modal.js.map +0 -1
  128. package/dist/components/modal/snice-modal.types.d.ts +0 -18
  129. package/dist/components/modal/snice-modal.types.js +0 -2
  130. package/dist/components/modal/snice-modal.types.js.map +0 -1
  131. package/dist/components/pagination/snice-pagination.d.ts +0 -26
  132. package/dist/components/pagination/snice-pagination.js +0 -373
  133. package/dist/components/pagination/snice-pagination.js.map +0 -1
  134. package/dist/components/pagination/snice-pagination.types.d.ts +0 -18
  135. package/dist/components/pagination/snice-pagination.types.js +0 -2
  136. package/dist/components/pagination/snice-pagination.types.js.map +0 -1
  137. package/dist/components/progress/snice-progress.d.ts +0 -35
  138. package/dist/components/progress/snice-progress.js +0 -295
  139. package/dist/components/progress/snice-progress.js.map +0 -1
  140. package/dist/components/progress/snice-progress.types.d.ts +0 -18
  141. package/dist/components/progress/snice-progress.types.js +0 -2
  142. package/dist/components/progress/snice-progress.types.js.map +0 -1
  143. package/dist/components/radio/snice-radio.d.ts +0 -33
  144. package/dist/components/radio/snice-radio.js +0 -286
  145. package/dist/components/radio/snice-radio.js.map +0 -1
  146. package/dist/components/radio/snice-radio.types.d.ts +0 -19
  147. package/dist/components/radio/snice-radio.types.js +0 -2
  148. package/dist/components/radio/snice-radio.types.js.map +0 -1
  149. package/dist/components/select/snice-option.d.ts +0 -17
  150. package/dist/components/select/snice-option.js +0 -77
  151. package/dist/components/select/snice-option.js.map +0 -1
  152. package/dist/components/select/snice-option.types.d.ts +0 -14
  153. package/dist/components/select/snice-option.types.js +0 -2
  154. package/dist/components/select/snice-option.types.js.map +0 -1
  155. package/dist/components/select/snice-select.d.ts +0 -89
  156. package/dist/components/select/snice-select.js +0 -900
  157. package/dist/components/select/snice-select.js.map +0 -1
  158. package/dist/components/select/snice-select.types.d.ts +0 -49
  159. package/dist/components/select/snice-select.types.js +0 -2
  160. package/dist/components/select/snice-select.types.js.map +0 -1
  161. package/dist/components/skeleton/snice-skeleton.d.ts +0 -16
  162. package/dist/components/skeleton/snice-skeleton.js +0 -159
  163. package/dist/components/skeleton/snice-skeleton.js.map +0 -1
  164. package/dist/components/skeleton/snice-skeleton.types.d.ts +0 -10
  165. package/dist/components/skeleton/snice-skeleton.types.js +0 -2
  166. package/dist/components/skeleton/snice-skeleton.types.js.map +0 -1
  167. package/dist/components/switch/snice-switch.d.ts +0 -38
  168. package/dist/components/switch/snice-switch.js +0 -309
  169. package/dist/components/switch/snice-switch.js.map +0 -1
  170. package/dist/components/switch/snice-switch.types.d.ts +0 -21
  171. package/dist/components/switch/snice-switch.types.js +0 -2
  172. package/dist/components/switch/snice-switch.types.js.map +0 -1
  173. package/dist/components/symbols.d.ts +0 -1
  174. package/dist/components/symbols.js +0 -20
  175. package/dist/components/symbols.js.map +0 -1
  176. package/dist/components/table/snice-cell-boolean.d.ts +0 -21
  177. package/dist/components/table/snice-cell-boolean.js +0 -152
  178. package/dist/components/table/snice-cell-boolean.js.map +0 -1
  179. package/dist/components/table/snice-cell-date.d.ts +0 -24
  180. package/dist/components/table/snice-cell-date.js +0 -240
  181. package/dist/components/table/snice-cell-date.js.map +0 -1
  182. package/dist/components/table/snice-cell-duration.d.ts +0 -16
  183. package/dist/components/table/snice-cell-duration.js +0 -123
  184. package/dist/components/table/snice-cell-duration.js.map +0 -1
  185. package/dist/components/table/snice-cell-filesize.d.ts +0 -16
  186. package/dist/components/table/snice-cell-filesize.js +0 -119
  187. package/dist/components/table/snice-cell-filesize.js.map +0 -1
  188. package/dist/components/table/snice-cell-number.d.ts +0 -23
  189. package/dist/components/table/snice-cell-number.js +0 -202
  190. package/dist/components/table/snice-cell-number.js.map +0 -1
  191. package/dist/components/table/snice-cell-progress.d.ts +0 -17
  192. package/dist/components/table/snice-cell-progress.js +0 -114
  193. package/dist/components/table/snice-cell-progress.js.map +0 -1
  194. package/dist/components/table/snice-cell-rating.d.ts +0 -17
  195. package/dist/components/table/snice-cell-rating.js +0 -113
  196. package/dist/components/table/snice-cell-rating.js.map +0 -1
  197. package/dist/components/table/snice-cell-sparkline.d.ts +0 -29
  198. package/dist/components/table/snice-cell-sparkline.js +0 -290
  199. package/dist/components/table/snice-cell-sparkline.js.map +0 -1
  200. package/dist/components/table/snice-cell-text.d.ts +0 -19
  201. package/dist/components/table/snice-cell-text.js +0 -153
  202. package/dist/components/table/snice-cell-text.js.map +0 -1
  203. package/dist/components/table/snice-cell.d.ts +0 -32
  204. package/dist/components/table/snice-cell.js +0 -451
  205. package/dist/components/table/snice-cell.js.map +0 -1
  206. package/dist/components/table/snice-column.d.ts +0 -62
  207. package/dist/components/table/snice-column.js +0 -440
  208. package/dist/components/table/snice-column.js.map +0 -1
  209. package/dist/components/table/snice-header.d.ts +0 -33
  210. package/dist/components/table/snice-header.js +0 -303
  211. package/dist/components/table/snice-header.js.map +0 -1
  212. package/dist/components/table/snice-progress.d.ts +0 -10
  213. package/dist/components/table/snice-progress.js +0 -91
  214. package/dist/components/table/snice-progress.js.map +0 -1
  215. package/dist/components/table/snice-rating.d.ts +0 -9
  216. package/dist/components/table/snice-rating.js +0 -68
  217. package/dist/components/table/snice-rating.js.map +0 -1
  218. package/dist/components/table/snice-row.d.ts +0 -43
  219. package/dist/components/table/snice-row.js +0 -365
  220. package/dist/components/table/snice-row.js.map +0 -1
  221. package/dist/components/table/snice-table.d.ts +0 -69
  222. package/dist/components/table/snice-table.js +0 -814
  223. package/dist/components/table/snice-table.js.map +0 -1
  224. package/dist/components/table/snice-table.types.d.ts +0 -137
  225. package/dist/components/table/snice-table.types.js +0 -2
  226. package/dist/components/table/snice-table.types.js.map +0 -1
  227. package/dist/components/tabs/snice-tab-panel.d.ts +0 -12
  228. package/dist/components/tabs/snice-tab-panel.js +0 -78
  229. package/dist/components/tabs/snice-tab-panel.js.map +0 -1
  230. package/dist/components/tabs/snice-tab.d.ts +0 -13
  231. package/dist/components/tabs/snice-tab.js +0 -90
  232. package/dist/components/tabs/snice-tab.js.map +0 -1
  233. package/dist/components/tabs/snice-tabs.d.ts +0 -34
  234. package/dist/components/tabs/snice-tabs.js +0 -367
  235. package/dist/components/tabs/snice-tabs.js.map +0 -1
  236. package/dist/components/tabs/snice-tabs.types.d.ts +0 -23
  237. package/dist/components/tabs/snice-tabs.types.js +0 -2
  238. package/dist/components/tabs/snice-tabs.types.js.map +0 -1
  239. package/dist/components/toast/snice-toast-container.d.ts +0 -25
  240. package/dist/components/toast/snice-toast-container.js +0 -251
  241. package/dist/components/toast/snice-toast-container.js.map +0 -1
  242. package/dist/components/toast/snice-toast.d.ts +0 -23
  243. package/dist/components/toast/snice-toast.js +0 -316
  244. package/dist/components/toast/snice-toast.js.map +0 -1
  245. package/dist/components/toast/snice-toast.types.d.ts +0 -30
  246. package/dist/components/toast/snice-toast.types.js +0 -2
  247. package/dist/components/toast/snice-toast.types.js.map +0 -1
  248. package/dist/components/tooltip/snice-tooltip.d.ts +0 -50
  249. package/dist/components/tooltip/snice-tooltip.js +0 -656
  250. package/dist/components/tooltip/snice-tooltip.js.map +0 -1
  251. package/dist/components/tooltip/snice-tooltip.types.d.ts +0 -18
  252. package/dist/components/tooltip/snice-tooltip.types.js +0 -2
  253. package/dist/components/tooltip/snice-tooltip.types.js.map +0 -1
  254. package/dist/components/transitions.d.ts +0 -11
  255. package/dist/components/transitions.js +0 -69
  256. package/dist/components/transitions.js.map +0 -1
  257. package/dist/controller.d.ts +0 -61
  258. package/dist/controller.js +0 -297
  259. package/dist/controller.js.map +0 -1
  260. package/dist/element.d.ts +0 -77
  261. package/dist/element.js +0 -805
  262. package/dist/element.js.map +0 -1
  263. package/dist/events.d.ts +0 -37
  264. package/dist/events.js +0 -289
  265. package/dist/events.js.map +0 -1
  266. package/dist/global.d.ts +0 -7
  267. package/dist/global.js +0 -23
  268. package/dist/global.js.map +0 -1
  269. package/dist/index.d.ts +0 -14
  270. package/dist/index.js +0 -8
  271. package/dist/index.js.map +0 -1
  272. package/dist/observe.d.ts +0 -26
  273. package/dist/observe.js +0 -329
  274. package/dist/observe.js.map +0 -1
  275. package/dist/request-response.d.ts +0 -46
  276. package/dist/request-response.js +0 -267
  277. package/dist/request-response.js.map +0 -1
  278. package/dist/router.d.ts +0 -87
  279. package/dist/router.js +0 -375
  280. package/dist/router.js.map +0 -1
  281. package/dist/symbols.d.ts +0 -29
  282. package/dist/symbols.js +0 -42
  283. package/dist/symbols.js.map +0 -1
  284. package/dist/transitions.d.ts +0 -50
  285. package/dist/transitions.js +0 -199
  286. package/dist/transitions.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "snice",
3
- "version": "1.13.6",
3
+ "version": "1.13.7",
4
4
  "type": "module",
5
5
  "description": "Imperative TypeScript framework for building vanilla web components with decorators, routing, and controllers. No virtual DOM, no build complexity.",
6
6
  "main": "index.js",
@@ -10,7 +10,9 @@
10
10
  "snice": "./bin/snice.js"
11
11
  },
12
12
  "files": [
13
- "dist",
13
+ "*.js",
14
+ "*.d.ts",
15
+ "*.js.map",
14
16
  "components",
15
17
  "bin",
16
18
  "templates",
@@ -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 '../../src/index';
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 '../../src/index';
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
- }