snice 2.5.4 → 3.2.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 (411) hide show
  1. package/README.md +537 -869
  2. package/bin/templates/base/src/components/counter-button.ts +13 -26
  3. package/bin/templates/base/src/controllers/counter-controller.ts +3 -3
  4. package/dist/components/accordion/snice-accordion-item.d.ts +4 -5
  5. package/dist/components/accordion/snice-accordion-item.js +37 -39
  6. package/dist/components/accordion/snice-accordion-item.js.map +1 -1
  7. package/dist/components/accordion/snice-accordion.d.ts +5 -11
  8. package/dist/components/accordion/snice-accordion.js +51 -52
  9. package/dist/components/accordion/snice-accordion.js.map +1 -1
  10. package/dist/components/alert/snice-alert.d.ts +2 -6
  11. package/dist/components/alert/snice-alert.js +41 -56
  12. package/dist/components/alert/snice-alert.js.map +1 -1
  13. package/dist/components/avatar/snice-avatar.d.ts +2 -6
  14. package/dist/components/avatar/snice-avatar.js +64 -71
  15. package/dist/components/avatar/snice-avatar.js.map +1 -1
  16. package/dist/components/badge/snice-badge.d.ts +2 -3
  17. package/dist/components/badge/snice-badge.js +22 -23
  18. package/dist/components/badge/snice-badge.js.map +1 -1
  19. package/dist/components/banner/snice-banner.d.ts +22 -0
  20. package/dist/components/banner/snice-banner.js +180 -0
  21. package/dist/components/banner/snice-banner.js.map +1 -0
  22. package/dist/components/banner/snice-banner.types.d.ts +14 -0
  23. package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +5 -12
  24. package/dist/components/breadcrumbs/snice-breadcrumbs.js +88 -89
  25. package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -1
  26. package/dist/components/button/snice-button.d.ts +3 -7
  27. package/dist/components/button/snice-button.js +37 -58
  28. package/dist/components/button/snice-button.js.map +1 -1
  29. package/dist/components/card/snice-card.d.ts +5 -8
  30. package/dist/components/card/snice-card.js +71 -56
  31. package/dist/components/card/snice-card.js.map +1 -1
  32. package/dist/components/checkbox/snice-checkbox.d.ts +4 -13
  33. package/dist/components/checkbox/snice-checkbox.js +66 -137
  34. package/dist/components/checkbox/snice-checkbox.js.map +1 -1
  35. package/dist/components/chip/snice-chip.d.ts +5 -11
  36. package/dist/components/chip/snice-chip.js +44 -47
  37. package/dist/components/chip/snice-chip.js.map +1 -1
  38. package/dist/components/color-display/snice-color-display.d.ts +14 -0
  39. package/dist/components/color-display/snice-color-display.js +151 -0
  40. package/dist/components/color-display/snice-color-display.js.map +1 -0
  41. package/dist/components/color-display/snice-color-display.types.d.ts +10 -0
  42. package/dist/components/color-picker/snice-color-picker.d.ts +50 -0
  43. package/dist/components/color-picker/snice-color-picker.js +489 -0
  44. package/dist/components/color-picker/snice-color-picker.js.map +1 -0
  45. package/dist/components/color-picker/snice-color-picker.types.d.ts +19 -0
  46. package/dist/components/date-picker/snice-date-picker.d.ts +11 -11
  47. package/dist/components/date-picker/snice-date-picker.js +134 -133
  48. package/dist/components/date-picker/snice-date-picker.js.map +1 -1
  49. package/dist/components/divider/snice-divider.d.ts +2 -4
  50. package/dist/components/divider/snice-divider.js +14 -22
  51. package/dist/components/divider/snice-divider.js.map +1 -1
  52. package/dist/components/drawer/snice-drawer.d.ts +4 -4
  53. package/dist/components/drawer/snice-drawer.js +25 -19
  54. package/dist/components/drawer/snice-drawer.js.map +1 -1
  55. package/dist/components/empty-state/snice-empty-state.d.ts +13 -0
  56. package/dist/components/empty-state/snice-empty-state.js +121 -0
  57. package/dist/components/empty-state/snice-empty-state.js.map +1 -0
  58. package/dist/components/empty-state/snice-empty-state.types.d.ts +9 -0
  59. package/dist/components/file-upload/snice-file-upload.d.ts +45 -0
  60. package/dist/components/file-upload/snice-file-upload.js +394 -0
  61. package/dist/components/file-upload/snice-file-upload.js.map +1 -0
  62. package/dist/components/file-upload/snice-file-upload.types.d.ts +22 -0
  63. package/dist/components/image/snice-image.d.ts +22 -0
  64. package/dist/components/image/snice-image.js +201 -0
  65. package/dist/components/image/snice-image.js.map +1 -0
  66. package/dist/components/image/snice-image.types.d.ts +17 -0
  67. package/dist/components/input/snice-input.d.ts +8 -6
  68. package/dist/components/input/snice-input.js +122 -105
  69. package/dist/components/input/snice-input.js.map +1 -1
  70. package/dist/components/kpi/snice-kpi.d.ts +16 -0
  71. package/dist/components/kpi/snice-kpi.js +162 -0
  72. package/dist/components/kpi/snice-kpi.js.map +1 -0
  73. package/dist/components/kpi/snice-kpi.types.d.ts +12 -0
  74. package/dist/components/layout/snice-layout-blog.d.ts +4 -4
  75. package/dist/components/layout/snice-layout-blog.js +21 -19
  76. package/dist/components/layout/snice-layout-blog.js.map +1 -1
  77. package/dist/components/layout/snice-layout-card.d.ts +2 -2
  78. package/dist/components/layout/snice-layout-card.js +16 -9
  79. package/dist/components/layout/snice-layout-card.js.map +1 -1
  80. package/dist/components/layout/snice-layout-centered.d.ts +2 -2
  81. package/dist/components/layout/snice-layout-centered.js +14 -7
  82. package/dist/components/layout/snice-layout-centered.js.map +1 -1
  83. package/dist/components/layout/snice-layout-dashboard.d.ts +5 -5
  84. package/dist/components/layout/snice-layout-dashboard.js +38 -30
  85. package/dist/components/layout/snice-layout-dashboard.js.map +1 -1
  86. package/dist/components/layout/snice-layout-fullscreen.d.ts +2 -2
  87. package/dist/components/layout/snice-layout-fullscreen.js +17 -10
  88. package/dist/components/layout/snice-layout-fullscreen.js.map +1 -1
  89. package/dist/components/layout/snice-layout-landing.d.ts +4 -4
  90. package/dist/components/layout/snice-layout-landing.js +21 -19
  91. package/dist/components/layout/snice-layout-landing.js.map +1 -1
  92. package/dist/components/layout/snice-layout-minimal.d.ts +2 -2
  93. package/dist/components/layout/snice-layout-minimal.js +17 -6
  94. package/dist/components/layout/snice-layout-minimal.js.map +1 -1
  95. package/dist/components/layout/snice-layout-sidebar.d.ts +5 -4
  96. package/dist/components/layout/snice-layout-sidebar.js +42 -20
  97. package/dist/components/layout/snice-layout-sidebar.js.map +1 -1
  98. package/dist/components/layout/snice-layout-split.d.ts +2 -2
  99. package/dist/components/layout/snice-layout-split.js +14 -7
  100. package/dist/components/layout/snice-layout-split.js.map +1 -1
  101. package/dist/components/layout/snice-layout.d.ts +4 -4
  102. package/dist/components/layout/snice-layout.js +16 -10
  103. package/dist/components/layout/snice-layout.js.map +1 -1
  104. package/dist/components/link/snice-link.d.ts +13 -0
  105. package/dist/components/link/snice-link.js +137 -0
  106. package/dist/components/link/snice-link.js.map +1 -0
  107. package/dist/components/link/snice-link.types.d.ts +11 -0
  108. package/dist/components/login/snice-login.d.ts +6 -11
  109. package/dist/components/login/snice-login.js +97 -71
  110. package/dist/components/login/snice-login.js.map +1 -1
  111. package/dist/components/modal/snice-modal.d.ts +5 -9
  112. package/dist/components/modal/snice-modal.js +47 -78
  113. package/dist/components/modal/snice-modal.js.map +1 -1
  114. package/dist/components/nav/snice-nav.d.ts +13 -7
  115. package/dist/components/nav/snice-nav.js +191 -100
  116. package/dist/components/nav/snice-nav.js.map +1 -1
  117. package/dist/components/nav/snice-nav.types.d.ts +3 -3
  118. package/dist/components/pagination/snice-pagination.d.ts +6 -7
  119. package/dist/components/pagination/snice-pagination.js +94 -81
  120. package/dist/components/pagination/snice-pagination.js.map +1 -1
  121. package/dist/components/progress/snice-progress.d.ts +2 -7
  122. package/dist/components/progress/snice-progress.js +41 -98
  123. package/dist/components/progress/snice-progress.js.map +1 -1
  124. package/dist/components/radio/snice-radio.d.ts +4 -4
  125. package/dist/components/radio/snice-radio.js +52 -44
  126. package/dist/components/radio/snice-radio.js.map +1 -1
  127. package/dist/components/select/snice-option.d.ts +2 -1
  128. package/dist/components/select/snice-option.js +12 -5
  129. package/dist/components/select/snice-option.js.map +1 -1
  130. package/dist/components/select/snice-select.d.ts +9 -21
  131. package/dist/components/select/snice-select.js +98 -170
  132. package/dist/components/select/snice-select.js.map +1 -1
  133. package/dist/components/skeleton/snice-skeleton.d.ts +2 -6
  134. package/dist/components/skeleton/snice-skeleton.js +18 -49
  135. package/dist/components/skeleton/snice-skeleton.js.map +1 -1
  136. package/dist/components/slider/snice-slider.d.ts +53 -0
  137. package/dist/components/slider/snice-slider.js +479 -0
  138. package/dist/components/slider/snice-slider.js.map +1 -0
  139. package/dist/components/slider/snice-slider.types.d.ts +26 -0
  140. package/dist/components/snice-cell-C0slgOpe.js +4 -0
  141. package/dist/components/snice-cell-C0slgOpe.js.map +1 -0
  142. package/dist/components/sparkline/snice-sparkline.d.ts +21 -0
  143. package/dist/components/sparkline/snice-sparkline.js +228 -0
  144. package/dist/components/sparkline/snice-sparkline.js.map +1 -0
  145. package/dist/components/sparkline/snice-sparkline.types.d.ts +16 -0
  146. package/dist/components/spinner/snice-spinner.d.ts +10 -0
  147. package/dist/components/spinner/snice-spinner.js +109 -0
  148. package/dist/components/spinner/snice-spinner.js.map +1 -0
  149. package/dist/components/spinner/snice-spinner.types.d.ts +8 -0
  150. package/dist/components/stepper/snice-stepper-panel.d.ts +8 -0
  151. package/dist/components/stepper/snice-stepper-panel.js +70 -0
  152. package/dist/components/stepper/snice-stepper-panel.js.map +1 -0
  153. package/dist/components/stepper/snice-stepper-panel.types.d.ts +4 -0
  154. package/dist/components/stepper/snice-stepper.d.ts +15 -0
  155. package/dist/components/stepper/snice-stepper.js +163 -0
  156. package/dist/components/stepper/snice-stepper.js.map +1 -0
  157. package/dist/components/stepper/snice-stepper.types.d.ts +13 -0
  158. package/dist/components/switch/snice-switch.d.ts +2 -2
  159. package/dist/components/switch/snice-switch.js +38 -26
  160. package/dist/components/switch/snice-switch.js.map +1 -1
  161. package/dist/components/table/snice-cell-actions.d.ts +24 -0
  162. package/dist/components/table/snice-cell-actions.js +149 -0
  163. package/dist/components/table/snice-cell-actions.js.map +1 -0
  164. package/dist/components/table/snice-cell-boolean.d.ts +2 -2
  165. package/dist/components/table/snice-cell-boolean.js +13 -7
  166. package/dist/components/table/snice-cell-boolean.js.map +1 -1
  167. package/dist/components/table/snice-cell-color.d.ts +18 -0
  168. package/dist/components/table/snice-cell-color.js +149 -0
  169. package/dist/components/table/snice-cell-color.js.map +1 -0
  170. package/dist/components/table/snice-cell-currency.d.ts +24 -0
  171. package/dist/components/table/snice-cell-currency.js +235 -0
  172. package/dist/components/table/snice-cell-currency.js.map +1 -0
  173. package/dist/components/table/snice-cell-date.d.ts +2 -2
  174. package/dist/components/table/snice-cell-date.js +14 -8
  175. package/dist/components/table/snice-cell-date.js.map +1 -1
  176. package/dist/components/table/snice-cell-duration.d.ts +2 -2
  177. package/dist/components/table/snice-cell-duration.js +12 -6
  178. package/dist/components/table/snice-cell-duration.js.map +1 -1
  179. package/dist/components/table/snice-cell-email.d.ts +15 -0
  180. package/dist/components/table/snice-cell-email.js +125 -0
  181. package/dist/components/table/snice-cell-email.js.map +1 -0
  182. package/dist/components/table/snice-cell-filesize.d.ts +2 -2
  183. package/dist/components/table/snice-cell-filesize.js +12 -6
  184. package/dist/components/table/snice-cell-filesize.js.map +1 -1
  185. package/dist/components/table/snice-cell-image.d.ts +20 -0
  186. package/dist/components/table/snice-cell-image.js +162 -0
  187. package/dist/components/table/snice-cell-image.js.map +1 -0
  188. package/dist/components/table/snice-cell-json.d.ts +20 -0
  189. package/dist/components/table/snice-cell-json.js +186 -0
  190. package/dist/components/table/snice-cell-json.js.map +1 -0
  191. package/dist/components/table/snice-cell-link.d.ts +17 -0
  192. package/dist/components/table/snice-cell-link.js +142 -0
  193. package/dist/components/table/snice-cell-link.js.map +1 -0
  194. package/dist/components/table/snice-cell-location.d.ts +19 -0
  195. package/dist/components/table/snice-cell-location.js +185 -0
  196. package/dist/components/table/snice-cell-location.js.map +1 -0
  197. package/dist/components/table/snice-cell-number.d.ts +2 -2
  198. package/dist/components/table/snice-cell-number.js +12 -6
  199. package/dist/components/table/snice-cell-number.js.map +1 -1
  200. package/dist/components/table/snice-cell-percentage.d.ts +22 -0
  201. package/dist/components/table/snice-cell-percentage.js +208 -0
  202. package/dist/components/table/snice-cell-percentage.js.map +1 -0
  203. package/dist/components/table/snice-cell-phone.d.ts +18 -0
  204. package/dist/components/table/snice-cell-phone.js +153 -0
  205. package/dist/components/table/snice-cell-phone.js.map +1 -0
  206. package/dist/components/table/snice-cell-progress.d.ts +2 -2
  207. package/dist/components/table/snice-cell-progress.js +12 -6
  208. package/dist/components/table/snice-cell-progress.js.map +1 -1
  209. package/dist/components/table/snice-cell-rating.d.ts +2 -2
  210. package/dist/components/table/snice-cell-rating.js +12 -6
  211. package/dist/components/table/snice-cell-rating.js.map +1 -1
  212. package/dist/components/table/snice-cell-sparkline.d.ts +2 -2
  213. package/dist/components/table/snice-cell-sparkline.js +13 -7
  214. package/dist/components/table/snice-cell-sparkline.js.map +1 -1
  215. package/dist/components/table/snice-cell-status.d.ts +17 -0
  216. package/dist/components/table/snice-cell-status.js +144 -0
  217. package/dist/components/table/snice-cell-status.js.map +1 -0
  218. package/dist/components/table/snice-cell-tag.d.ts +16 -0
  219. package/dist/components/table/snice-cell-tag.js +131 -0
  220. package/dist/components/table/snice-cell-tag.js.map +1 -0
  221. package/dist/components/table/snice-cell-text.d.ts +2 -2
  222. package/dist/components/table/snice-cell-text.js +14 -8
  223. package/dist/components/table/snice-cell-text.js.map +1 -1
  224. package/dist/components/table/snice-cell.d.ts +2 -2
  225. package/dist/components/table/snice-cell.js +12 -6
  226. package/dist/components/table/snice-cell.js.map +1 -1
  227. package/dist/components/table/snice-column.d.ts +1 -1
  228. package/dist/components/table/snice-column.js +6 -3
  229. package/dist/components/table/snice-column.js.map +1 -1
  230. package/dist/components/table/snice-header.d.ts +5 -5
  231. package/dist/components/table/snice-header.js +60 -50
  232. package/dist/components/table/snice-header.js.map +1 -1
  233. package/dist/components/table/snice-progress.d.ts +2 -2
  234. package/dist/components/table/snice-progress.js +18 -11
  235. package/dist/components/table/snice-progress.js.map +1 -1
  236. package/dist/components/table/snice-rating.d.ts +2 -2
  237. package/dist/components/table/snice-rating.js +15 -8
  238. package/dist/components/table/snice-rating.js.map +1 -1
  239. package/dist/components/table/snice-row.d.ts +17 -6
  240. package/dist/components/table/snice-row.js +95 -44
  241. package/dist/components/table/snice-row.js.map +1 -1
  242. package/dist/components/table/snice-table.d.ts +18 -10
  243. package/dist/components/table/snice-table.js +355 -173
  244. package/dist/components/table/snice-table.js.map +1 -1
  245. package/dist/components/table/snice-table.types.d.ts +101 -2
  246. package/dist/components/tabs/snice-tab-panel.d.ts +2 -2
  247. package/dist/components/tabs/snice-tab-panel.js +12 -6
  248. package/dist/components/tabs/snice-tab-panel.js.map +1 -1
  249. package/dist/components/tabs/snice-tab.d.ts +6 -5
  250. package/dist/components/tabs/snice-tab.js +36 -19
  251. package/dist/components/tabs/snice-tab.js.map +1 -1
  252. package/dist/components/tabs/snice-tabs.d.ts +5 -5
  253. package/dist/components/tabs/snice-tabs.js +38 -28
  254. package/dist/components/tabs/snice-tabs.js.map +1 -1
  255. package/dist/components/textarea/snice-textarea.d.ts +52 -0
  256. package/dist/components/textarea/snice-textarea.js +407 -0
  257. package/dist/components/textarea/snice-textarea.js.map +1 -0
  258. package/dist/components/textarea/snice-textarea.types.d.ts +30 -0
  259. package/dist/components/timeline/snice-timeline.d.ts +11 -0
  260. package/dist/components/timeline/snice-timeline.js +112 -0
  261. package/dist/components/timeline/snice-timeline.js.map +1 -0
  262. package/dist/components/timeline/snice-timeline.types.d.ts +16 -0
  263. package/dist/components/toast/snice-toast-container.d.ts +7 -7
  264. package/dist/components/toast/snice-toast-container.js +19 -12
  265. package/dist/components/toast/snice-toast-container.js.map +1 -1
  266. package/dist/components/toast/snice-toast.d.ts +3 -15
  267. package/dist/components/toast/snice-toast.js +49 -108
  268. package/dist/components/toast/snice-toast.js.map +1 -1
  269. package/dist/components/tooltip/snice-tooltip.d.ts +2 -2
  270. package/dist/components/tooltip/snice-tooltip.js +15 -8
  271. package/dist/components/tooltip/snice-tooltip.js.map +1 -1
  272. package/dist/context.d.ts +44 -0
  273. package/dist/element-ready.d.ts +40 -0
  274. package/dist/{types/element.d.ts → element.d.ts} +2 -8
  275. package/dist/{types/events.d.ts → events.d.ts} +0 -4
  276. package/dist/index.cjs +2556 -605
  277. package/dist/index.cjs.map +1 -1
  278. package/dist/index.d.ts +21 -0
  279. package/dist/index.esm.js +2535 -604
  280. package/dist/index.esm.js.map +1 -1
  281. package/dist/index.iife.js +2556 -605
  282. package/dist/index.iife.js.map +1 -1
  283. package/dist/method-decorators.d.ts +121 -0
  284. package/dist/on.d.ts +59 -0
  285. package/dist/parts.d.ts +156 -0
  286. package/dist/render-debug.d.ts +27 -0
  287. package/dist/render-tracker.d.ts +14 -0
  288. package/dist/render.d.ts +96 -0
  289. package/dist/symbols.cjs +163 -0
  290. package/dist/symbols.cjs.map +1 -1
  291. package/dist/{types/symbols.d.ts → symbols.d.ts} +22 -0
  292. package/dist/symbols.esm.js +27 -3
  293. package/dist/symbols.esm.js.map +1 -1
  294. package/dist/template.d.ts +99 -0
  295. package/dist/transitions.cjs +219 -0
  296. package/dist/transitions.esm.js +2 -2
  297. package/dist/types/context.d.ts +48 -0
  298. package/dist/types/element-options.d.ts +26 -0
  299. package/dist/types/index.d.ts +25 -9
  300. package/dist/types/nav-context.d.ts +19 -0
  301. package/dist/types/{types/on-options.d.ts → on-options.d.ts} +2 -0
  302. package/dist/types/{types/placard.d.ts → placard.d.ts} +0 -1
  303. package/docs/ai/README.md +26 -0
  304. package/docs/ai/api.md +175 -0
  305. package/docs/ai/architecture.md +160 -0
  306. package/docs/ai/components/accordion.md +174 -0
  307. package/docs/ai/components/alert.md +77 -0
  308. package/docs/ai/components/avatar.md +61 -0
  309. package/docs/ai/components/badge.md +69 -0
  310. package/docs/ai/components/banner.md +84 -0
  311. package/docs/ai/components/breadcrumbs.md +74 -0
  312. package/docs/ai/components/button.md +75 -0
  313. package/docs/ai/components/card.md +61 -0
  314. package/docs/ai/components/checkbox.md +74 -0
  315. package/docs/ai/components/chip.md +73 -0
  316. package/docs/ai/components/color-display.md +48 -0
  317. package/docs/ai/components/color-picker.md +75 -0
  318. package/docs/ai/components/date-picker.md +75 -0
  319. package/docs/ai/components/divider.md +66 -0
  320. package/docs/ai/components/drawer.md +80 -0
  321. package/docs/ai/components/empty-state.md +72 -0
  322. package/docs/ai/components/file-upload.md +93 -0
  323. package/docs/ai/components/image.md +60 -0
  324. package/docs/ai/components/input.md +111 -0
  325. package/docs/ai/components/kpi.md +158 -0
  326. package/docs/ai/components/link.md +77 -0
  327. package/docs/ai/components/login.md +109 -0
  328. package/docs/ai/components/modal.md +67 -0
  329. package/docs/ai/components/nav.md +76 -0
  330. package/docs/ai/components/pagination.md +55 -0
  331. package/docs/ai/components/progress.md +72 -0
  332. package/docs/ai/components/radio.md +79 -0
  333. package/docs/ai/components/select.md +92 -0
  334. package/docs/ai/components/skeleton.md +57 -0
  335. package/docs/ai/components/slider.md +87 -0
  336. package/docs/ai/components/sparkline.md +168 -0
  337. package/docs/ai/components/spinner.md +47 -0
  338. package/docs/ai/components/stepper.md +216 -0
  339. package/docs/ai/components/switch.md +53 -0
  340. package/docs/ai/components/table.md +227 -0
  341. package/docs/ai/components/tabs.md +83 -0
  342. package/docs/ai/components/textarea.md +87 -0
  343. package/docs/ai/components/timeline.md +77 -0
  344. package/docs/ai/components/toast.md +140 -0
  345. package/docs/ai/components/tooltip.md +146 -0
  346. package/docs/ai/patterns.md +244 -0
  347. package/docs/components/accordion.md +558 -0
  348. package/docs/components/banner.md +106 -0
  349. package/docs/components/color-display.md +96 -0
  350. package/docs/components/color-picker.md +81 -0
  351. package/docs/components/drawer.md +602 -0
  352. package/docs/components/empty-state.md +79 -0
  353. package/docs/components/file-upload.md +263 -0
  354. package/docs/components/image.md +110 -0
  355. package/docs/components/kpi.md +251 -0
  356. package/docs/components/link.md +229 -0
  357. package/docs/components/modal.md +558 -0
  358. package/docs/components/nav.md +239 -0
  359. package/docs/components/pagination.md +289 -0
  360. package/docs/components/select.md +599 -0
  361. package/docs/components/slider.md +297 -0
  362. package/docs/components/sparkline.md +293 -0
  363. package/docs/components/spinner.md +63 -0
  364. package/docs/components/stepper.md +410 -0
  365. package/docs/components/switch.md +354 -0
  366. package/docs/components/tabs.md +546 -0
  367. package/docs/components/textarea.md +235 -0
  368. package/docs/components/timeline.md +192 -0
  369. package/docs/components/toast.md +506 -0
  370. package/docs/components/tooltip.md +523 -0
  371. package/docs/controllers.md +744 -0
  372. package/docs/elements.md +855 -0
  373. package/docs/events.md +807 -0
  374. package/docs/migration-v2-to-v3.md +569 -0
  375. package/docs/observe.md +588 -0
  376. package/docs/placards.md +401 -0
  377. package/docs/request-response.md +852 -0
  378. package/docs/routing.md +1186 -0
  379. package/package.json +11 -11
  380. package/dist/components/snice-cell-C9N6yGxQ.js +0 -4
  381. package/dist/components/snice-cell-C9N6yGxQ.js.map +0 -1
  382. package/dist/types/types/index.d.ts +0 -23
  383. /package/dist/{types/controller.d.ts → controller.d.ts} +0 -0
  384. /package/dist/{types/global.d.ts → global.d.ts} +0 -0
  385. /package/dist/{types/observe.d.ts → observe.d.ts} +0 -0
  386. /package/dist/{types/request-response.d.ts → request-response.d.ts} +0 -0
  387. /package/dist/{types/router.d.ts → router.d.ts} +0 -0
  388. /package/dist/{types/testing.d.ts → testing.d.ts} +0 -0
  389. /package/dist/{types/transitions.d.ts → transitions.d.ts} +0 -0
  390. /package/dist/types/{types/adopted-options.d.ts → adopted-options.d.ts} +0 -0
  391. /package/dist/types/{types/app-context.d.ts → app-context.d.ts} +0 -0
  392. /package/dist/types/{types/dispatch-options.d.ts → dispatch-options.d.ts} +0 -0
  393. /package/dist/types/{types/guard.d.ts → guard.d.ts} +0 -0
  394. /package/dist/types/{types/i-controller.d.ts → i-controller.d.ts} +0 -0
  395. /package/dist/types/{types/moved-options.d.ts → moved-options.d.ts} +0 -0
  396. /package/dist/types/{types/observe-options.d.ts → observe-options.d.ts} +0 -0
  397. /package/dist/types/{types/page-options.d.ts → page-options.d.ts} +0 -0
  398. /package/dist/types/{types/part-options.d.ts → part-options.d.ts} +0 -0
  399. /package/dist/types/{types/property-converter.d.ts → property-converter.d.ts} +0 -0
  400. /package/dist/types/{types/property-options.d.ts → property-options.d.ts} +0 -0
  401. /package/dist/types/{types/query-options.d.ts → query-options.d.ts} +0 -0
  402. /package/dist/types/{types/request-options.d.ts → request-options.d.ts} +0 -0
  403. /package/dist/types/{types/respond-options.d.ts → respond-options.d.ts} +0 -0
  404. /package/dist/types/{types/route-params.d.ts → route-params.d.ts} +0 -0
  405. /package/dist/types/{types/router-instance.d.ts → router-instance.d.ts} +0 -0
  406. /package/dist/types/{types/router-options.d.ts → router-options.d.ts} +0 -0
  407. /package/dist/types/{types/simple-array.d.ts → simple-array.d.ts} +0 -0
  408. /package/dist/types/{types/snice-element.d.ts → snice-element.d.ts} +0 -0
  409. /package/dist/types/{types/snice-global.d.ts → snice-global.d.ts} +0 -0
  410. /package/dist/types/{types/transition.d.ts → transition.d.ts} +0 -0
  411. /package/dist/{types/utils.d.ts → utils.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snice-timeline.js","sources":["../../../components/timeline/snice-timeline.css?inline","../../../../components/timeline/snice-timeline.ts"],"sourcesContent":["export default \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.timeline{position:relative;padding:0;margin:0}.timeline--vertical{display:flex;flex-direction:column;gap:0}.timeline--vertical .timeline-item{display:flex;position:relative;padding-bottom:var(--snice-spacing-xl,2rem)}.timeline--vertical .timeline-item:last-child{padding-bottom:0}.timeline--vertical .timeline-item::before{content:'';position:absolute;left:.625rem;top:var(--snice-spacing-xl,2rem);bottom:var(--snice-spacing-xs,-.5rem);width:2px;background:var(--snice-color-border,rgb(226 226 226))}.timeline--vertical .timeline-item:last-child::before{display:none}.timeline--vertical.timeline--left .timeline-item{padding-left:var(--snice-spacing-2xl,2.5rem)}.timeline--vertical.timeline--left .timeline-item__marker{left:0}.timeline--vertical.timeline--right .timeline-item{padding-right:var(--snice-spacing-2xl,2.5rem);flex-direction:row-reverse}.timeline--vertical.timeline--right .timeline-item__marker{right:0}.timeline--vertical.timeline--right .timeline-item::before{left:auto;right:.625rem}.timeline--vertical.timeline--right .timeline-item__content{text-align:right}.timeline--vertical.timeline--alternate{padding:0 var(--snice-spacing-2xl,2.5rem)}.timeline--vertical.timeline--alternate .timeline-item{padding-left:var(--snice-spacing-2xl,2.5rem);padding-right:0}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n){padding-left:0;padding-right:var(--snice-spacing-2xl,2.5rem);flex-direction:row-reverse}.timeline--vertical.timeline--alternate .timeline-item__marker{left:calc(-1 * var(--snice-spacing-2xl,2.5rem))}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n) .timeline-item__marker{left:auto;right:calc(-1 * var(--snice-spacing-2xl,2.5rem))}.timeline--vertical.timeline--alternate .timeline-item::before{left:calc(-1 * var(--snice-spacing-2xl,2.5rem) + .625rem)}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n)::before{left:auto;right:calc(-1 * var(--snice-spacing-2xl,2.5rem) + .625rem)}.timeline--vertical.timeline--alternate .timeline-item:nth-child(2n) .timeline-item__content{text-align:right}.timeline--horizontal{display:flex;flex-direction:row;gap:var(--snice-spacing-xl,2rem);padding-top:var(--snice-spacing-2xl,2.5rem);overflow-x:auto}.timeline--horizontal .timeline-item{display:flex;flex-direction:column;position:relative;min-width:200px}.timeline--horizontal .timeline-item::before{content:'';position:absolute;left:var(--snice-spacing-xl,2rem);right:calc(-1 * var(--snice-spacing-xl,2rem));top:.625rem;height:2px;background:var(--snice-color-border,rgb(226 226 226))}.timeline--horizontal .timeline-item:last-child::before{display:none}.timeline--horizontal .timeline-item__marker{top:0;left:0}.timeline--horizontal .timeline-item__content{padding-top:var(--snice-spacing-xl,2rem)}.timeline--reverse.timeline--vertical{flex-direction:column-reverse}.timeline--reverse.timeline--horizontal{flex-direction:row-reverse}.timeline-item__marker{position:absolute;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--snice-color-background,rgb(255 255 255));border:2px solid var(--snice-color-border,rgb(226 226 226));z-index:1}.timeline-item__icon{font-size:var(--snice-font-size-xs, .75rem);line-height:1;color:var(--snice-color-text,rgb(23 23 23))}.timeline-item--default .timeline-item__marker{border-color:var(--snice-color-border,rgb(226 226 226));background:var(--snice-color-background,rgb(255 255 255))}.timeline-item--success .timeline-item__marker{border-color:var(--snice-color-success,rgb(22 163 74));background:var(--snice-color-success-light,rgb(209 250 229))}.timeline-item--success .timeline-item__icon{color:var(--snice-color-success,rgb(22 163 74))}.timeline-item--warning .timeline-item__marker{border-color:var(--snice-color-warning,rgb(245 158 11));background:var(--snice-color-warning-light,rgb(254 243 199))}.timeline-item--warning .timeline-item__icon{color:var(--snice-color-warning,rgb(245 158 11))}.timeline-item--error .timeline-item__marker{border-color:var(--snice-color-danger,rgb(220 38 38));background:var(--snice-color-danger-light,rgb(254 226 226))}.timeline-item--error .timeline-item__icon{color:var(--snice-color-danger,rgb(220 38 38))}.timeline-item--info .timeline-item__marker{border-color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-info-light,rgb(219 234 254))}.timeline-item--info .timeline-item__icon{color:var(--snice-color-primary,rgb(37 99 235))}.timeline-item__content{flex:1}.timeline-item__timestamp{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin-bottom:var(--snice-spacing-2xs,.25rem)}.timeline-item__title{font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-2xs,.25rem)}.timeline-item__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));line-height:var(--snice-line-height-normal, 1.5)}\";",null],"names":[],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ export type TimelineOrientation = 'vertical' | 'horizontal';
