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,367 +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, queryAll, on, watch, ready, dispatch } from 'snice';
11
- import css from './snice-tabs.css?inline';
12
- import { transitions } from '../transitions';
13
- let SniceTabs = class SniceTabs extends HTMLElement {
14
- constructor() {
15
- super(...arguments);
16
- this.placement = 'top';
17
- this.selected = 0;
18
- this.noScrollControls = false;
19
- this.transition = 'none';
20
- this.previousSelected = -1;
21
- }
22
- html() {
23
- return /*html*/ `
24
- <div class="tabs tabs--${this.placement}" part="base">
25
- <div class="tabs__nav-container" part="nav-container">
26
- ${!this.noScrollControls ? /*html*/ `
27
- <button class="tabs__scroll-button tabs__scroll-button--start" part="scroll-button scroll-button-start" tabindex="-1" aria-label="Scroll left">
28
- <svg viewBox="0 0 24 24" width="16" height="16">
29
- <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" fill="currentColor"/>
30
- </svg>
31
- </button>
32
- ` : ''}
33
-
34
- <div class="tabs__nav" part="nav" role="tablist">
35
- <div class="tabs__nav-track">
36
- <slot name="nav"></slot>
37
- <div class="tabs__indicator" part="indicator"></div>
38
- </div>
39
- </div>
40
-
41
- ${!this.noScrollControls ? /*html*/ `
42
- <button class="tabs__scroll-button tabs__scroll-button--end" part="scroll-button scroll-button-end" tabindex="-1" aria-label="Scroll right">
43
- <svg viewBox="0 0 24 24" width="16" height="16">
44
- <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="currentColor"/>
45
- </svg>
46
- </button>
47
- ` : ''}
48
- </div>
49
-
50
- <div class="tabs__panels" part="panels">
51
- <slot></slot>
52
- </div>
53
- </div>
54
- `;
55
- }
56
- css() {
57
- return css;
58
- }
59
- init() {
60
- this.setupTabs();
61
- this.updateScrollButtons();
62
- // Update scroll buttons on resize
63
- const resizeObserver = new ResizeObserver(() => {
64
- this.updateScrollButtons();
65
- this.updateIndicator();
66
- });
67
- if (this.nav) {
68
- resizeObserver.observe(this.nav);
69
- }
70
- }
71
- handleSelectedChange() {
72
- this.updateSelection();
73
- this.updateIndicator();
74
- }
75
- handlePlacementChange() {
76
- if (!this.tabsContainer)
77
- return;
78
- // Remove all placement classes
79
- this.tabsContainer.classList.remove('tabs--top', 'tabs--bottom', 'tabs--start', 'tabs--end');
80
- // Add the new placement class
81
- this.tabsContainer.classList.add(`tabs--${this.placement}`);
82
- // Update indicator position
83
- this.updateIndicator();
84
- // Update scroll buttons visibility
85
- this.updateScrollButtons();
86
- }
87
- scrollStart() {
88
- if (!this.nav)
89
- return;
90
- const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
91
- if (isHorizontal) {
92
- this.nav.scrollBy({ left: -200, behavior: 'smooth' });
93
- }
94
- else {
95
- this.nav.scrollBy({ top: -200, behavior: 'smooth' });
96
- }
97
- }
98
- scrollEnd() {
99
- if (!this.nav)
100
- return;
101
- const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
102
- if (isHorizontal) {
103
- this.nav.scrollBy({ left: 200, behavior: 'smooth' });
104
- }
105
- else {
106
- this.nav.scrollBy({ top: 200, behavior: 'smooth' });
107
- }
108
- }
109
- handleScroll() {
110
- this.updateScrollButtons();
111
- this.updateIndicator();
112
- }
113
- handleTabSelect(event) {
114
- if (!this.tabs)
115
- return;
116
- const tab = event.detail.tab;
117
- const index = Array.from(this.tabs).indexOf(tab);
118
- if (index >= 0) {
119
- this.selectTab(index);
120
- }
121
- }
122
- setupTabs() {
123
- this.updateSelection();
124
- // Delay indicator update to ensure DOM is ready
125
- requestAnimationFrame(() => {
126
- this.updateIndicator();
127
- });
128
- }
129
- selectTab(index) {
130
- if (!this.tabs || !this.panels || index < 0 || index >= this.tabs.length)
131
- return;
132
- const oldIndex = this.selected;
133
- this.selected = index;
134
- return {
135
- index,
136
- oldIndex,
137
- tab: this.tabs[index],
138
- panel: this.panels[index]
139
- };
140
- }
141
- updateSelection() {
142
- if (!this.tabs || !this.panels)
143
- return;
144
- this.tabs.forEach((tab, index) => {
145
- const isSelected = index === this.selected;
146
- tab.setAttribute('aria-selected', String(isSelected));
147
- tab.setAttribute('tabindex', isSelected ? '0' : '-1');
148
- tab.classList.toggle('snice-tab--active', isSelected);
149
- });
150
- // Handle panel transitions
151
- const oldPanel = this.previousSelected >= 0 ? this.panels[this.previousSelected] : null;
152
- const newPanel = this.panels[this.selected];
153
- if (this.transition && this.transition !== 'none' && oldPanel && newPanel && oldPanel !== newPanel) {
154
- // Get transition config and set CSS variables for timing
155
- const transitionConfig = transitions[this.transition];
156
- const outDuration = transitionConfig?.outDuration || 300;
157
- const inDuration = transitionConfig?.inDuration || 300;
158
- const maxDuration = Math.max(outDuration, inDuration);
159
- // Update CSS custom property for transition duration
160
- this.style.setProperty('--snice-tabs-transition-duration', `${maxDuration}ms`);
161
- // Lock container height BEFORE any changes to prevent ANY reflow
162
- if (this.panelsContainer) {
163
- const currentHeight = this.panelsContainer.offsetHeight;
164
- this.panelsContainer.style.height = `${currentHeight}px`;
165
- this.panelsContainer.style.overflow = 'hidden';
166
- }
167
- // Now show new panel to measure it
168
- newPanel.hidden = false;
169
- newPanel.setAttribute('transition-in', this.transition);
170
- oldPanel.setAttribute('transition-out', this.transition);
171
- // Pass timing info to panels via properties
172
- newPanel.transitionDuration = inDuration;
173
- oldPanel.transitionDuration = outDuration;
174
- // Hide old panel well before transition completes to avoid flicker
175
- setTimeout(() => {
176
- oldPanel.hidden = true;
177
- oldPanel.removeAttribute('transition-out');
178
- }, outDuration - 50); // Hide 50ms early to prevent flicker
179
- // Clean up new panel transition attribute and unlock height
180
- setTimeout(() => {
181
- newPanel.removeAttribute('transition-in');
182
- if (this.panelsContainer) {
183
- // Reset to auto height without animation to prevent bounce
184
- this.panelsContainer.style.height = '';
185
- this.panelsContainer.style.overflow = '';
186
- }
187
- }, maxDuration);
188
- }
189
- else {
190
- // No transition - immediate switch
191
- this.panels.forEach((panel, index) => {
192
- const isSelected = index === this.selected;
193
- panel.setAttribute('aria-hidden', String(!isSelected));
194
- panel.hidden = !isSelected;
195
- });
196
- }
197
- // Update aria attributes
198
- this.panels.forEach((panel, index) => {
199
- panel.setAttribute('aria-hidden', String(index !== this.selected));
200
- });
201
- this.previousSelected = this.selected;
202
- }
203
- updateIndicator() {
204
- if (!this.indicator || !this.tabs || !this.tabs.length || !this.navTrack)
205
- return;
206
- const activeTab = this.tabs[this.selected];
207
- if (!activeTab)
208
- return;
209
- const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
210
- // Get the position of the active tab relative to the nav track container
211
- // We need to calculate this manually since tabs are in light DOM and indicator is in shadow DOM
212
- let offset = 0;
213
- // Sum up the widths/heights of all tabs before the active one
214
- for (let i = 0; i < this.selected; i++) {
215
- if (isHorizontal) {
216
- offset += this.tabs[i].offsetWidth;
217
- }
218
- else {
219
- offset += this.tabs[i].offsetHeight;
220
- }
221
- }
222
- if (isHorizontal) {
223
- this.indicator.style.width = `${activeTab.offsetWidth}px`;
224
- this.indicator.style.height = '2px';
225
- this.indicator.style.transform = `translateX(${offset}px)`;
226
- }
227
- else {
228
- this.indicator.style.width = '2px';
229
- this.indicator.style.height = `${activeTab.offsetHeight}px`;
230
- this.indicator.style.transform = `translateY(${offset}px)`;
231
- }
232
- }
233
- updateScrollButtons() {
234
- if (!this.nav || this.noScrollControls)
235
- return;
236
- const isHorizontal = this.placement === 'top' || this.placement === 'bottom';
237
- const hasOverflow = isHorizontal
238
- ? this.nav.scrollWidth > this.nav.clientWidth
239
- : this.nav.scrollHeight > this.nav.clientHeight;
240
- const canScrollStart = isHorizontal
241
- ? this.nav.scrollLeft > 0
242
- : this.nav.scrollTop > 0;
243
- const canScrollEnd = isHorizontal
244
- ? this.nav.scrollLeft < this.nav.scrollWidth - this.nav.clientWidth
245
- : this.nav.scrollTop < this.nav.scrollHeight - this.nav.clientHeight;
246
- // Show/hide buttons based on overflow
247
- this.scrollButtonStart?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
248
- this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--visible', hasOverflow);
249
- // Disable buttons when can't scroll in that direction
250
- this.scrollButtonStart?.classList.toggle('tabs__scroll-button--disabled', !canScrollStart);
251
- this.scrollButtonEnd?.classList.toggle('tabs__scroll-button--disabled', !canScrollEnd);
252
- }
253
- show(index) {
254
- this.selectTab(index);
255
- }
256
- getTab(index) {
257
- return this.tabs?.[index];
258
- }
259
- getPanel(index) {
260
- return this.panels?.[index];
261
- }
262
- };
263
- __decorate([
264
- property({ reflect: true }),
265
- __metadata("design:type", String)
266
- ], SniceTabs.prototype, "placement", void 0);
267
- __decorate([
268
- property({ reflect: true }),
269
- __metadata("design:type", Object)
270
- ], SniceTabs.prototype, "selected", void 0);
271
- __decorate([
272
- property({ type: Boolean, reflect: true }),
273
- __metadata("design:type", Object)
274
- ], SniceTabs.prototype, "noScrollControls", void 0);
275
- __decorate([
276
- property({ reflect: true }),
277
- __metadata("design:type", Object)
278
- ], SniceTabs.prototype, "transition", void 0);
279
- __decorate([
280
- query('.tabs__nav'),
281
- __metadata("design:type", HTMLElement)
282
- ], SniceTabs.prototype, "nav", void 0);
283
- __decorate([
284
- query('.tabs__nav-track'),
285
- __metadata("design:type", HTMLElement)
286
- ], SniceTabs.prototype, "navTrack", void 0);
287
- __decorate([
288
- query('.tabs__indicator'),
289
- __metadata("design:type", HTMLElement)
290
- ], SniceTabs.prototype, "indicator", void 0);
291
- __decorate([
292
- query('.tabs__scroll-button--start'),
293
- __metadata("design:type", HTMLButtonElement)
294
- ], SniceTabs.prototype, "scrollButtonStart", void 0);
295
- __decorate([
296
- query('.tabs__scroll-button--end'),
297
- __metadata("design:type", HTMLButtonElement)
298
- ], SniceTabs.prototype, "scrollButtonEnd", void 0);
299
- __decorate([
300
- query('.tabs'),
301
- __metadata("design:type", HTMLElement)
302
- ], SniceTabs.prototype, "tabsContainer", void 0);
303
- __decorate([
304
- queryAll('snice-tab[slot="nav"]', { light: true, shadow: false }),
305
- __metadata("design:type", Object)
306
- ], SniceTabs.prototype, "tabs", void 0);
307
- __decorate([
308
- queryAll('snice-tab-panel', { light: true, shadow: false }),
309
- __metadata("design:type", Object)
310
- ], SniceTabs.prototype, "panels", void 0);
311
- __decorate([
312
- query('.tabs__panels'),
313
- __metadata("design:type", HTMLElement)
314
- ], SniceTabs.prototype, "panelsContainer", void 0);
315
- __decorate([
316
- ready(),
317
- __metadata("design:type", Function),
318
- __metadata("design:paramtypes", []),
319
- __metadata("design:returntype", void 0)
320
- ], SniceTabs.prototype, "init", null);
321
- __decorate([
322
- watch('selected'),
323
- __metadata("design:type", Function),
324
- __metadata("design:paramtypes", []),
325
- __metadata("design:returntype", void 0)
326
- ], SniceTabs.prototype, "handleSelectedChange", null);
327
- __decorate([
328
- watch('placement'),
329
- __metadata("design:type", Function),
330
- __metadata("design:paramtypes", []),
331
- __metadata("design:returntype", void 0)
332
- ], SniceTabs.prototype, "handlePlacementChange", null);
333
- __decorate([
334
- on('click', '.tabs__scroll-button--start'),
335
- __metadata("design:type", Function),
336
- __metadata("design:paramtypes", []),
337
- __metadata("design:returntype", void 0)
338
- ], SniceTabs.prototype, "scrollStart", null);
339
- __decorate([
340
- on('click', '.tabs__scroll-button--end'),
341
- __metadata("design:type", Function),
342
- __metadata("design:paramtypes", []),
343
- __metadata("design:returntype", void 0)
344
- ], SniceTabs.prototype, "scrollEnd", null);
345
- __decorate([
346
- on('scroll', '.tabs__nav'),
347
- __metadata("design:type", Function),
348
- __metadata("design:paramtypes", []),
349
- __metadata("design:returntype", void 0)
350
- ], SniceTabs.prototype, "handleScroll", null);
351
- __decorate([
352
- on('@snice/tab-select'),
353
- __metadata("design:type", Function),
354
- __metadata("design:paramtypes", [CustomEvent]),
355
- __metadata("design:returntype", void 0)
356
- ], SniceTabs.prototype, "handleTabSelect", null);
357
- __decorate([
358
- dispatch('@snice/tab-change', { bubbles: true, composed: true }),
359
- __metadata("design:type", Function),
360
- __metadata("design:paramtypes", [Number]),
361
- __metadata("design:returntype", Object)
362
- ], SniceTabs.prototype, "selectTab", null);
363
- SniceTabs = __decorate([
364
- element('snice-tabs')
365
- ], SniceTabs);
366
- export { SniceTabs };
367
- //# sourceMappingURL=snice-tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-tabs.js","sourceRoot":"","sources":["../../../components/tabs/snice-tabs.ts"],"names":[],"mappings":"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"}
@@ -1,23 +0,0 @@
1
- export type TabsPlacement = 'top' | 'bottom' | 'start' | 'end';
2
- export interface SniceTabElement extends HTMLElement {
3
- disabled: boolean;
4
- closable: boolean;
5
- focus(options?: FocusOptions): void;
6
- blur(): void;
7
- }
8
- export interface SniceTabPanelElement extends HTMLElement {
9
- name: string;
10
- hidden: boolean;
11
- }
12
- export interface TabChangeDetail {
13
- index: number;
14
- oldIndex: number;
15
- tab: SniceTabElement;
16
- panel: SniceTabPanelElement;
17
- }
18
- export interface TabSelectDetail {
19
- tab: SniceTabElement;
20
- }
21
- export interface TabCloseDetail {
22
- tab: SniceTabElement;
23
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=snice-tabs.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"snice-tabs.types.js","sourceRoot":"","sources":["../../../components/tabs/snice-tabs.types.ts"],"names":[],"mappings":""}
@@ -1,25 +0,0 @@
1
- import type { ToastPosition, ToastOptions, SniceToastContainerElement } from './snice-toast.types';
2
- import './snice-toast';
3
- export declare class SniceToastContainer extends HTMLElement implements SniceToastContainerElement {
4
- position: ToastPosition;
5
- private toastIdCounter;
6
- private toasts;
7
- html(): string;
8
- css(): string;
9
- init(): void;
10
- cleanup(): void;
11
- show(message: string, options?: ToastOptions): string;
12
- hide(id: string): void;
13
- clear(): void;
14
- }
15
- export declare class Toast {
16
- private static ensureContainer;
17
- static show(message: string, options?: ToastOptions): string;
18
- static success(message: string, options?: ToastOptions): string;
19
- static error(message: string, options?: ToastOptions): string;
20
- static warning(message: string, options?: ToastOptions): string;
21
- static info(message: string, options?: ToastOptions): string;
22
- static hide(id: string): void;
23
- static clear(): void;
24
- }
25
- export default Toast;