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,132 +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 } from 'snice';
11
- import css from './snice-card.css?inline';
12
- let SniceCard = class SniceCard extends HTMLElement {
13
- constructor() {
14
- super(...arguments);
15
- this.variant = 'elevated';
16
- this.size = 'medium';
17
- this.clickable = false;
18
- this.selected = false;
19
- this.disabled = false;
20
- this.hasHeader = false;
21
- this.hasFooter = false;
22
- }
23
- html() {
24
- return /*html*/ `
25
- <div class="card"
26
- role="${this.clickable ? 'button' : 'article'}"
27
- tabindex="${this.clickable && !this.disabled ? '0' : '-1'}"
28
- aria-selected="${this.selected}"
29
- aria-disabled="${this.disabled}">
30
- <slot name="image" class="card-image-slot"></slot>
31
- <div class="card-header" ${this.hasHeader ? '' : 'hidden'}>
32
- <slot name="header"></slot>
33
- </div>
34
- <div class="card-body">
35
- <slot></slot>
36
- </div>
37
- <div class="card-footer" ${this.hasFooter ? '' : 'hidden'}>
38
- <slot name="footer"></slot>
39
- </div>
40
- </div>
41
- `;
42
- }
43
- css() {
44
- return css;
45
- }
46
- init() {
47
- // Check for slotted content
48
- this.setupSlotListeners();
49
- this.checkSlots();
50
- }
51
- setupSlotListeners() {
52
- const slots = this.shadowRoot?.querySelectorAll('slot');
53
- slots?.forEach(slot => {
54
- slot.addEventListener('slotchange', () => this.checkSlots());
55
- });
56
- }
57
- checkSlots() {
58
- const headerSlot = this.shadowRoot?.querySelector('slot[name="header"]');
59
- const footerSlot = this.shadowRoot?.querySelector('slot[name="footer"]');
60
- this.hasHeader = (headerSlot?.assignedNodes().length || 0) > 0;
61
- this.hasFooter = (footerSlot?.assignedNodes().length || 0) > 0;
62
- // Update visibility
63
- const header = this.shadowRoot?.querySelector('.card-header');
64
- const footer = this.shadowRoot?.querySelector('.card-footer');
65
- if (header)
66
- header.toggleAttribute('hidden', !this.hasHeader);
67
- if (footer)
68
- footer.toggleAttribute('hidden', !this.hasFooter);
69
- }
70
- handleClick(event) {
71
- if (!this.clickable || this.disabled)
72
- return;
73
- if (this.clickable && !this.disabled) {
74
- this.selected = !this.selected;
75
- }
76
- return {
77
- selected: this.selected
78
- };
79
- }
80
- handleKeydown(event) {
81
- if (!this.clickable || this.disabled)
82
- return;
83
- if (event.key === 'Enter' || event.key === ' ') {
84
- event.preventDefault();
85
- this.handleClick(new MouseEvent('click'));
86
- }
87
- }
88
- };
89
- __decorate([
90
- property({ reflect: true }),
91
- __metadata("design:type", String)
92
- ], SniceCard.prototype, "variant", void 0);
93
- __decorate([
94
- property({ reflect: true }),
95
- __metadata("design:type", String)
96
- ], SniceCard.prototype, "size", void 0);
97
- __decorate([
98
- property({ type: Boolean, reflect: true }),
99
- __metadata("design:type", Object)
100
- ], SniceCard.prototype, "clickable", void 0);
101
- __decorate([
102
- property({ type: Boolean, reflect: true }),
103
- __metadata("design:type", Object)
104
- ], SniceCard.prototype, "selected", void 0);
105
- __decorate([
106
- property({ type: Boolean, reflect: true }),
107
- __metadata("design:type", Object)
108
- ], SniceCard.prototype, "disabled", void 0);
109
- __decorate([
110
- ready(),
111
- __metadata("design:type", Function),
112
- __metadata("design:paramtypes", []),
113
- __metadata("design:returntype", void 0)
114
- ], SniceCard.prototype, "init", null);
115
- __decorate([
116
- on('click', '.card'),
117
- dispatch('card-click'),
118
- __metadata("design:type", Function),
119
- __metadata("design:paramtypes", [MouseEvent]),
120
- __metadata("design:returntype", void 0)
121
- ], SniceCard.prototype, "handleClick", null);
122
- __decorate([
123
- on('keydown', '.card'),
124
- __metadata("design:type", Function),
125
- __metadata("design:paramtypes", [KeyboardEvent]),
126
- __metadata("design:returntype", void 0)
127
- ], SniceCard.prototype, "handleKeydown", null);
128
- SniceCard = __decorate([
129
- element('snice-card')
130
- ], SniceCard);
131
- export { SniceCard };
132
- //# sourceMappingURL=snice-card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-card.js","sourceRoot":"","sources":["../../../components/card/snice-card.ts"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- export type CardVariant = 'elevated' | 'bordered' | 'flat';
2
- export type CardSize = 'small' | 'medium' | 'large';
3
- export interface SniceCardElement extends HTMLElement {
4
- variant: CardVariant;
5
- size: CardSize;
6
- clickable: boolean;
7
- selected: boolean;
8
- disabled: boolean;
9
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-card.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-card.types.js","sourceRoot":"","sources":["../../../components/card/snice-card.types.ts"],"names":[],"mappings":""}
@@ -1,34 +0,0 @@
1
- import type { CheckboxSize, SniceCheckboxElement } from './snice-checkbox.types';
2
- export declare class SniceCheckbox extends HTMLElement implements SniceCheckboxElement {
3
- checked: boolean;
4
- indeterminate: boolean;
5
- disabled: boolean;
6
- required: boolean;
7
- invalid: boolean;
8
- size: CheckboxSize;
9
- name: string;
10
- value: string;
11
- label: string;
12
- input?: HTMLInputElement;
13
- checkbox?: HTMLElement;
14
- labelElement?: HTMLElement;
15
- wrapper?: HTMLElement;
16
- html(): string;
17
- css(): string;
18
- init(): void;
19
- handleChange(e: Event): void;
20
- handleClick(e: Event): void;
21
- handleCheckedChange(): void;
22
- handleIndeterminateChange(): void;
23
- handleDisabledChange(): void;
24
- handleInvalidChange(): void;
25
- handleRequiredChange(): void;
26
- handleLabelChange(): void;
27
- private updateCheckboxState;
28
- private dispatchChangeEvent;
29
- focus(): void;
30
- blur(): void;
31
- click(): void;
32
- toggle(): void;
33
- setIndeterminate(): void;
34
- }
@@ -1,289 +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, dispatch, ready } from 'snice';
11
- import css from './snice-checkbox.css?inline';
12
- let SniceCheckbox = class SniceCheckbox extends HTMLElement {
13
- constructor() {
14
- super(...arguments);
15
- this.checked = false;
16
- this.indeterminate = false;
17
- this.disabled = false;
18
- this.required = false;
19
- this.invalid = false;
20
- this.size = 'medium';
21
- this.name = '';
22
- this.value = 'on';
23
- this.label = '';
24
- }
25
- html() {
26
- return /*html*/ `
27
- <label class="checkbox-wrapper ${this.disabled ? 'checkbox-wrapper--disabled' : ''}">
28
- <input
29
- type="checkbox"
30
- class="checkbox-input"
31
- ${this.checked ? 'checked' : ''}
32
- ${this.disabled ? 'disabled' : ''}
33
- ${this.required ? 'required' : ''}
34
- ${this.name ? `name="${this.name}"` : ''}
35
- ${this.value ? `value="${this.value}"` : ''}
36
- aria-invalid="${this.invalid}"
37
- aria-checked="${this.indeterminate ? 'mixed' : this.checked}"
38
- part="input"
39
- />
40
-
41
- <span class="checkbox
42
- checkbox--${this.size}
43
- ${this.invalid ? 'checkbox--invalid' : ''}
44
- ${this.indeterminate ? 'checkbox--indeterminate' : ''}"
45
- part="checkbox">
46
-
47
- <svg class="checkbox-icon checkbox-icon--check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
48
- <polyline points="20 6 9 17 4 12"></polyline>
49
- </svg>
50
-
51
- <svg class="checkbox-icon checkbox-icon--indeterminate" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
52
- <line x1="5" y1="12" x2="19" y2="12"></line>
53
- </svg>
54
- </span>
55
-
56
- ${this.label ? /*html*/ `
57
- <span class="checkbox-label checkbox-label--${this.size} ${this.required ? 'checkbox-label--required' : ''}" part="label">
58
- ${this.label}
59
- </span>
60
- ` : ''}
61
- </label>
62
- `;
63
- }
64
- css() {
65
- return css;
66
- }
67
- init() {
68
- // Set initial states
69
- if (this.input) {
70
- this.input.checked = this.checked;
71
- this.input.indeterminate = this.indeterminate;
72
- // Set form value
73
- if (this.name) {
74
- this.input.name = this.name;
75
- }
76
- if (this.value) {
77
- this.input.value = this.value;
78
- }
79
- }
80
- // Update visual state
81
- this.updateCheckboxState();
82
- }
83
- handleChange(e) {
84
- const target = e.target;
85
- this.checked = target.checked;
86
- this.indeterminate = false; // Clear indeterminate on user interaction
87
- this.dispatchChangeEvent();
88
- }
89
- handleClick(e) {
90
- // Allow click to propagate for label association
91
- e.stopPropagation();
92
- }
93
- handleCheckedChange() {
94
- if (this.input) {
95
- this.input.checked = this.checked;
96
- }
97
- this.updateCheckboxState();
98
- }
99
- handleIndeterminateChange() {
100
- if (this.input) {
101
- this.input.indeterminate = this.indeterminate;
102
- }
103
- this.updateCheckboxState();
104
- }
105
- handleDisabledChange() {
106
- if (this.input) {
107
- this.input.disabled = this.disabled;
108
- }
109
- if (this.wrapper) {
110
- this.wrapper.classList.toggle('checkbox-wrapper--disabled', this.disabled);
111
- }
112
- }
113
- handleInvalidChange() {
114
- if (this.input) {
115
- this.input.setAttribute('aria-invalid', String(this.invalid));
116
- }
117
- if (this.checkbox) {
118
- this.checkbox.classList.toggle('checkbox--invalid', this.invalid);
119
- }
120
- }
121
- handleRequiredChange() {
122
- if (this.input) {
123
- this.input.required = this.required;
124
- }
125
- if (this.labelElement) {
126
- this.labelElement.classList.toggle('checkbox-label--required', this.required);
127
- }
128
- }
129
- handleLabelChange() {
130
- if (this.labelElement) {
131
- this.labelElement.textContent = this.label;
132
- this.labelElement.style.display = this.label ? '' : 'none';
133
- }
134
- }
135
- updateCheckboxState() {
136
- if (this.checkbox) {
137
- // Update indeterminate state
138
- this.checkbox.classList.toggle('checkbox--indeterminate', this.indeterminate);
139
- // Update aria-checked
140
- if (this.input) {
141
- this.input.setAttribute('aria-checked', this.indeterminate ? 'mixed' : String(this.checked));
142
- }
143
- }
144
- }
145
- dispatchChangeEvent() {
146
- return {
147
- checked: this.checked,
148
- indeterminate: this.indeterminate,
149
- checkbox: this
150
- };
151
- }
152
- // Public API
153
- focus() {
154
- this.input?.focus();
155
- }
156
- blur() {
157
- this.input?.blur();
158
- }
159
- click() {
160
- this.input?.click();
161
- }
162
- toggle() {
163
- this.checked = !this.checked;
164
- this.indeterminate = false;
165
- this.dispatchChangeEvent();
166
- }
167
- setIndeterminate() {
168
- this.indeterminate = true;
169
- this.checked = false;
170
- this.dispatchChangeEvent();
171
- }
172
- };
173
- __decorate([
174
- property({ type: Boolean, reflect: true }),
175
- __metadata("design:type", Object)
176
- ], SniceCheckbox.prototype, "checked", void 0);
177
- __decorate([
178
- property({ type: Boolean, reflect: true }),
179
- __metadata("design:type", Object)
180
- ], SniceCheckbox.prototype, "indeterminate", void 0);
181
- __decorate([
182
- property({ type: Boolean, reflect: true }),
183
- __metadata("design:type", Object)
184
- ], SniceCheckbox.prototype, "disabled", void 0);
185
- __decorate([
186
- property({ type: Boolean, reflect: true }),
187
- __metadata("design:type", Object)
188
- ], SniceCheckbox.prototype, "required", void 0);
189
- __decorate([
190
- property({ type: Boolean, reflect: true }),
191
- __metadata("design:type", Object)
192
- ], SniceCheckbox.prototype, "invalid", void 0);
193
- __decorate([
194
- property({ reflect: true }),
195
- __metadata("design:type", String)
196
- ], SniceCheckbox.prototype, "size", void 0);
197
- __decorate([
198
- property({ reflect: true }),
199
- __metadata("design:type", Object)
200
- ], SniceCheckbox.prototype, "name", void 0);
201
- __decorate([
202
- property({ reflect: true }),
203
- __metadata("design:type", Object)
204
- ], SniceCheckbox.prototype, "value", void 0);
205
- __decorate([
206
- property({ reflect: true }),
207
- __metadata("design:type", Object)
208
- ], SniceCheckbox.prototype, "label", void 0);
209
- __decorate([
210
- query('.checkbox-input'),
211
- __metadata("design:type", HTMLInputElement)
212
- ], SniceCheckbox.prototype, "input", void 0);
213
- __decorate([
214
- query('.checkbox'),
215
- __metadata("design:type", HTMLElement)
216
- ], SniceCheckbox.prototype, "checkbox", void 0);
217
- __decorate([
218
- query('.checkbox-label'),
219
- __metadata("design:type", HTMLElement)
220
- ], SniceCheckbox.prototype, "labelElement", void 0);
221
- __decorate([
222
- query('.checkbox-wrapper'),
223
- __metadata("design:type", HTMLElement)
224
- ], SniceCheckbox.prototype, "wrapper", void 0);
225
- __decorate([
226
- ready(),
227
- __metadata("design:type", Function),
228
- __metadata("design:paramtypes", []),
229
- __metadata("design:returntype", void 0)
230
- ], SniceCheckbox.prototype, "init", null);
231
- __decorate([
232
- on('change', '.checkbox-input'),
233
- __metadata("design:type", Function),
234
- __metadata("design:paramtypes", [Event]),
235
- __metadata("design:returntype", void 0)
236
- ], SniceCheckbox.prototype, "handleChange", null);
237
- __decorate([
238
- on('click', '.checkbox-input'),
239
- __metadata("design:type", Function),
240
- __metadata("design:paramtypes", [Event]),
241
- __metadata("design:returntype", void 0)
242
- ], SniceCheckbox.prototype, "handleClick", null);
243
- __decorate([
244
- watch('checked'),
245
- __metadata("design:type", Function),
246
- __metadata("design:paramtypes", []),
247
- __metadata("design:returntype", void 0)
248
- ], SniceCheckbox.prototype, "handleCheckedChange", null);
249
- __decorate([
250
- watch('indeterminate'),
251
- __metadata("design:type", Function),
252
- __metadata("design:paramtypes", []),
253
- __metadata("design:returntype", void 0)
254
- ], SniceCheckbox.prototype, "handleIndeterminateChange", null);
255
- __decorate([
256
- watch('disabled'),
257
- __metadata("design:type", Function),
258
- __metadata("design:paramtypes", []),
259
- __metadata("design:returntype", void 0)
260
- ], SniceCheckbox.prototype, "handleDisabledChange", null);
261
- __decorate([
262
- watch('invalid'),
263
- __metadata("design:type", Function),
264
- __metadata("design:paramtypes", []),
265
- __metadata("design:returntype", void 0)
266
- ], SniceCheckbox.prototype, "handleInvalidChange", null);
267
- __decorate([
268
- watch('required'),
269
- __metadata("design:type", Function),
270
- __metadata("design:paramtypes", []),
271
- __metadata("design:returntype", void 0)
272
- ], SniceCheckbox.prototype, "handleRequiredChange", null);
273
- __decorate([
274
- watch('label'),
275
- __metadata("design:type", Function),
276
- __metadata("design:paramtypes", []),
277
- __metadata("design:returntype", void 0)
278
- ], SniceCheckbox.prototype, "handleLabelChange", null);
279
- __decorate([
280
- dispatch('@snice/checkbox-change', { bubbles: true, composed: true }),
281
- __metadata("design:type", Function),
282
- __metadata("design:paramtypes", []),
283
- __metadata("design:returntype", void 0)
284
- ], SniceCheckbox.prototype, "dispatchChangeEvent", null);
285
- SniceCheckbox = __decorate([
286
- element('snice-checkbox')
287
- ], SniceCheckbox);
288
- export { SniceCheckbox };
289
- //# sourceMappingURL=snice-checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-checkbox.js","sourceRoot":"","sources":["../../../components/checkbox/snice-checkbox.ts"],"names":[],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- export type CheckboxSize = 'small' | 'medium' | 'large';
2
- export interface SniceCheckboxElement extends HTMLElement {
3
- checked: boolean;
4
- indeterminate: boolean;
5
- disabled: boolean;
6
- required: boolean;
7
- invalid: boolean;
8
- size: CheckboxSize;
9
- name: string;
10
- value: string;
11
- label: string;
12
- focus(): void;
13
- blur(): void;
14
- click(): void;
15
- }
16
- export interface CheckboxChangeDetail {
17
- checked: boolean;
18
- indeterminate: boolean;
19
- checkbox: SniceCheckboxElement;
20
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-checkbox.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-checkbox.types.js","sourceRoot":"","sources":["../../../components/checkbox/snice-checkbox.types.ts"],"names":[],"mappings":""}
@@ -1,28 +0,0 @@
1
- import type { ChipVariant, ChipSize, SniceChipElement } from './snice-chip.types';
2
- export declare class SniceChip extends HTMLElement implements SniceChipElement {
3
- label: string;
4
- variant: ChipVariant;
5
- size: ChipSize;
6
- removable: boolean;
7
- selected: boolean;
8
- disabled: boolean;
9
- icon: string;
10
- avatar: string;
11
- chipElement?: HTMLElement;
12
- removeButton?: HTMLButtonElement;
13
- html(): string;
14
- css(): string;
15
- handleClick(event: MouseEvent): {
16
- label: string;
17
- selected: boolean;
18
- } | undefined;
19
- handleRemove(event: MouseEvent): {
20
- label: string;
21
- } | undefined;
22
- handleKeyPress(event: KeyboardEvent): void;
23
- handleDelete(event: KeyboardEvent): void;
24
- updateSelected(): void;
25
- updateDisabled(): void;
26
- private dispatchChipClick;
27
- private dispatchChipRemove;
28
- }