2
+ export type TimelinePosition = 'left' | 'right' | 'alternate';
3
+ export type TimelineItemVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
4
+ export interface TimelineItem {
5
+ timestamp?: string;
6
+ title: string;
7
+ description?: string;
8
+ icon?: string;
9
+ variant?: TimelineItemVariant;
10
+ }
11
+ export interface SniceTimelineElement extends HTMLElement {
12
+ orientation: TimelineOrientation;
13
+ position: TimelinePosition;
14
+ items: TimelineItem[];
15
+ reverse: boolean;
16
+ }
@@ -4,8 +4,8 @@ export declare class SniceToastContainer extends HTMLElement implements SniceToa
4
4
  position: ToastPosition;
5
5
  private toastIdCounter;
6
6
  private toasts;
7
- html(): string;
8
- css(): string;
7
+ renderContent(): import("snice").TemplateResult;
8
+ componentStyles(): import("snice").CSSResult;
9
9
  init(): void;
10
10
  cleanup(): void;
11
11
  show(message: string, options?: ToastOptions): string;
@@ -14,11 +14,11 @@ export declare class SniceToastContainer extends HTMLElement implements SniceToa
14
14
  }
15
15
  export declare class Toast {
16
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;
17
+ static show(message: string, options?: ToastOptions): Promise<string>;
18
+ static success(message: string, options?: ToastOptions): Promise<string>;
19
+ static error(message: string, options?: ToastOptions): Promise<string>;
20
+ static warning(message: string, options?: ToastOptions): Promise<string>;
21
+ static info(message: string, options?: ToastOptions): Promise<string>;
22
22
  static hide(id: string): void;
23
23
  static clear(): void;
24
24
  }
@@ -1,5 +1,5 @@
1
1
  import { __runInitializers, __esDecorate } from 'tslib';
2
- import { element, property, ready, dispose } from 'snice';
2
+ import { element, property, render, styles, ready, dispose, html, css } from 'snice';
3
3
  import { getSymbol } from '../symbols.js';
4
4
  import './snice-toast.js';
5
5
 
@@ -19,6 +19,8 @@ let SniceToastContainer = (() => {
19
19
  let _position_decorators;
20
20
  let _position_initializers = [];
21
21
  let _position_extraInitializers = [];
22
+ let _renderContent_decorators;
23
+ let _componentStyles_decorators;
22
24
  let _init_decorators;
23
25
  let _cleanup_decorators;
24
26
  (class extends _classSuper {
@@ -32,8 +34,12 @@ let SniceToastContainer = (() => {
32
34
  static {
33
35
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
34
36
  _position_decorators = [property({})];
37
+ _renderContent_decorators = [render()];
38
+ _componentStyles_decorators = [styles()];
35
39
  _init_decorators = [ready()];
36
40
  _cleanup_decorators = [dispose()];
41
+ __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
42
+ __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
37
43
  __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
38
44
  __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
39
45
  __esDecorate(null, null, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
@@ -42,13 +48,13 @@ let SniceToastContainer = (() => {
42
48
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
43
49
  __runInitializers(_classThis, _classExtraInitializers);
44
50
  }
45
- html() {
46
- return /*html*/ `
51
+ renderContent() {
52
+ return html /*html*/ `
47
53
  <div class="toast-wrapper"></div>
48
54
  `;
49
55
  }
50
- css() {
51
- return /*css*/ `
56
+ componentStyles() {
57
+ return css /*css*/ `
52
58
  :host {
53
59
  position: fixed;
54
60
  z-index: 10000;
@@ -195,20 +201,21 @@ class Toast {
195
201
  document.body.appendChild(container);
196
202
  return container;
197
203
  }
198
- static show(message, options = {}) {
204
+ static async show(message, options = {}) {
199
205
  const container = Toast.ensureContainer(options.position);
206
+ await container.ready;
200
207
  return container.show(message, options);
201
208
  }
202
- static success(message, options = {}) {
209
+ static async success(message, options = {}) {
203
210
  return Toast.show(message, { ...options, type: 'success' });
204
211
  }
205
- static error(message, options = {}) {
212
+ static async error(message, options = {}) {
206
213
  return Toast.show(message, { ...options, type: 'error' });
207
214
  }
208
- static warning(message, options = {}) {
215
+ static async warning(message, options = {}) {
209
216
  return Toast.show(message, { ...options, type: 'warning' });
210
217
  }
211
- static info(message, options = {}) {
218
+ static async info(message, options = {}) {
212
219
  return Toast.show(message, { ...options, type: 'info' });
213
220
  }
214
221
  static hide(id) {
@@ -228,11 +235,11 @@ class Toast {
228
235
  function initializeGlobalEventListener() {
229
236
  if (globalThis[TOAST_LISTENER_INITIALIZED])
230
237
  return;
231
- document.documentElement.addEventListener(TOAST_EVENT_SHOW, (event) => {
238
+ document.documentElement.addEventListener(TOAST_EVENT_SHOW, async (event) => {
232
239
  const customEvent = event;
233
240
  const { message, options = {} } = customEvent.detail;
234
241
  // Show the toast
235
- const toastId = Toast.show(message, options);
242
+ const toastId = await Toast.show(message, options);
236
243
  // Dispatch response event with toast ID if the original event requested it
237
244
  if (customEvent.detail.options?.id) {
238
245
  const responseEvent = new CustomEvent(TOAST_EVENT_RESPONSE, {
@@ -1 +1 @@
1
- {"version":3,"file":"snice-toast-container.js","sources":["../../../../components/toast/snice-toast-container.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"snice-toast-container.js","sources":["../../../../components/toast/snice-toast-container.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -4,20 +4,8 @@ export declare class SniceToast extends HTMLElement implements SniceToastElement
4
4
  message: string;
5
5
  closable: boolean;
6
6
  icon: boolean;
7
- toastElement?: HTMLElement;
8
- iconElement?: HTMLElement;
9
- contentElement?: HTMLElement;
10
- closeButton?: HTMLElement;
11
- html(): string;
12
- css(): string;
13
- private setHidden;
14
- updateType(): void;
15
- updateMessage(): void;
16
- updateClosable(): void;
17
- updateIcon(): void;
18
- handleClose(): {
19
- id: string | null;
20
- };
7
+ renderContent(): import("snice").TemplateResult;
8
+ componentStyles(): import("snice").CSSResult;
9
+ private dispatchCloseEvent;
21
10
  hide(): void;
22
- private getIcon;
23
11
  }
@@ -1,5 +1,5 @@
1
1
  import { __esDecorate, __runInitializers } from 'tslib';
2
- import { element, property, query, watch, on, dispatch } from 'snice';
2
+ import { element, property, render, styles, dispatch, html, css } from 'snice';
3
3
 
4
4
  let SniceToast = (() => {
5
5
  let _classDecorators = [element('snice-toast')];
@@ -20,23 +20,9 @@ let SniceToast = (() => {
20
20
  let _icon_decorators;
21
21
  let _icon_initializers = [];
22
22
  let _icon_extraInitializers = [];
23
- let _toastElement_decorators;
24
- let _toastElement_initializers = [];
25
- let _toastElement_extraInitializers = [];
26
- let _iconElement_decorators;
27
- let _iconElement_initializers = [];
28
- let _iconElement_extraInitializers = [];
29
- let _contentElement_decorators;
30
- let _contentElement_initializers = [];
31
- let _contentElement_extraInitializers = [];
32
- let _closeButton_decorators;
33
- let _closeButton_initializers = [];
34
- let _closeButton_extraInitializers = [];
35
- let _updateType_decorators;
36
- let _updateMessage_decorators;
37
- let _updateClosable_decorators;
38
- let _updateIcon_decorators;
39
- let _handleClose_decorators;
23
+ let _renderContent_decorators;
24
+ let _componentStyles_decorators;
25
+ let _dispatchCloseEvent_decorators;
40
26
  (class extends _classSuper {
41
27
  static { _classThis = this; }
42
28
  static {
@@ -45,48 +31,63 @@ let SniceToast = (() => {
45
31
  _message_decorators = [property({})];
46
32
  _closable_decorators = [property({ type: Boolean, })];
47
33
  _icon_decorators = [property({ type: Boolean, })];
48
- _toastElement_decorators = [query('.toast')];
49
- _iconElement_decorators = [query('.toast-icon')];
50
- _contentElement_decorators = [query('.toast-content')];
51
- _closeButton_decorators = [query('.toast-close')];
52
- _updateType_decorators = [watch('type')];
53
- _updateMessage_decorators = [watch('message')];
54
- _updateClosable_decorators = [watch('closable')];
55
- _updateIcon_decorators = [watch('icon')];
56
- _handleClose_decorators = [on('click', '.toast-close'), dispatch('close-toast')];
57
- __esDecorate(this, null, _updateType_decorators, { kind: "method", name: "updateType", static: false, private: false, access: { has: obj => "updateType" in obj, get: obj => obj.updateType }, metadata: _metadata }, null, _instanceExtraInitializers);
58
- __esDecorate(this, null, _updateMessage_decorators, { kind: "method", name: "updateMessage", static: false, private: false, access: { has: obj => "updateMessage" in obj, get: obj => obj.updateMessage }, metadata: _metadata }, null, _instanceExtraInitializers);
59
- __esDecorate(this, null, _updateClosable_decorators, { kind: "method", name: "updateClosable", static: false, private: false, access: { has: obj => "updateClosable" in obj, get: obj => obj.updateClosable }, metadata: _metadata }, null, _instanceExtraInitializers);
60
- __esDecorate(this, null, _updateIcon_decorators, { kind: "method", name: "updateIcon", static: false, private: false, access: { has: obj => "updateIcon" in obj, get: obj => obj.updateIcon }, metadata: _metadata }, null, _instanceExtraInitializers);
61
- __esDecorate(this, null, _handleClose_decorators, { kind: "method", name: "handleClose", static: false, private: false, access: { has: obj => "handleClose" in obj, get: obj => obj.handleClose }, metadata: _metadata }, null, _instanceExtraInitializers);
34
+ _renderContent_decorators = [render()];
35
+ _componentStyles_decorators = [styles()];
36
+ _dispatchCloseEvent_decorators = [dispatch('close-toast')];
37
+ __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
38
+ __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
39
+ __esDecorate(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
62
40
  __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
63
41
  __esDecorate(null, null, _message_decorators, { kind: "field", name: "message", static: false, private: false, access: { has: obj => "message" in obj, get: obj => obj.message, set: (obj, value) => { obj.message = value; } }, metadata: _metadata }, _message_initializers, _message_extraInitializers);
64
42
  __esDecorate(null, null, _closable_decorators, { kind: "field", name: "closable", static: false, private: false, access: { has: obj => "closable" in obj, get: obj => obj.closable, set: (obj, value) => { obj.closable = value; } }, metadata: _metadata }, _closable_initializers, _closable_extraInitializers);
65
43
  __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
66
- __esDecorate(null, null, _toastElement_decorators, { kind: "field", name: "toastElement", static: false, private: false, access: { has: obj => "toastElement" in obj, get: obj => obj.toastElement, set: (obj, value) => { obj.toastElement = value; } }, metadata: _metadata }, _toastElement_initializers, _toastElement_extraInitializers);
67
- __esDecorate(null, null, _iconElement_decorators, { kind: "field", name: "iconElement", static: false, private: false, access: { has: obj => "iconElement" in obj, get: obj => obj.iconElement, set: (obj, value) => { obj.iconElement = value; } }, metadata: _metadata }, _iconElement_initializers, _iconElement_extraInitializers);
68
- __esDecorate(null, null, _contentElement_decorators, { kind: "field", name: "contentElement", static: false, private: false, access: { has: obj => "contentElement" in obj, get: obj => obj.contentElement, set: (obj, value) => { obj.contentElement = value; } }, metadata: _metadata }, _contentElement_initializers, _contentElement_extraInitializers);
69
- __esDecorate(null, null, _closeButton_decorators, { kind: "field", name: "closeButton", static: false, private: false, access: { has: obj => "closeButton" in obj, get: obj => obj.closeButton, set: (obj, value) => { obj.closeButton = value; } }, metadata: _metadata }, _closeButton_initializers, _closeButton_extraInitializers);
70
44
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
71
45
  _classThis = _classDescriptor.value;
72
46
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
73
47
  __runInitializers(_classThis, _classExtraInitializers);
74
48
  }
75
- html() {
76
- return /*html*/ `
49
+ renderContent() {
50
+ return html /*html*/ `
77
51
  <div class="toast toast--${this.type}" role="alert" aria-live="polite">
78
- <span class="toast-icon">${this.getIcon(this.type)}</span>
52
+ <if ${this.icon}>
53
+ <span class="toast-icon">
54
+ <case ${this.type}>
55
+ <when value="success">
56
+ <svg viewBox="0 0 20 20" fill="currentColor">
57
+ <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
58
+ </svg>
59
+ </when>
60
+ <when value="error">
61
+ <svg viewBox="0 0 20 20" fill="currentColor">
62
+ <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 7a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
63
+ </svg>
64
+ </when>
65
+ <when value="warning">
66
+ <svg viewBox="0 0 20 20" fill="currentColor">
67
+ <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
68
+ </svg>
69
+ </when>
70
+ <default>
71
+ <svg viewBox="0 0 20 20" fill="currentColor">
72
+ <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
73
+ </svg>
74
+ </default>
75
+ </case>
76
+ </span>
77
+ </if>
79
78
  <span class="toast-content">${this.message}</span>
80
- <button class="toast-close" aria-label="Close">
81
- <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
82
- <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"/>
83
- </svg>
84
- </button>
79
+ <if ${this.closable}>
80
+ <button class="toast-close" aria-label="Close" @click=${this.dispatchCloseEvent}>
81
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
82
+ <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"/>
83
+ </svg>
84
+ </button>
85
+ </if>
85
86
  </div>
86
87
  `;
87
88
  }
88
- css() {
89
- return /*css*/ `
89
+ componentStyles() {
90
+ return css /*css*/ `
90
91
  :host {
91
92
  pointer-events: auto;
92
93
  display: block;
@@ -239,79 +240,19 @@ let SniceToast = (() => {
239
240
  }
240
241
  `;
241
242
  }
242
- // Helper function to hide/show elements
243
- setHidden(selector, hide) {
244
- const element = this.shadowRoot?.querySelector(selector);
245
- if (element) {
246
- if (hide) {
247
- element.setAttribute('hidden', '');
248
- }
249
- else {
250
- element.removeAttribute('hidden');
251
- }
252
- }
253
- }
254
- updateType() {
255
- if (this.toastElement) {
256
- // Remove old type class
257
- this.toastElement.className = this.toastElement.className.replace(/toast--\w+/, '');
258
- // Add new type class
259
- this.toastElement.classList.add(`toast--${this.type}`);
260
- }
261
- // Update icon
262
- if (this.iconElement) {
263
- this.iconElement.innerHTML = this.getIcon(this.type);
264
- }
265
- }
266
- updateMessage() {
267
- if (this.contentElement) {
268
- this.contentElement.textContent = this.message;
269
- }
270
- }
271
- updateClosable() {
272
- this.setHidden('.toast-close', !this.closable);
273
- }
274
- updateIcon() {
275
- this.setHidden('.toast-icon', !this.icon);
276
- }
277
- handleClose() {
243
+ dispatchCloseEvent() {
278
244
  return { id: this.getAttribute('toast-id') };
279
245
  }
280
246
  hide() {
281
247
  this.classList.add('hiding');
282
248
  }
283
- getIcon(type) {
284
- switch (type) {
285
- case 'success':
286
- return `<svg viewBox="0 0 20 20" fill="currentColor">
287
- <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
288
- </svg>`;
289
- case 'error':
290
- return `<svg viewBox="0 0 20 20" fill="currentColor">
291
- <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zM10 7a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1zm0 8a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/>
292
- </svg>`;
293
- case 'warning':
294
- return `<svg viewBox="0 0 20 20" fill="currentColor">
295
- <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
296
- </svg>`;
297
- case 'info':
298
- default:
299
- return `<svg viewBox="0 0 20 20" fill="currentColor">
300
- <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
301
- </svg>`;
302
- }
303
- }
304
249
  constructor() {
305
250
  super(...arguments);
306
251
  this.type = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _type_initializers, 'info'));
307
252
  this.message = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _message_initializers, ''));
308
253
  this.closable = (__runInitializers(this, _message_extraInitializers), __runInitializers(this, _closable_initializers, true));
309
254
  this.icon = (__runInitializers(this, _closable_extraInitializers), __runInitializers(this, _icon_initializers, true));
310
- this.toastElement = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _toastElement_initializers, void 0));
311
- this.iconElement = (__runInitializers(this, _toastElement_extraInitializers), __runInitializers(this, _iconElement_initializers, void 0));
312
- this.contentElement = (__runInitializers(this, _iconElement_extraInitializers), __runInitializers(this, _contentElement_initializers, void 0));
313
- this.closeButton = (__runInitializers(this, _contentElement_extraInitializers), __runInitializers(this, _closeButton_initializers, void 0));
314
- __runInitializers(this, _closeButton_extraInitializers);
255
+ __runInitializers(this, _icon_extraInitializers);
315
256
  }
316
257
  });
317
258
  return _classThis;
@@ -1 +1 @@
1
- {"version":3,"file":"snice-toast.js","sources":["../../../../components/toast/snice-toast.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"snice-toast.js","sources":["../../../../components/toast/snice-toast.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
@@ -19,8 +19,8 @@ export declare class SniceTooltip extends HTMLElement implements SniceTooltipEle
19
19
  private activePosition;
20
20
  private portalElement?;
21
21
  private static ensurePortalStyles;
22
- html(): string;
23
- css(): string;
22
+ renderContent(): import("snice").TemplateResult;
23
+ componentStyles(): import("snice").CSSResult;
24
24
  init(): void;
25
25
  cleanup(): void;
26
26
  updateContent(): void;
@@ -1,9 +1,9 @@
1
1
  import { __runInitializers, __esDecorate } from 'tslib';
2
- import { element, property, query, ready, dispose, watch, on } from 'snice';
2
+ import { element, property, query, render, styles, ready, dispose, watch, on, html, css } from 'snice';
3
3
 
4
- var css = ":host {\n --tooltip-bg: #333;\n --tooltip-color: white;\n --tooltip-padding: 0.5rem 0.75rem; /* 8px 12px */\n --tooltip-radius: 6px;\n --tooltip-font-size: 0.875rem; /* 14px */\n --tooltip-arrow-size: 6px;\n --tooltip-max-width: 15.625rem; /* 250px */\n position: relative;\n display: inline-block;\n}\n\n.tooltip-trigger {\n display: inline-block;\n}\n\n.tooltip {\n position: fixed;\n z-index: var(--tooltip-z-index, 10000);\n padding: var(--tooltip-padding);\n background: var(--tooltip-bg);\n color: var(--tooltip-color);\n border-radius: var(--tooltip-radius);\n font-size: var(--tooltip-font-size);\n line-height: 1.4;\n max-width: var(--tooltip-max-width);\n width: max-content;\n pointer-events: none;\n opacity: 0;\n transform: scale(0.95);\n transition: opacity 0.2s, transform 0.2s;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.tooltip--visible {\n opacity: 1;\n transform: scale(1);\n}\n\n.tooltip__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-color: transparent;\n}\n\n/* Arrow positions */\n.tooltip--top .tooltip__arrow,\n.tooltip--top-start .tooltip__arrow,\n.tooltip--top-end .tooltip__arrow {\n bottom: calc(var(--tooltip-arrow-size) * -1);\n border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;\n border-top-color: var(--tooltip-bg);\n}\n\n.tooltip--bottom .tooltip__arrow,\n.tooltip--bottom-start .tooltip__arrow,\n.tooltip--bottom-end .tooltip__arrow {\n top: calc(var(--tooltip-arrow-size) * -1);\n border-width: 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);\n border-bottom-color: var(--tooltip-bg);\n}\n\n.tooltip--left .tooltip__arrow,\n.tooltip--left-start .tooltip__arrow,\n.tooltip--left-end .tooltip__arrow {\n right: calc(var(--tooltip-arrow-size) * -1);\n border-width: var(--tooltip-arrow-size) 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);\n border-left-color: var(--tooltip-bg);\n}\n\n.tooltip--right .tooltip__arrow,\n.tooltip--right-start .tooltip__arrow,\n.tooltip--right-end .tooltip__arrow {\n left: calc(var(--tooltip-arrow-size) * -1);\n border-width: var(--tooltip-arrow-size) var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;\n border-right-color: var(--tooltip-bg);\n}\n\n/* Arrow alignment */\n.tooltip--top .tooltip__arrow,\n.tooltip--bottom .tooltip__arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n\n.tooltip--top-start .tooltip__arrow,\n.tooltip--bottom-start .tooltip__arrow {\n left: 1rem; /* 16px */\n}\n\n.tooltip--top-end .tooltip__arrow,\n.tooltip--bottom-end .tooltip__arrow {\n right: 1rem; /* 16px */\n}\n\n.tooltip--left .tooltip__arrow,\n.tooltip--right .tooltip__arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n\n.tooltip--left-start .tooltip__arrow,\n.tooltip--right-start .tooltip__arrow {\n top: 1rem; /* 16px */\n}\n\n.tooltip--left-end .tooltip__arrow,\n.tooltip--right-end .tooltip__arrow {\n bottom: 1rem; /* 16px */\n top: auto;\n}\n\n[hidden] {\n display: none !important;\n}";
4
+ var cssContent = ":host{--tooltip-bg:#333;--tooltip-color:white;--tooltip-padding:0.5rem 0.75rem;--tooltip-radius:6px;--tooltip-font-size:0.875rem;--tooltip-arrow-size:6px;--tooltip-max-width:15.625rem;position:relative;display:inline-block}.tooltip-trigger{display:inline-block}.tooltip{position:fixed;z-index:var(--tooltip-z-index,10000);padding:var(--tooltip-padding);background:var(--tooltip-bg);color:var(--tooltip-color);border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);line-height:1.4;max-width:var(--tooltip-max-width);width:max-content;pointer-events:none;opacity:0;transform:scale(.95);transition:opacity .2s,transform .2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}.tooltip--visible{opacity:1;transform:scale(1)}.tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.tooltip--top .tooltip__arrow,.tooltip--top-end .tooltip__arrow,.tooltip--top-start .tooltip__arrow{bottom:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;border-top-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow,.tooltip--bottom-end .tooltip__arrow,.tooltip--bottom-start .tooltip__arrow{top:calc(var(--tooltip-arrow-size) * -1);border-width:0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);border-bottom-color:var(--tooltip-bg)}.tooltip--left .tooltip__arrow,.tooltip--left-end .tooltip__arrow,.tooltip--left-start .tooltip__arrow{right:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) 0 var(--tooltip-arrow-size) var(--tooltip-arrow-size);border-left-color:var(--tooltip-bg)}.tooltip--right .tooltip__arrow,.tooltip--right-end .tooltip__arrow,.tooltip--right-start .tooltip__arrow{left:calc(var(--tooltip-arrow-size) * -1);border-width:var(--tooltip-arrow-size) var(--tooltip-arrow-size) var(--tooltip-arrow-size) 0;border-right-color:var(--tooltip-bg)}.tooltip--bottom .tooltip__arrow,.tooltip--top .tooltip__arrow{left:50%;transform:translateX(-50%)}.tooltip--bottom-start .tooltip__arrow,.tooltip--top-start .tooltip__arrow{left:1rem}.tooltip--bottom-end .tooltip__arrow,.tooltip--top-end .tooltip__arrow{right:1rem}.tooltip--left .tooltip__arrow,.tooltip--right .tooltip__arrow{top:50%;transform:translateY(-50%)}.tooltip--left-start .tooltip__arrow,.tooltip--right-start .tooltip__arrow{top:1rem}.tooltip--left-end .tooltip__arrow,.tooltip--right-end .tooltip__arrow{bottom:1rem;top:auto}[hidden]{display:none!important}";
5
5
 
6
- var portalCss = ".snice-tooltip--visible {\n opacity: 1 !important;\n transform: scale(1) !important;\n}\n\n.snice-tooltip__arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-color: transparent;\n}\n\n/* Arrow positions */\n.snice-tooltip--top .snice-tooltip__arrow,\n.snice-tooltip--top-start .snice-tooltip__arrow,\n.snice-tooltip--top-end .snice-tooltip__arrow {\n bottom: -6px;\n border-width: 6px 6px 0;\n border-top-color: #333;\n}\n\n.snice-tooltip--bottom .snice-tooltip__arrow,\n.snice-tooltip--bottom-start .snice-tooltip__arrow,\n.snice-tooltip--bottom-end .snice-tooltip__arrow {\n top: -6px;\n border-width: 0 6px 6px;\n border-bottom-color: #333;\n}\n\n.snice-tooltip--left .snice-tooltip__arrow,\n.snice-tooltip--left-start .snice-tooltip__arrow,\n.snice-tooltip--left-end .snice-tooltip__arrow {\n right: -6px;\n border-width: 6px 0 6px 6px;\n border-left-color: #333;\n}\n\n.snice-tooltip--right .snice-tooltip__arrow,\n.snice-tooltip--right-start .snice-tooltip__arrow,\n.snice-tooltip--right-end .snice-tooltip__arrow {\n left: -6px;\n border-width: 6px 6px 6px 0;\n border-right-color: #333;\n}\n\n/* Arrow alignment */\n.snice-tooltip--top .snice-tooltip__arrow,\n.snice-tooltip--bottom .snice-tooltip__arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n\n.snice-tooltip--top-start .snice-tooltip__arrow,\n.snice-tooltip--bottom-start .snice-tooltip__arrow {\n left: 16px;\n}\n\n.snice-tooltip--top-end .snice-tooltip__arrow,\n.snice-tooltip--bottom-end .snice-tooltip__arrow {\n right: 16px;\n}\n\n.snice-tooltip--left .snice-tooltip__arrow,\n.snice-tooltip--right .snice-tooltip__arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n\n.snice-tooltip--left-start .snice-tooltip__arrow,\n.snice-tooltip--right-start .snice-tooltip__arrow {\n top: 16px;\n}\n\n.snice-tooltip--left-end .snice-tooltip__arrow,\n.snice-tooltip--right-end .snice-tooltip__arrow {\n bottom: 16px;\n top: auto;\n}";
6
+ var portalCss = ".snice-tooltip--visible{opacity:1!important;transform:scale(1)!important}.snice-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.snice-tooltip--top .snice-tooltip__arrow,.snice-tooltip--top-end .snice-tooltip__arrow,.snice-tooltip--top-start .snice-tooltip__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:#333}.snice-tooltip--bottom .snice-tooltip__arrow,.snice-tooltip--bottom-end .snice-tooltip__arrow,.snice-tooltip--bottom-start .snice-tooltip__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:#333}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--left-end .snice-tooltip__arrow,.snice-tooltip--left-start .snice-tooltip__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:#333}.snice-tooltip--right .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:#333}.snice-tooltip--bottom .snice-tooltip__arrow,.snice-tooltip--top .snice-tooltip__arrow{left:50%;transform:translateX(-50%)}.snice-tooltip--bottom-start .snice-tooltip__arrow,.snice-tooltip--top-start .snice-tooltip__arrow{left:16px}.snice-tooltip--bottom-end .snice-tooltip__arrow,.snice-tooltip--top-end .snice-tooltip__arrow{right:16px}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--right .snice-tooltip__arrow{top:50%;transform:translateY(-50%)}.snice-tooltip--left-start .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow{top:16px}.snice-tooltip--left-end .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow{bottom:16px;top:auto}";
7
7
 
8
8
  let SniceTooltip = (() => {
9
9
  let _classDecorators = [element('snice-tooltip')];
@@ -51,6 +51,8 @@ let SniceTooltip = (() => {
51
51
  let _arrowElement_decorators;
52
52
  let _arrowElement_initializers = [];
53
53
  let _arrowElement_extraInitializers = [];
54
+ let _renderContent_decorators;
55
+ let _componentStyles_decorators;
54
56
  let _init_decorators;
55
57
  let _cleanup_decorators;
56
58
  let _updateContent_decorators;
@@ -103,6 +105,8 @@ let SniceTooltip = (() => {
103
105
  _strictPositioning_decorators = [property({ type: Boolean, attribute: 'strict-positioning', })];
104
106
  _tooltipElement_decorators = [query('.tooltip')];
105
107
  _arrowElement_decorators = [query('.tooltip__arrow')];
108
+ _renderContent_decorators = [render()];
109
+ _componentStyles_decorators = [styles()];
106
110
  _init_decorators = [ready()];
107
111
  _cleanup_decorators = [dispose()];
108
112
  _updateContent_decorators = [watch('content')];
@@ -115,6 +119,8 @@ let SniceTooltip = (() => {
115
119
  _handleFocusIn_decorators = [on('focusin')];
116
120
  _handleFocusOut_decorators = [on('focusout')];
117
121
  _handleClick_decorators = [on('click')];
122
+ __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
123
+ __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
118
124
  __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
119
125
  __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
120
126
  __esDecorate(this, null, _updateContent_decorators, { kind: "method", name: "updateContent", static: false, private: false, access: { has: obj => "updateContent" in obj, get: obj => obj.updateContent }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -167,8 +173,8 @@ let SniceTooltip = (() => {
167
173
  console.warn('Failed to inject tooltip portal styles:', error);
168
174
  }
169
175
  }
170
- html() {
171
- return /*html*/ `
176
+ renderContent() {
177
+ return html /*html*/ `
172
178
  <div class="tooltip-trigger">
173
179
  <slot></slot>
174
180
  </div>
@@ -178,8 +184,8 @@ let SniceTooltip = (() => {
178
184
  </div>
179
185
  `;
180
186
  }
181
- css() {
182
- return css;
187
+ componentStyles() {
188
+ return css /*css*/ `${cssContent}`;
183
189
  }
184
190
  init() {
185
191
  if (this.tooltipElement) {
@@ -323,7 +329,8 @@ let SniceTooltip = (() => {
323
329
  }
324
330
  }
325
331
  toggle() {
326
- if (!this.portalElement || this.portalElement.style.display === 'none') {
332
+ const isVisible = this.portalElement?.classList.contains('snice-tooltip--visible');
333
+ if (!isVisible) {
327
334
  this.show();
328
335
  }
329
336
  else {