smoothly 1.112.0 → 1.114.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 (389) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_98.cjs.entry.js +293 -219
  3. package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
  4. package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js +1 -1
  5. package/dist/cjs/smoothly-submit.cjs.entry.js +1 -1
  6. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  8. package/dist/cjs/smoothly.cjs.js +1 -1
  9. package/dist/collection/components/icon/demo/index.js +25 -3
  10. package/dist/collection/components/icon/demo/index.js.map +1 -1
  11. package/dist/collection/components/input/checkbox/demo/index.js +1 -1
  12. package/dist/collection/components/input/checkbox/index.js +2 -2
  13. package/dist/collection/components/input/clear/index.js +1 -1
  14. package/dist/collection/components/input/color/demo/index.js +1 -1
  15. package/dist/collection/components/input/color/index.js +2 -2
  16. package/dist/collection/components/input/date/index.js +1 -1
  17. package/dist/collection/components/input/date/range/index.js +3 -3
  18. package/dist/collection/components/input/date/text/index.js +1 -1
  19. package/dist/collection/components/input/date/time/index.js +5 -5
  20. package/dist/collection/components/input/demo/date/index.js +1 -1
  21. package/dist/collection/components/input/demo/index.js +4 -4
  22. package/dist/collection/components/input/demo/price/index.js +1 -1
  23. package/dist/collection/components/input/demo/radio/index.js +1 -1
  24. package/dist/collection/components/input/demo/standard/index.js +1 -1
  25. package/dist/collection/components/input/demo/standard/index.js.map +1 -1
  26. package/dist/collection/components/input/demo/user-input/index.js +3 -3
  27. package/dist/collection/components/input/edit/index.js +1 -1
  28. package/dist/collection/components/input/file/index.js +1 -1
  29. package/dist/collection/components/input/index.js +2 -2
  30. package/dist/collection/components/input/month/index.js +4 -4
  31. package/dist/collection/components/input/radio/item/index.js +1 -1
  32. package/dist/collection/components/input/range/demo/index.js +1 -1
  33. package/dist/collection/components/input/range/index.js +4 -4
  34. package/dist/collection/components/input/reset/index.js +1 -1
  35. package/dist/collection/components/input/select/index.js +121 -133
  36. package/dist/collection/components/input/select/index.js.map +1 -1
  37. package/dist/collection/components/input/select/layout.js +21 -0
  38. package/dist/collection/components/input/select/layout.js.map +1 -0
  39. package/dist/collection/components/input/select/menu.js +33 -0
  40. package/dist/collection/components/input/select/menu.js.map +1 -0
  41. package/dist/collection/components/input/select/scroll.js +14 -0
  42. package/dist/collection/components/input/select/scroll.js.map +1 -0
  43. package/dist/collection/components/input/select/style.css +72 -64
  44. package/dist/collection/components/input/submit/index.js +1 -1
  45. package/dist/collection/components/item/index.js +1 -1
  46. package/dist/collection/components/label/index.js +2 -2
  47. package/dist/collection/components/lazy/index.js +1 -1
  48. package/dist/collection/components/load-more/index.js +1 -1
  49. package/dist/collection/components/modal/index.js +2 -2
  50. package/dist/collection/components/notification/index.js +1 -1
  51. package/dist/collection/components/notifier/index.js +1 -1
  52. package/dist/collection/components/spinner/index.js +2 -2
  53. package/dist/collection/components/submit/index.js +1 -1
  54. package/dist/collection/components/summary/index.js +1 -1
  55. package/dist/collection/components/table/body/index.js +1 -1
  56. package/dist/collection/components/table/cell/index.js +1 -1
  57. package/dist/collection/components/table/demo/colspan/index.js +1 -1
  58. package/dist/collection/components/table/demo/filler-row/index.js +1 -1
  59. package/dist/collection/components/table/demo/group/index.js +1 -1
  60. package/dist/collection/components/table/demo/index.js +1 -1
  61. package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
  62. package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
  63. package/dist/collection/components/table/demo/simple/simple.js +1 -1
  64. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  65. package/dist/collection/components/table/expandable/row/index.js +1 -1
  66. package/dist/collection/components/table/filler-row/index.js +1 -1
  67. package/dist/collection/components/table/foot/index.js +1 -1
  68. package/dist/collection/components/table/group/index.js +1 -1
  69. package/dist/collection/components/table/head/index.js +2 -2
  70. package/dist/collection/components/table/index.js +1 -1
  71. package/dist/collection/components/table/row/index.js +1 -1
  72. package/dist/collection/components/tabs/demo/index.js +1 -1
  73. package/dist/collection/components/tabs/tab/index.js +1 -1
  74. package/dist/collection/components/theme/color/index.js +1 -1
  75. package/dist/collection/components/theme/demo/index.js +1 -1
  76. package/dist/collection/components/theme/guide/index.js +8 -8
  77. package/dist/collection/components/theme/picker/index.js +2 -2
  78. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  79. package/dist/collection/components/toggle-switch/index.js +1 -1
  80. package/dist/collection/components/trigger/index.js +1 -1
  81. package/dist/collection/components/trigger/sink/index.js +1 -1
  82. package/dist/collection/components/trigger/source/index.js +1 -1
  83. package/dist/components/{p-BqAN7jax.js → p-1j2KmcfQ.js} +2 -2
  84. package/dist/components/{p-C519IJGa.js → p-4pGbxojU.js} +2 -2
  85. package/dist/components/{p-Bs8X_nDB.js → p-67RlLkJb.js} +2 -2
  86. package/dist/components/{p-Bm-gpoFa.js → p-6PsJb2Ez.js} +2 -2
  87. package/dist/components/{p-B8ljN4o0.js → p-AX8gOGUr.js} +2 -2
  88. package/dist/components/{p-Cvl7cLxT.js → p-B0kZrKne.js} +2 -2
  89. package/dist/components/{p-i8IFRTdL.js → p-B2MMqcTF.js} +2 -2
  90. package/dist/components/{p-jatJrx5f.js → p-B6sHuEsq.js} +2 -2
  91. package/dist/components/{p-DwYc62Ls.js → p-BEHgXDtQ.js} +2 -2
  92. package/dist/components/{p-CGG77xzV.js → p-BFJL6rrU.js} +2 -2
  93. package/dist/components/p-BGBbdXaw.js +2 -0
  94. package/dist/components/{p-BaGuG5hS.js → p-BGzrO9CQ.js} +2 -2
  95. package/dist/components/{p-DBuVH8IL.js → p-BHcHgI_e.js} +2 -2
  96. package/dist/components/p-BHsrC9Oh.js +2 -0
  97. package/dist/components/{p-CottiZWN.js.map → p-BHsrC9Oh.js.map} +1 -1
  98. package/dist/components/{p-CioJtwj-.js → p-BRoShuOu.js} +2 -2
  99. package/dist/components/{p-CKrPTQ_S.js → p-BUa0wBSK.js} +2 -2
  100. package/dist/components/p-BXoBluZQ.js +2 -0
  101. package/dist/components/{p-BRkEF66h.js → p-B_z5-Hf8.js} +2 -2
  102. package/dist/components/p-BanWK6rV.js +2 -0
  103. package/dist/components/{p-Dekg3IGr.js → p-Bes8H54c.js} +2 -2
  104. package/dist/components/{p-BDhPxj59.js → p-BfwEfI7H.js} +2 -2
  105. package/dist/components/{p-3dApo-uA.js → p-Bn7CZqdz.js} +2 -2
  106. package/dist/components/{p-BPh3sXo6.js → p-BpV6GXd7.js} +2 -2
  107. package/dist/components/{p-CsLlJDsh.js → p-Bpc6uh0M.js} +2 -2
  108. package/dist/components/p-Bq5YEPPT.js +2 -0
  109. package/dist/components/p-Bq5YEPPT.js.map +1 -0
  110. package/dist/components/{p-CVH3vlKv.js → p-BulPH2Jo.js} +2 -2
  111. package/dist/components/{p-CuMoDdaf.js → p-C-zr_dP8.js} +2 -2
  112. package/dist/components/{p-CTPT9Ngc.js → p-C02MtoAQ.js} +2 -2
  113. package/dist/components/{p-CR1YZ3na.js → p-C2xjUTYO.js} +2 -2
  114. package/dist/components/{p-Dx5PGIAk.js → p-C6T0ZB2C.js} +2 -2
  115. package/dist/components/{p-BiwhssQ8.js → p-CAgJrhiy.js} +2 -2
  116. package/dist/components/p-CApTrLt_.js +2 -0
  117. package/dist/components/{p-D1uYEo7L.js → p-CClpvMw2.js} +2 -2
  118. package/dist/components/{p-CG636AEF.js → p-CFgT9iMG.js} +2 -2
  119. package/dist/components/p-CJEV2v84.js +2 -0
  120. package/dist/components/p-CJEV2v84.js.map +1 -0
  121. package/dist/components/p-CKlr_F9h.js +2 -0
  122. package/dist/components/{p-DZ4ogW8V.js → p-CL7fW_Oh.js} +2 -2
  123. package/dist/components/{p-DVuQ4t_X.js → p-COK__8-d.js} +2 -2
  124. package/dist/components/{p-CRTkSTv3.js → p-CPnXAdGI.js} +2 -2
  125. package/dist/components/{p-CqSJ0pgl.js → p-CSXWpZjy.js} +2 -2
  126. package/dist/components/{p-D2FsRCII.js → p-CTdXhHGF.js} +2 -2
  127. package/dist/components/{p-iucZC6z5.js → p-CUdZx76u.js} +2 -2
  128. package/dist/components/{p-Bj9DsW03.js → p-CVNSeOlg.js} +2 -2
  129. package/dist/components/{p-BX6yRNGo.js → p-CcXqouEO.js} +2 -2
  130. package/dist/components/p-CgCEK6Lc.js +2 -0
  131. package/dist/components/{p-CUiFFtAw.js.map → p-CgCEK6Lc.js.map} +1 -1
  132. package/dist/components/{p-CF5IKGi5.js → p-CmPHR3tf.js} +2 -2
  133. package/dist/components/{p-BNnhxQyl.js → p-CoJyQegK.js} +2 -2
  134. package/dist/components/{p-BQSKXVmh.js → p-CooymHn6.js} +2 -2
  135. package/dist/components/{p-CMiST1Tm.js → p-CqMnH54Q.js} +2 -2
  136. package/dist/components/p-CqSiLhUe.js +2 -0
  137. package/dist/components/p-CqSiLhUe.js.map +1 -0
  138. package/dist/components/{p-BQIS-JBV.js → p-CqXSfYre.js} +2 -2
  139. package/dist/components/{p-D7cDUGTe.js → p-CqyGm3oe.js} +2 -2
  140. package/dist/components/{p-C_f8s6n5.js → p-CrKwvG9J.js} +2 -2
  141. package/dist/components/{p-nrkV1PqR.js → p-CrkBYYf-.js} +2 -2
  142. package/dist/components/{p-DTqtObrT.js → p-CtuuZV3u.js} +2 -2
  143. package/dist/components/p-Cv-uvD7X.js +2 -0
  144. package/dist/components/p-Cw_sHLuu.js +2 -0
  145. package/dist/components/{p-CjdBPauI.js → p-D-mAUrbR.js} +2 -2
  146. package/dist/components/{p-C3__jhwf.js → p-D5WTwmc6.js} +2 -2
  147. package/dist/components/{p-ByWVc-XC.js → p-D5dkLuTD.js} +2 -2
  148. package/dist/components/p-DGa_QPb9.js +2 -0
  149. package/dist/components/{p-1KOtWYkC.js.map → p-DGa_QPb9.js.map} +1 -1
  150. package/dist/components/p-DIf6-Fvg.js +2 -0
  151. package/dist/components/{p-DgaHxdNI.js → p-DIhqNc1G.js} +2 -2
  152. package/dist/components/p-DLBMEh0f.js +2 -0
  153. package/dist/components/{p-CrxXCTnH.js → p-DM3PMEgb.js} +2 -2
  154. package/dist/components/{p-DnLJBwZR.js → p-DS66Mn9S.js} +2 -2
  155. package/dist/components/p-DYNjCosy.js +2 -0
  156. package/dist/components/{p-CdgiqBtD.js.map → p-DYNjCosy.js.map} +1 -1
  157. package/dist/components/p-D_uKY0yY.js +2 -0
  158. package/dist/components/p-DkhX1qsg.js +2 -0
  159. package/dist/components/p-Dz8Bblye.js +2 -0
  160. package/dist/components/{p-t3cG0BK6.js.map → p-Dz8Bblye.js.map} +1 -1
  161. package/dist/components/p-He4KDK9-.js +2 -0
  162. package/dist/components/p-N-UYdc5h.js +2 -0
  163. package/dist/components/{p-Mk_F6MCP.js.map → p-N-UYdc5h.js.map} +1 -1
  164. package/dist/components/{p-DKggy9E3.js → p-NFd9Dxr1.js} +2 -2
  165. package/dist/components/{p-DSsOLbj6.js → p-NGbZCAH9.js} +2 -2
  166. package/dist/components/{p-Bp9BMsim.js → p-Qv-IgIvL.js} +2 -2
  167. package/dist/components/{p-R4uIvvER.js → p-Ww5QjB3D.js} +2 -2
  168. package/dist/components/{p-BaBGzDg_.js → p-_o_lUhve.js} +2 -2
  169. package/dist/components/{p-CtN3gqjJ.js → p-d26Fb7IS.js} +2 -2
  170. package/dist/components/{p-DMzn0Iz0.js → p-dBpTpVs8.js} +2 -2
  171. package/dist/components/{p-BS2SWUX6.js → p-fnKrPnzp.js} +2 -2
  172. package/dist/components/{p-DXHBXAV0.js → p-nFLcvugJ.js} +2 -2
  173. package/dist/components/{p-v06atw3t.js → p-qxJgmVrq.js} +2 -2
  174. package/dist/components/{p-C9zTTp-4.js → p-xkRxEiC8.js} +2 -2
  175. package/dist/components/smoothly-app-demo.js +1 -1
  176. package/dist/components/smoothly-app-room.js +1 -1
  177. package/dist/components/smoothly-app.js +1 -1
  178. package/dist/components/smoothly-button-demo-standard.js +1 -1
  179. package/dist/components/smoothly-button-demo.js +1 -1
  180. package/dist/components/smoothly-calendar.js +1 -1
  181. package/dist/components/smoothly-date-text.js +1 -1
  182. package/dist/components/smoothly-dialog-demo.js +1 -1
  183. package/dist/components/smoothly-dialog.js +1 -1
  184. package/dist/components/smoothly-display-demo.js +1 -1
  185. package/dist/components/smoothly-form-demo-all.js +1 -1
  186. package/dist/components/smoothly-form-demo-card.js +1 -1
  187. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  188. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  189. package/dist/components/smoothly-form-demo-date.js +1 -1
  190. package/dist/components/smoothly-form-demo-login.js +1 -1
  191. package/dist/components/smoothly-form-demo-pet.js +1 -1
  192. package/dist/components/smoothly-form-demo-prices.js +1 -1
  193. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  194. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  195. package/dist/components/smoothly-form-demo-typed.js +1 -1
  196. package/dist/components/smoothly-form-demo.js +1 -1
  197. package/dist/components/smoothly-form.js +1 -1
  198. package/dist/components/smoothly-icon-demo.js +1 -1
  199. package/dist/components/smoothly-input-checkbox-demo.js +1 -1
  200. package/dist/components/smoothly-input-checkbox.js +1 -1
  201. package/dist/components/smoothly-input-clear.js +1 -1
  202. package/dist/components/smoothly-input-color-demo.js +1 -1
  203. package/dist/components/smoothly-input-color.js +1 -1
  204. package/dist/components/smoothly-input-date-demo.js +1 -1
  205. package/dist/components/smoothly-input-date-range.js +1 -1
  206. package/dist/components/smoothly-input-date-time.js +1 -1
  207. package/dist/components/smoothly-input-date.js +1 -1
  208. package/dist/components/smoothly-input-demo-radio.js +1 -1
  209. package/dist/components/smoothly-input-demo-standard.js +1 -1
  210. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  211. package/dist/components/smoothly-input-demo.js +1 -1
  212. package/dist/components/smoothly-input-edit.js +1 -1
  213. package/dist/components/smoothly-input-file.js +1 -1
  214. package/dist/components/smoothly-input-month.js +1 -1
  215. package/dist/components/smoothly-input-price-demo.js +1 -1
  216. package/dist/components/smoothly-input-radio-item.js +1 -1
  217. package/dist/components/smoothly-input-radio.js +1 -1
  218. package/dist/components/smoothly-input-range-demo.js +1 -1
  219. package/dist/components/smoothly-input-range.js +1 -1
  220. package/dist/components/smoothly-input-reset.js +1 -1
  221. package/dist/components/smoothly-input-select.js +1 -1
  222. package/dist/components/smoothly-input-submit.js +1 -1
  223. package/dist/components/smoothly-input.js +1 -1
  224. package/dist/components/smoothly-item.js +1 -1
  225. package/dist/components/smoothly-label.js +1 -1
  226. package/dist/components/smoothly-lazy.js +1 -1
  227. package/dist/components/smoothly-load-more.js +1 -1
  228. package/dist/components/smoothly-modal.js +1 -1
  229. package/dist/components/smoothly-notification.js +1 -1
  230. package/dist/components/smoothly-notifier.js +1 -1
  231. package/dist/components/smoothly-spinner.js +1 -1
  232. package/dist/components/smoothly-submit.js +1 -1
  233. package/dist/components/smoothly-summary.js +1 -1
  234. package/dist/components/smoothly-tab.js +1 -1
  235. package/dist/components/smoothly-table-body.js +1 -1
  236. package/dist/components/smoothly-table-cell.js +1 -1
  237. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  238. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  239. package/dist/components/smoothly-table-demo-group.js +1 -1
  240. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  241. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  242. package/dist/components/smoothly-table-demo-simple.js +1 -1
  243. package/dist/components/smoothly-table-demo.js +1 -1
  244. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  245. package/dist/components/smoothly-table-expandable-row.js +1 -1
  246. package/dist/components/smoothly-table-filler-row.js +1 -1
  247. package/dist/components/smoothly-table-foot.js +1 -1
  248. package/dist/components/smoothly-table-head.js +1 -1
  249. package/dist/components/smoothly-table-row-group.js +1 -1
  250. package/dist/components/smoothly-table-row.js +1 -1
  251. package/dist/components/smoothly-table.js +1 -1
  252. package/dist/components/smoothly-tabs-demo.js +1 -1
  253. package/dist/components/smoothly-theme-color.js +1 -1
  254. package/dist/components/smoothly-theme-colors.js +1 -1
  255. package/dist/components/smoothly-theme-demo.js +1 -1
  256. package/dist/components/smoothly-theme-guide.js +1 -1
  257. package/dist/components/smoothly-theme-picker.js +1 -1
  258. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  259. package/dist/components/smoothly-toggle-switch.js +1 -1
  260. package/dist/components/smoothly-trigger-sink.js +1 -1
  261. package/dist/components/smoothly-trigger-source.js +1 -1
  262. package/dist/components/smoothly-trigger.js +1 -1
  263. package/dist/esm/loader.js +1 -1
  264. package/dist/esm/smoothly-app_98.entry.js +293 -219
  265. package/dist/esm/smoothly-app_98.entry.js.map +1 -1
  266. package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
  267. package/dist/esm/smoothly-submit.entry.js +1 -1
  268. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  269. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  270. package/dist/esm/smoothly.js +1 -1
  271. package/dist/smoothly/p-7d6c72eb.entry.js +2 -0
  272. package/dist/smoothly/{p-5e123fe2.entry.js → p-94d091cd.entry.js} +2 -2
  273. package/dist/smoothly/{p-13d05a22.entry.js → p-be43737e.entry.js} +2 -2
  274. package/dist/smoothly/{p-7a59c6a9.entry.js → p-d4dad5a8.entry.js} +2 -2
  275. package/dist/smoothly/p-e7c5888e.entry.js +2 -0
  276. package/dist/smoothly/p-e7c5888e.entry.js.map +1 -0
  277. package/dist/smoothly/smoothly.esm.js +1 -1
  278. package/dist/types/components/icon/demo/index.d.ts +2 -0
  279. package/dist/types/components/input/select/index.d.ts +18 -9
  280. package/dist/types/components/input/select/layout.d.ts +6 -0
  281. package/dist/types/components/input/select/menu.d.ts +10 -0
  282. package/dist/types/components/input/select/scroll.d.ts +3 -0
  283. package/dist/types/components.d.ts +5 -3
  284. package/package.json +1 -1
  285. package/dist/components/p-1KOtWYkC.js +0 -2
  286. package/dist/components/p-4y8eF-fy.js +0 -2
  287. package/dist/components/p-B3OjIxsE.js +0 -2
  288. package/dist/components/p-BGKOGyFA.js +0 -2
  289. package/dist/components/p-CDQM-sOT.js +0 -2
  290. package/dist/components/p-CUiFFtAw.js +0 -2
  291. package/dist/components/p-CZ6kkjYF.js +0 -2
  292. package/dist/components/p-CdgiqBtD.js +0 -2
  293. package/dist/components/p-CottiZWN.js +0 -2
  294. package/dist/components/p-CqyInbXs.js +0 -2
  295. package/dist/components/p-CqyInbXs.js.map +0 -1
  296. package/dist/components/p-CrcmijCR.js +0 -2
  297. package/dist/components/p-D2cHi1Nb.js +0 -2
  298. package/dist/components/p-D58kSmOp.js +0 -2
  299. package/dist/components/p-D9qp7S6Q.js +0 -2
  300. package/dist/components/p-DbIjGsJb.js +0 -2
  301. package/dist/components/p-DbIjGsJb.js.map +0 -1
  302. package/dist/components/p-DdTTiJbE.js +0 -2
  303. package/dist/components/p-Mk_F6MCP.js +0 -2
  304. package/dist/components/p-RNCr3p17.js +0 -2
  305. package/dist/components/p-RNCr3p17.js.map +0 -1
  306. package/dist/components/p-nHKstm2X.js +0 -2
  307. package/dist/components/p-t3cG0BK6.js +0 -2
  308. package/dist/components/p-thKhutym.js +0 -2
  309. package/dist/smoothly/p-23badc13.entry.js +0 -2
  310. package/dist/smoothly/p-23badc13.entry.js.map +0 -1
  311. package/dist/smoothly/p-2fbd48bb.entry.js +0 -2
  312. /package/dist/components/{p-BqAN7jax.js.map → p-1j2KmcfQ.js.map} +0 -0
  313. /package/dist/components/{p-C519IJGa.js.map → p-4pGbxojU.js.map} +0 -0
  314. /package/dist/components/{p-Bs8X_nDB.js.map → p-67RlLkJb.js.map} +0 -0
  315. /package/dist/components/{p-Bm-gpoFa.js.map → p-6PsJb2Ez.js.map} +0 -0
  316. /package/dist/components/{p-B8ljN4o0.js.map → p-AX8gOGUr.js.map} +0 -0
  317. /package/dist/components/{p-Cvl7cLxT.js.map → p-B0kZrKne.js.map} +0 -0
  318. /package/dist/components/{p-i8IFRTdL.js.map → p-B2MMqcTF.js.map} +0 -0
  319. /package/dist/components/{p-jatJrx5f.js.map → p-B6sHuEsq.js.map} +0 -0
  320. /package/dist/components/{p-DwYc62Ls.js.map → p-BEHgXDtQ.js.map} +0 -0
  321. /package/dist/components/{p-CGG77xzV.js.map → p-BFJL6rrU.js.map} +0 -0
  322. /package/dist/components/{p-CrcmijCR.js.map → p-BGBbdXaw.js.map} +0 -0
  323. /package/dist/components/{p-BaGuG5hS.js.map → p-BGzrO9CQ.js.map} +0 -0
  324. /package/dist/components/{p-DBuVH8IL.js.map → p-BHcHgI_e.js.map} +0 -0
  325. /package/dist/components/{p-CioJtwj-.js.map → p-BRoShuOu.js.map} +0 -0
  326. /package/dist/components/{p-CKrPTQ_S.js.map → p-BUa0wBSK.js.map} +0 -0
  327. /package/dist/components/{p-BGKOGyFA.js.map → p-BXoBluZQ.js.map} +0 -0
  328. /package/dist/components/{p-BRkEF66h.js.map → p-B_z5-Hf8.js.map} +0 -0
  329. /package/dist/components/{p-D9qp7S6Q.js.map → p-BanWK6rV.js.map} +0 -0
  330. /package/dist/components/{p-Dekg3IGr.js.map → p-Bes8H54c.js.map} +0 -0
  331. /package/dist/components/{p-BDhPxj59.js.map → p-BfwEfI7H.js.map} +0 -0
  332. /package/dist/components/{p-3dApo-uA.js.map → p-Bn7CZqdz.js.map} +0 -0
  333. /package/dist/components/{p-BPh3sXo6.js.map → p-BpV6GXd7.js.map} +0 -0
  334. /package/dist/components/{p-CsLlJDsh.js.map → p-Bpc6uh0M.js.map} +0 -0
  335. /package/dist/components/{p-CVH3vlKv.js.map → p-BulPH2Jo.js.map} +0 -0
  336. /package/dist/components/{p-CuMoDdaf.js.map → p-C-zr_dP8.js.map} +0 -0
  337. /package/dist/components/{p-CTPT9Ngc.js.map → p-C02MtoAQ.js.map} +0 -0
  338. /package/dist/components/{p-CR1YZ3na.js.map → p-C2xjUTYO.js.map} +0 -0
  339. /package/dist/components/{p-Dx5PGIAk.js.map → p-C6T0ZB2C.js.map} +0 -0
  340. /package/dist/components/{p-BiwhssQ8.js.map → p-CAgJrhiy.js.map} +0 -0
  341. /package/dist/components/{p-CDQM-sOT.js.map → p-CApTrLt_.js.map} +0 -0
  342. /package/dist/components/{p-D1uYEo7L.js.map → p-CClpvMw2.js.map} +0 -0
  343. /package/dist/components/{p-CG636AEF.js.map → p-CFgT9iMG.js.map} +0 -0
  344. /package/dist/components/{p-nHKstm2X.js.map → p-CKlr_F9h.js.map} +0 -0
  345. /package/dist/components/{p-DZ4ogW8V.js.map → p-CL7fW_Oh.js.map} +0 -0
  346. /package/dist/components/{p-DVuQ4t_X.js.map → p-COK__8-d.js.map} +0 -0
  347. /package/dist/components/{p-CRTkSTv3.js.map → p-CPnXAdGI.js.map} +0 -0
  348. /package/dist/components/{p-CqSJ0pgl.js.map → p-CSXWpZjy.js.map} +0 -0
  349. /package/dist/components/{p-D2FsRCII.js.map → p-CTdXhHGF.js.map} +0 -0
  350. /package/dist/components/{p-iucZC6z5.js.map → p-CUdZx76u.js.map} +0 -0
  351. /package/dist/components/{p-Bj9DsW03.js.map → p-CVNSeOlg.js.map} +0 -0
  352. /package/dist/components/{p-BX6yRNGo.js.map → p-CcXqouEO.js.map} +0 -0
  353. /package/dist/components/{p-CF5IKGi5.js.map → p-CmPHR3tf.js.map} +0 -0
  354. /package/dist/components/{p-BNnhxQyl.js.map → p-CoJyQegK.js.map} +0 -0
  355. /package/dist/components/{p-BQSKXVmh.js.map → p-CooymHn6.js.map} +0 -0
  356. /package/dist/components/{p-CMiST1Tm.js.map → p-CqMnH54Q.js.map} +0 -0
  357. /package/dist/components/{p-BQIS-JBV.js.map → p-CqXSfYre.js.map} +0 -0
  358. /package/dist/components/{p-D7cDUGTe.js.map → p-CqyGm3oe.js.map} +0 -0
  359. /package/dist/components/{p-C_f8s6n5.js.map → p-CrKwvG9J.js.map} +0 -0
  360. /package/dist/components/{p-nrkV1PqR.js.map → p-CrkBYYf-.js.map} +0 -0
  361. /package/dist/components/{p-DTqtObrT.js.map → p-CtuuZV3u.js.map} +0 -0
  362. /package/dist/components/{p-4y8eF-fy.js.map → p-Cv-uvD7X.js.map} +0 -0
  363. /package/dist/components/{p-D58kSmOp.js.map → p-Cw_sHLuu.js.map} +0 -0
  364. /package/dist/components/{p-CjdBPauI.js.map → p-D-mAUrbR.js.map} +0 -0
  365. /package/dist/components/{p-C3__jhwf.js.map → p-D5WTwmc6.js.map} +0 -0
  366. /package/dist/components/{p-ByWVc-XC.js.map → p-D5dkLuTD.js.map} +0 -0
  367. /package/dist/components/{p-CZ6kkjYF.js.map → p-DIf6-Fvg.js.map} +0 -0
  368. /package/dist/components/{p-DgaHxdNI.js.map → p-DIhqNc1G.js.map} +0 -0
  369. /package/dist/components/{p-DdTTiJbE.js.map → p-DLBMEh0f.js.map} +0 -0
  370. /package/dist/components/{p-CrxXCTnH.js.map → p-DM3PMEgb.js.map} +0 -0
  371. /package/dist/components/{p-DnLJBwZR.js.map → p-DS66Mn9S.js.map} +0 -0
  372. /package/dist/components/{p-D2cHi1Nb.js.map → p-D_uKY0yY.js.map} +0 -0
  373. /package/dist/components/{p-thKhutym.js.map → p-DkhX1qsg.js.map} +0 -0
  374. /package/dist/components/{p-B3OjIxsE.js.map → p-He4KDK9-.js.map} +0 -0
  375. /package/dist/components/{p-DKggy9E3.js.map → p-NFd9Dxr1.js.map} +0 -0
  376. /package/dist/components/{p-DSsOLbj6.js.map → p-NGbZCAH9.js.map} +0 -0
  377. /package/dist/components/{p-Bp9BMsim.js.map → p-Qv-IgIvL.js.map} +0 -0
  378. /package/dist/components/{p-R4uIvvER.js.map → p-Ww5QjB3D.js.map} +0 -0
  379. /package/dist/components/{p-BaBGzDg_.js.map → p-_o_lUhve.js.map} +0 -0
  380. /package/dist/components/{p-CtN3gqjJ.js.map → p-d26Fb7IS.js.map} +0 -0
  381. /package/dist/components/{p-DMzn0Iz0.js.map → p-dBpTpVs8.js.map} +0 -0
  382. /package/dist/components/{p-BS2SWUX6.js.map → p-fnKrPnzp.js.map} +0 -0
  383. /package/dist/components/{p-DXHBXAV0.js.map → p-nFLcvugJ.js.map} +0 -0
  384. /package/dist/components/{p-v06atw3t.js.map → p-qxJgmVrq.js.map} +0 -0
  385. /package/dist/components/{p-C9zTTp-4.js.map → p-xkRxEiC8.js.map} +0 -0
  386. /package/dist/smoothly/{p-2fbd48bb.entry.js.map → p-7d6c72eb.entry.js.map} +0 -0
  387. /package/dist/smoothly/{p-5e123fe2.entry.js.map → p-94d091cd.entry.js.map} +0 -0
  388. /package/dist/smoothly/{p-13d05a22.entry.js.map → p-be43737e.entry.js.map} +0 -0
  389. /package/dist/smoothly/{p-7a59c6a9.entry.js.map → p-d4dad5a8.entry.js.map} +0 -0
package/dist/collection/components/input/select/style.css CHANGED
@@ -126,12 +126,8 @@
126
126
  border-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;
127
127
  }
128
128
 
129
- :host.icon {
130
- width: fit-content;
131
- flex-direction: column;
132
- }
133
129
 
134
- :host>div.select-display {
130
+ :host>.select-display {
135
131
  box-sizing: border-box;
136
132
  display: flex;
137
133
  padding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;
@@ -141,17 +137,17 @@
141
137
  gap: 1rem;
142
138
  text-overflow: ellipsis;
143
139
  }
144
- :host:not([readonly]):not([disabled])>div.select-display {
140
+ :host:not([readonly]):not([disabled])>.select-display {
145
141
  cursor: pointer;
146
142
  }
147
143
 
148
- :host:not(:has([slot=label]))>div.select-display,
149
- :host:not([show-label])>div.select-display {
144
+ :host:not(:has([slot=label]))>.select-display,
145
+ :host:not([show-label])>.select-display {
150
146
  padding: .6rem .8rem .6rem 0;
151
147
  align-items: center;
152
148
  }
153
149
 
154
- :host>div.select-display smoothly-icon {
150
+ :host>.select-display smoothly-icon {
155
151
  color: rgb(var(--smoothly-input-foreground));
156
152
  fill: rgb(var(--smoothly-input-foreground));
157
153
  stroke: rgb(var(--smoothly-input-foreground));
@@ -187,17 +183,15 @@
187
183
  display: none
188
184
  }
189
185
 
190
- :host .label {
191
- left: .5rem;
192
- }
193
186
 
194
- :host.has-value:has([slot=label]:not(:empty))>div.select-display,
195
- :host:not(.has-value)[placeholder]>div.select-display {
187
+ :host.has-value:has([slot=label]:not(:empty))>.select-display,
188
+ :host:not(.has-value)[placeholder]>.select-display {
196
189
  overflow: hidden;
197
190
  width: 100%;
198
191
  }
199
192
 
200
- :host>.options {
193
+
194
+ :host>.dropdown {
201
195
  display: flex;
202
196
  flex-direction: column;
203
197
  position: absolute;
@@ -207,82 +201,96 @@
207
201
  overflow-x: hidden;
208
202
  overflow-y: auto;
209
203
  background-color: rgb(var(--smoothly-input-background));
210
- left: 0;
211
- right: 0;
204
+ inset-inline: 0;
212
205
  border-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);
213
- min-width: fit-content;
214
206
  border: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;
215
207
  border-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;
216
208
  }
217
- :host[looks="grid"]>div.options,
218
- :host[looks=border]>div.options,
219
- :host[looks="transparent"]>div.options {
220
- left: -1px;
221
- right: -1px;
222
- }
223
- :host[multiple]>div.options>smoothly-item::before {
224
- content: "";
225
- display: inline-block;
226
- width: 1rem;
227
- height: 1rem;
228
- margin-right: 0.5rem;
229
- border: 1px solid rgb(var(--smoothly-input-foreground));
230
- border-radius: 0.15rem;
231
- vertical-align: middle;
232
- }
233
- :host[multiple]>div.options>smoothly-item[selected]::after {
234
- content: "✔";
235
- position: absolute;
236
- left: 0.65rem;
237
- color: rgb(var(--smoothly-item-selected-foreground))
238
- }
239
- :host[multiple]>div.options>smoothly-item[selected]::before {
240
- border: 1px solid rgb(var(--smoothly-item-selected-foreground));
241
- }
242
- :host[multiple]>div.options>smoothly-item[selected]::after {
243
- color: rgb(var(--smoothly-item-selected-foreground));
244
- }
245
- :host[multiple]>div.options>smoothly-item:hover::before {
246
- border: 1px solid rgb(var(--smoothly-item-hover-foreground));
209
+ :host:not(.open)>.dropdown {
210
+ border: 0;
247
211
  }
248
- :host[multiple]>div.options>smoothly-item:hover::after {
249
- color: rgb(var(--smoothly-item-hover-foreground));
250
- }
251
- :host>div.options::slotted(smoothly-item),
252
- :host>div.options::slotted(div.search-preview) {
253
- padding: .7rem .7rem .7rem .25rem;
212
+ :host[looks="grid"]>.dropdown,
213
+ :host[looks=border]>.dropdown,
214
+ :host[looks="transparent"]>.dropdown {
215
+ inset-inline: -1px;
254
216
  }
255
217
 
256
- :host>div.options::slotted(div.search-preview) {
218
+ :host>.dropdown>.search {
257
219
  display: flex;
258
220
  position: sticky;
221
+ align-items: center;
259
222
  top: 0;
260
223
  gap: 1rem;
224
+ padding: .7rem .7rem .7rem .25rem;
261
225
  background-color: rgb(var(--smoothly-input-background));
262
226
  color: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
263
227
  fill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
264
228
  stroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
265
229
  }
266
- :host>div.options::slotted(div.search-preview)::before {
267
- /* Hack to not make the search-preview have opacity without showing what is underneath */
230
+ :host:not(.has-filter)>.dropdown>.search {
231
+ /* hide search */
232
+ /* search cant be display: none, since it is the focus element */
233
+ height: 0;
234
+ padding: 0;
235
+ overflow: hidden;
236
+ pointer-events: none;
237
+ }
238
+ :host>.dropdown>.search::before {
239
+ /* search have opacity without showing what is underneath */
268
240
  content: "";
269
241
  position: absolute;
270
242
  inset: 0;
271
243
  background-color: rgba(var(--smoothly-primary-tint), 0.5);
272
244
  z-index: -1;
273
245
  }
274
- :host>div.options>div.search-preview>smoothly-icon[name="search-outline"],
275
- :host>div.options>div.search-preview>smoothly-icon[name="backspace-outline"] {
246
+ :host>.dropdown>.search>.search-input {
247
+ width: 100%;
248
+ background-color: transparent;
249
+ border: none;
250
+ outline: none;
251
+ }
252
+ :host>.dropdown>.search>smoothly-icon[name="search-outline"],
253
+ :host>.dropdown>.search>smoothly-icon[name="backspace-outline"] {
276
254
  color: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
277
255
  fill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
278
256
  stroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));
279
257
  }
280
258
 
281
- :host>div.options>div.search-preview>smoothly-icon[name="backspace-outline"] {
282
- margin-left: auto;
283
- margin-right: 0;
284
- }
285
259
 
286
- :host>div.options.hidden {
260
+ /* --- multiple options --- */
261
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item) {
262
+ position: relative;
263
+ }
264
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item::before) {
265
+ content: "";
266
+ display: inline-block;
267
+ width: 1rem;
268
+ height: 1rem;
269
+ margin-right: 0.5rem;
270
+ border: 1px solid rgb(var(--smoothly-input-foreground));
271
+ border-radius: 0.15rem;
272
+ vertical-align: middle;
273
+ }
274
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::before) {
275
+ border-color: rgb(var(--smoothly-item-selected-foreground));
276
+ }
277
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::before) {
278
+ border: 1px solid rgb(var(--smoothly-item-hover-foreground));
279
+ }
280
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::after) {
281
+ content: "✔";
282
+ position: absolute;
283
+ left: 0.65rem;
284
+ color: rgb(var(--smoothly-item-selected-foreground));
285
+ }
286
+ :host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::after) {
287
+ color: rgb(var(--smoothly-item-hover-foreground));
288
+ }
289
+ :host>.dropdown {
290
+ min-width: fit-content;
291
+ }
292
+ :host>.dropdown>.menu[hidden] {
287
293
  display: none;
288
294
  }
295
+
296
+
package/dist/collection/components/input/submit/index.js CHANGED
@@ -40,7 +40,7 @@ export class SmoothlyInputSubmit {
40
40
  }
41
41
  render() {
42
42
  var _a, _b;
43
- return (h(Host, { key: '4ba889ed871427b4fd99610c5b775068dc05cc54', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
43
+ return (h(Host, { key: '771dbd864209f2f419212813858c654de9352797', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
44
44
  }
45
45
  static get is() { return "smoothly-input-submit"; }
46
46
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/item/index.js CHANGED
@@ -34,7 +34,7 @@ export class SmoothlyItem {
34
34
  : false;
35
35
  }
36
36
  render() {
37
- return (h(Host, { key: 'd76e2737454ad914f831482c98d30978975506fd', tabIndex: -1 }, h("slot", { key: 'edef0a2718d076ad33b6f874591a8a2791fb6876' })));
37
+ return (h(Host, { key: 'a7ee995ec37b480a02715fb95c885152560cc0c1', tabIndex: -1 }, h("slot", { key: 'dcc2403a2253a7059dc88b4658c17c6533876a9f' })));
38
38
  }
39
39
  static get is() { return "smoothly-item"; }
40
40
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/label/index.js CHANGED
@@ -2,9 +2,9 @@ import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyLabel {
3
3
  render() {
4
4
  var _a;
5
- return (h(Host, { key: '351e89e82587e7ccb66dc55451c53f05648ac9d4', title: this.description, style: {
5
+ return (h(Host, { key: '2ae229f53b855fbc470064e7ded803a990d98711', title: this.description, style: {
6
6
  "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
7
- } }, h("slot", { key: '9e2eedbf6c74f923cbb0c0ae8648ce207aabcdb7' })));
7
+ } }, h("slot", { key: '52d6798bf0fbea2948297aad2fe3a71a000b4f76' })));
8
8
  }
9
9
  static get is() { return "smoothly-label"; }
10
10
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/lazy/index.js CHANGED
@@ -8,7 +8,7 @@ export class SmoothlyLazy {
8
8
  this.show = true;
9
9
  }
10
10
  render() {
11
- return (h(Host, { key: '93b333ebfee933e5f5b147895a04385389b5c03d' }, h("slot", { key: 'b10226510296688cb58fc005c01c68a16ffd150c', name: "before" }), h("smoothly-load-more", { key: '9a097a7489d5e670418250abcc0d5870d11f460c', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'bf5243f15e485eae1203272284b06f0e51d47fa9' })));
11
+ return (h(Host, { key: 'ecab373df940835270db5097a80b0214fc97907f' }, h("slot", { key: 'ac37f8070fab8c51b229f6dc81c9f2e65e64f251', name: "before" }), h("smoothly-load-more", { key: '3e43d4fd0c5f37d7826b7cc7da796fec07c7f7be', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '815b33c3657c84b81f0dd12768f2f2e983df48a9' })));
12
12
  }
13
13
  static get is() { return "smoothly-lazy"; }
14
14
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/load-more/index.js CHANGED
@@ -37,7 +37,7 @@ export class LoadMore {
37
37
  }
38
38
  }
39
39
  render() {
40
- return h(Host, { key: '9f0e2e8278780438f214286cd990ee54a6b5546a' });
40
+ return h(Host, { key: '88150a06ccdec5a72446a3f8dac86339b3007b72' });
41
41
  }
42
42
  static get is() { return "smoothly-load-more"; }
43
43
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/modal/index.js CHANGED
@@ -15,9 +15,9 @@ export class SmoothlyModal {
15
15
  this.open = true;
16
16
  }
17
17
  render() {
18
- return (h(Host, { key: '601bd96e27c500c08df01457b2951449e4392c37', role: "alertdialog", onClick: (e) => {
18
+ return (h(Host, { key: '12ffaa744cfce7d329f9e335be7b63827eb40644', role: "alertdialog", onClick: (e) => {
19
19
  this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
20
- } }, h("div", { key: '9deaaf0008f61aecd194a2094d65544cfa97b425', class: "modal" }, h("div", { key: 'b041b4418cfc98753f6fe34ffca610f2da25ba6b', class: "header" }, h("slot", { key: '848fecf8ba6a2efcacd1b1c753df17ab5a96fcb3', name: "header" }), this.closable && h("smoothly-icon", { key: '1d51dc003fa0604b29530202cbf0fb743322698b', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '802bd940f81748477962b9c4d615913f073fcd34' }), h("div", { key: 'b31e5dbbf56573298464b071414977be7acf5178', class: "actions" }, h("slot", { key: '85a6a0753237febc205e02a52da4086de9f47fad', name: "actions" })))));
20
+ } }, h("div", { key: '264ba4a63559188eb2fdc52d0b15014ff8991622', class: "modal" }, h("div", { key: 'c99296b4e6b05e4669ffb56b4ae93bf815e2e449', class: "header" }, h("slot", { key: 'cf25306f526a89e8daea125faaecb33d72fa9e4d', name: "header" }), this.closable && h("smoothly-icon", { key: 'd676f4f20a6ee187295a7f7ebc573e3a06a98ed6', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '22955703aec9be9e882bb77cfd0fd327f2436903' }), h("div", { key: 'd8dd03aa8538e9cb373282aab2f55a6793e76c83', class: "actions" }, h("slot", { key: '45b9e1bf4300ea44dbf13b50839ca9689576121e', name: "actions" })))));
21
21
  }
22
22
  static get is() { return "smoothly-modal"; }
23
23
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/notification/index.js CHANGED
@@ -50,7 +50,7 @@ export class Notification {
50
50
  this.onUpdatedNotice(this.notice);
51
51
  }
52
52
  render() {
53
- return (h(Host, { key: 'a8ac459d3c94d3df653723e0d93f6e72260806fc', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '27e7521a477d0eeb67717166ccc252cfa0a2ce35', fill: "clear", name: "close" }, h("smoothly-icon", { key: '5dff1f73b2937bacf2d81b4e2a528dce8a3c3868', name: "close-circle-outline" }))), h("span", { key: '60584d5ee874685807f6b613592f64e57bba771b', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '186656f3d0f19a4b087a50c5af168be3973cc271', name: this.properties[1] }), h("p", { key: '23547fd1eb3e3d524fb850ff00749f937902a4fb' }, this.notice.message))));
53
+ return (h(Host, { key: '6c91fd348be22152c98396a00e0f333901e7edb3', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'dfb962471e36cd4b2b063d81470dd2500c5f52ab', fill: "clear", name: "close" }, h("smoothly-icon", { key: '0552e3732cdc2371b430c565b7bc243a6b855446', name: "close-circle-outline" }))), h("span", { key: 'c7df2fc46e03a56f937d3fcddce3ee9a9a199b88', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '8662182866050fc3aaeeb51b0d79529c0a57e10b', name: this.properties[1] }), h("p", { key: '0f539660c5267a748ba9fc514abdd33429b9042d' }, this.notice.message))));
54
54
  }
55
55
  static get is() { return "smoothly-notification"; }
56
56
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/notifier/index.js CHANGED
@@ -11,7 +11,7 @@ export class Notifier {
11
11
  this.notices = [...this.notices.filter(n => n != event.detail)];
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: '6d3724d096d8e0547b7b336206f5bb1c97af54e9' }, h("slot", { key: '86d13b581dae9bfa29714e59b272b68d5143dd08' }), h("div", { key: 'fb0790db93da5415e2ce9a05500675d1e13a0f0c', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
14
+ return (h(Host, { key: '00187e7d82c05944c3e4ed5ce6ae2367b113e2fb' }, h("slot", { key: 'ce3b80b8e40d1a745cf910126cde0fa97a16cdc4' }), h("div", { key: '2b8faa5193ebf47c4cb7a8602c3821d44c46dbcb', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
15
15
  }
16
16
  static get is() { return "smoothly-notifier"; }
17
17
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/spinner/index.js CHANGED
@@ -5,9 +5,9 @@ export class SmoothlySpinner {
5
5
  }
6
6
  render() {
7
7
  const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
8
- return (h(Host, { key: 'cc63c3d7a177c5119f9dbd6c38038c06f9fe5093', style: {
8
+ return (h(Host, { key: '458303df1f0703dad9d88e9a6c1dfbd063de34e7', style: {
9
9
  "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
10
- } }, h("svg", { key: '50736fa849eb8112f5f0356d4d2233b70eff5248', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: 'f5e92d9993f413213c5cf59d290b4d52316cc06c', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
10
+ } }, h("svg", { key: '8065db9227fb249027fe4b7dbc79152de2627ec2', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '8da0fa969c76d3930a14005f951f79f20dc6bf57', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
11
11
  }
12
12
  static get is() { return "smoothly-spinner"; }
13
13
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/submit/index.js CHANGED
@@ -20,7 +20,7 @@ export class SmoothlySubmit {
20
20
  (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
21
21
  }
22
22
  render() {
23
- return (h(Button, { key: '0e3b14b547a1e6e40a0712c67650f5735b127f31', disabled: this.disabled, type: this.type }, h("slot", { key: '14012bb8a6ba7532623db0027ac4f02ec300f772' })));
23
+ return (h(Button, { key: 'b56bb200c5af6dd9a949ed1989ef150cf5902f33', disabled: this.disabled, type: this.type }, h("slot", { key: 'c3795191df1b9e6c5a696e7821d0fbc865814cfd' })));
24
24
  }
25
25
  static get is() { return "smoothly-submit"; }
26
26
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/summary/index.js CHANGED
@@ -10,7 +10,7 @@ export class SmoothlySummary {
10
10
  }
11
11
  }
12
12
  render() {
13
- return (h("details", { key: '307957b81f396381ad9eb975137299e7429dc9b5', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'b0951b6f61956f2b7c5253c8c839679af6b4174c' }, h("smoothly-icon", { key: 'f12054adab15e894617ed408fdbb6f6160b42c95', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '5138f3df6492a607ac2a0398204f4a95b9e8c547', name: "summary" })), h("slot", { key: '14aba4cf6b25ed41cb002585d4a117168e7a6169', name: "content" })));
13
+ return (h("details", { key: 'eff4cfcc4681f7ae8a50dffb024ed2a2c7f34a82', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '579a019b8ae584f018c1a039ad2f637eb136db88' }, h("smoothly-icon", { key: '5b13ecddb1ee8805bba66d60aff9f1cfe8cd10b3', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: 'b01c31deaf1bb7574eaa5a383a5385555444845d', name: "summary" })), h("slot", { key: '04fe3aca685b1108f7227f2c45d28d6ef38e9292', name: "content" })));
14
14
  }
15
15
  static get is() { return "smoothly-summary"; }
16
16
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/body/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableBody {
3
3
  render() {
4
- return (h(Host, { key: '399b61d93f037a694f0e3a8f99ec433c06b3c640' }, h("slot", { key: 'a8325da9f0ffac6857b6a7a6e5625544b5c46899' })));
4
+ return (h(Host, { key: '35794212738d56a6ee77383f2cdee89a57db82f1' }, h("slot", { key: '34c2c0ce45bc87a5ce11c7ded126b1bdb89af320' })));
5
5
  }
6
6
  static get is() { return "smoothly-table-body"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/cell/index.js CHANGED
@@ -5,7 +5,7 @@ export class SmoothlyTableCell {
5
5
  }
6
6
  render() {
7
7
  var _a;
8
- return (h(Host, { key: '0778ff0d0b6e7d5d960f4eb1bc3e63156ac9cc23', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '7f735c3219f7107f895008a6fb76e022cee5b2f2' })));
8
+ return (h(Host, { key: 'c135688a83c65d795da7cbc7e946df1842b7eee1', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '06ae1f08e462da16c0a010a99facdbd2bd41f71f' })));
9
9
  }
10
10
  static get is() { return "smoothly-table-cell"; }
11
11
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/colspan/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableDemoColspan {
3
3
  render() {
4
- return (h(Host, { key: '206c3432bf7936b15e972c161424e6b0e102a15c' }, h("smoothly-table", { key: 'fd9a1adfc79d7e3fa130e55614c8956aa9993ce7', columns: 3 }, h("smoothly-table-head", { key: '079086e32eab6c27ec06646b7cc1addc5a45e218' }, h("smoothly-table-row", { key: '6b421c777d5857d7b8c6e92dfa8ebb9e65c24f0d' }, h("smoothly-table-cell", { key: '9c0f4181cefa485af433741c55eb8033057333ba' }, "Date"), h("smoothly-table-cell", { key: '6b089e4d9d9d43ead73b8602d1f482b019810ee7' }, "Skip"), h("smoothly-table-cell", { key: 'b3a5f766b5a7bc15fe29aa2ba35d908f33883f7f' }, "Total"))), h("smoothly-table-body", { key: '12be40d0b1546ef3bcb8d95815e3a6751a34dc95' }, h("smoothly-table-row", { key: '22d3015ebb0c1a19b412c175f231de9cd3f9f04c' }, h("smoothly-table-cell", { key: 'cb591fa2b41381aa1c663a701a76b953ff610262', span: 2 }, h("smoothly-display", { key: 'a9dfcaebab3333ea62c290c9952ecc7c77ba33a7', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'b3680b9847f0e5635538af75af7c117d86464fcc' }, h("smoothly-display", { key: 'c89fca16b3f2e836dc9dd8c2378f4b26bab2be1f', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'd2574793e06a73ede9721349f9e26ea596947500' }, h("smoothly-table-expandable-cell", { key: '2ab7fcbb3c3f54298e7b9f4b6b8287f0e5c07c04', span: 2 }, h("smoothly-display", { key: '40f846739879908115983e730c2e135fc3473977', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '9989441f4da6a580d7d7a21a8623a1dafc0d6a3d', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '20f47281da324a3fe529553b57c2e50de7a7039d' }, h("smoothly-display", { key: 'd9d02229b0bfa49122ede86d2513648a1448d8bf', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '7803a63f59d968622edfb07fed2b40338fb1b460', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '0bf9dd84e89fef204799961f85e24b5a14d4c4d4' }, h("smoothly-table-cell", { key: '7feacfd6127864b97ac910256f434b42ee57dcd6' }, h("smoothly-display", { key: 'df857a1e9f9503c08c49f564a47bbb4b3b96f170', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'bd1848a3218ec7b9177b0354570fc3a96f827c0a' }, "Not Skipped"), h("smoothly-table-cell", { key: '1656b57464928e417afa36732fe710654c6c1e8d' }, h("smoothly-display", { key: '6097190c8c8c9ae2899a0497d524da52f42a145e', type: "price", value: 320, currency: "EUR" })))))));
4
+ return (h(Host, { key: '591888818b4300109779447443c6e5aab1b14da8' }, h("smoothly-table", { key: 'c938d62de711c1ccf5f4688757b3513df44e8af8', columns: 3 }, h("smoothly-table-head", { key: '479a91f092d7ab61f5e023187b3962cbcfa752ea' }, h("smoothly-table-row", { key: '09acaf59f4ab8afc3af9931911547c6c9160e96c' }, h("smoothly-table-cell", { key: '7d8343c2153cc0dad70a3b93f713297911b6a999' }, "Date"), h("smoothly-table-cell", { key: 'e383250690b45d63ca6932488089448063a00b59' }, "Skip"), h("smoothly-table-cell", { key: '9249209f1c691bf8b599c19a7c69241b4c375bfc' }, "Total"))), h("smoothly-table-body", { key: '08ae40864961b80b1522166a429f53962f0248c5' }, h("smoothly-table-row", { key: 'ea7dd286a24979f8d193c215fcf97728a165fa16' }, h("smoothly-table-cell", { key: '441dee1ea77f41f61fc110987a62e404a05aa297', span: 2 }, h("smoothly-display", { key: 'b6f97a5c900d27d4cd5c8a3193c08d379c73da0a', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'a3c7b056c9b0af04ec00c95d01422d2f56c3c806' }, h("smoothly-display", { key: 'dc812c579111236c03c21edaafb7906297cb2625', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '004a397622e3facc508a92e645a3ac4fa9532e0a' }, h("smoothly-table-expandable-cell", { key: 'a4b75ba00befe6a8a34fc5c99690cb03c3ade7d7', span: 2 }, h("smoothly-display", { key: 'bb91f39b2d8833ad116268618a9be82aa96a2fc4', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '51e9b4cf9d9a9ef15c04996aef32d7ec916ae79b', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'cbce7604964ca0c217d549bc1b1e50758b0217b8' }, h("smoothly-display", { key: '3cabab2c49146b2ac49882b592ce38cae1dd17ce', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '84d7a668b2f59da0df7a95eb1fa3d8221365f2f8', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '8c8cabd1f86d8c435925a3e2386bfe91f9d604da' }, h("smoothly-table-cell", { key: '36d5b65550ad5c09fed7441e9c0892bdf595d979' }, h("smoothly-display", { key: '3580d0ec9bcabc49ba7e3247786c3626760dd405', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'cf38589846b2f9925a79f79d64c298e96a3174b8' }, "Not Skipped"), h("smoothly-table-cell", { key: '2ae25896d0fcfaa3884da36a63bda5bd730797bd' }, h("smoothly-display", { key: '88fed0a43e38e936abc981beac382b83e86263e6', type: "price", value: 320, currency: "EUR" })))))));
5
5
  }
6
6
  static get is() { return "smoothly-table-demo-colspan"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/filler-row/index.js CHANGED
@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
9
9
  }, 3000);
10
10
  }
11
11
  render() {
12
- return (h(Host, { key: 'e2842ae7ee217b160d69fc5fa6cb686af528e2fc' }, h("smoothly-display", { key: '8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11', type: "text", value: "Filler row" }), h("smoothly-table", { key: '39f5a22a15a05631cf015918050e94215a336d62', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '271ced47bcbc64f53cc70bf3f1ca757059ac81dd' }, h("smoothly-table-row", { key: '7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5' }, h("smoothly-table-cell", { key: 'c3f0eb89f019759418b4524fa923194e1eaa05c9' }, "Breed"), h("smoothly-table-cell", { key: 'beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25' }, "Country"), h("smoothly-table-cell", { key: '6c8e3177e07f82961707a6f31729ede9da79acd9' }, "Coat"), h("smoothly-table-cell", { key: '71023e2b53ab05e19b5d2f973f4b45c6ad1b7525' }, "Origin"))), h("smoothly-table-body", { key: 'a4a2e96740dbb0191031fb008fba9c349f4d37b1' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
12
+ return (h(Host, { key: '38d70dda60dda3debcf93c39712447b147f1f8aa' }, h("smoothly-display", { key: '184a415c969fe7f8067d39b8bca1c60e2cdc525c', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'c25e191ff3a0d83771c8c4057a391af7d29f3aeb', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '6a0abb3c6732c84bbf349fa5564d27d3b0189f36' }, h("smoothly-table-row", { key: '2f91fa838939f85bee7d2fc07bbcf66f19e31af0' }, h("smoothly-table-cell", { key: 'b50f41f05faeb8105905c2d2bc694ceba0291b11' }, "Breed"), h("smoothly-table-cell", { key: '1165986b307056c5356dad70b6ce04059aaebdd1' }, "Country"), h("smoothly-table-cell", { key: '348327ae0225c33862c65c536b31bbab5bd706d9' }, "Coat"), h("smoothly-table-cell", { key: '449b076a7ccb0922362af57fa66bbf081fe73c1d' }, "Origin"))), h("smoothly-table-body", { key: '7b4d12422054f92287036881aaba5156de8adc87' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
13
13
  }
14
14
  static get is() { return "smoothly-table-demo-filler-row"; }
15
15
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/group/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Fragment, h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableDemoGroup {
3
3
  render() {
4
- return (h(Host, { key: '044be2a5a9260e32e91ee8375a225a0dee587ce9' }, h("smoothly-display", { key: 'c8a77f7bcd0bc541ad217e1df6828a2b0815e2f8', type: "text", value: "Group" }), h("smoothly-table", { key: '807f4357d1197b355711e01d5edffd8d3983db6a', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '6b1b3b0e281764d1430fe6b765f2872884e2e09e' }, h("smoothly-table-row", { key: 'c9b2dd1d3b4c17256cbc1d7214a7654cb82d4436' }, h("smoothly-table-cell", { key: 'b1c8d54323e816490f28005e6bbe618c2ffe0e4a' }, "Date"), h("smoothly-table-cell", { key: 'e45d0a4862cbe71c8cca27a8d6aa6a0956709019' }, "Total"))), h("smoothly-table-body", { key: 'c0bdce1d860654b8ba88bac33a9f035363061d19' }, h("smoothly-table-row-group", { key: 'a11c8367f087e12e0a02d25f8b48a29689107e06', align: true }, h("smoothly-display", { key: '8ab3110cbf9d57591bfa9a2dcc9c7e224792a104', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '826f0acd265a99d445b6786458c232172d2cf381', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: 'ccc0645a756649d0e748f147eec063aa5c7c7036' }, h("smoothly-table-cell", { key: '3a7e33ab43dca04d24872c2041833bff916e8934' }, h("smoothly-display", { key: '972c99f625f6b27352b3e3c17007a6923a1cbfce', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'bfe695bac2c193687738aafd05a78cb23feac052' }, h("smoothly-display", { key: '934d9207b9971fa1d7787822e7405f1e9def7a13', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'a94346f2caa9c0edfa9608485b458da151fae5f9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '51f21f7bc12d6662392b96f7582a78f19d7dc0af' }, h("smoothly-table-cell", { key: '9bf2051dbb810a8eaa7da2ffe850435a943ab7b2' }, h("smoothly-display", { key: '1abb624a6c4cd85f191576e4155e90f12529ac11', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a796212e2c36cbaac2d2d9d10960310c23b7d3e0' }, h("smoothly-display", { key: '605eeaac1fee2ccfd96d900cdbda80e98cf86886', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '8905ac1b38a2acf766c60c74284399a44331874d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '4d49a3ada2507ec28ae70b3361e620758bd95977' }, h("smoothly-table-cell", { key: '9d6c8b5ba8f0704745e014eeaa0eec94f1957739' }, h("smoothly-display", { key: '851e641172245203cc8c80fe191c629c1e8036f6', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '7a6160c20b31624b7f181526da09ffe4df40ef36' }, h("smoothly-display", { key: '229e788a885e95aa6abb8a0ef633579a17e87a95', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '42fbdb5745b91dc7f42d19f3fb4e7a9c53b96a78' }, h("smoothly-display", { key: '6dcfdbe08def271dfeaf89a1d8fff32e921971b1', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'fe218184eb784cc7cd3094775096f81981ee8733', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8611b77389d19cb2463ff654328520acc0229030' }, h("smoothly-table-cell", { key: '75d7572ca30ae4a051f3756794a7117c5c7f3c46' }, h("smoothly-display", { key: 'fb86017176633bc226dafc03e37b9ac282f88ddc', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'be847bc7c1ac7781c2bc9637b6143b493e9688eb' }, h("smoothly-display", { key: '553cd5b7591033b6f8743b1e6b14e7ec15552889', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f3dfa33ba846fdcb5172b0ad47c3ab14e29ee6fb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '7e5acc9b813857a344b7ffde22549088f26bda0a' }, h("smoothly-table-cell", { key: '5cba3d4839ba15c0193e7eec1ac664bc9b3f5f61' }, h("smoothly-display", { key: '312c552c6ccece6028c4cdd8ab0f5f2af3391d5c', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a4273386dd793a0ecb8284727869a51345d0e5bc' }, h("smoothly-display", { key: '21a7a1c5c0a9bcf5e3594a4b48f7c54eb5af0b9a', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '04ee16af0d0033862aa7e29033d0edf95a9b6bfb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '7ce12fc20fea9844d23e773e19a0296e8dedcbb2' }, h("smoothly-display", { key: 'ece4ded9117930fc4c64c8d2740ed8add76f4fb6', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'b43e2f3e5e51beb019da6b4b823014df4fb9b7ad' }, h("smoothly-table-cell", { key: 'd8ec8e3397e6c702a0ce7ffc1148258b357d850f' }, h("smoothly-display", { key: '663260db0785da46c8978f561aea13ffe434a319', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'd526a2aa10c7be28d6e2be439984604c25e98ae8' }, h("smoothly-display", { key: '68f15b2b6bfd5faff55b3421e914633f7e54abc2', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '32eacc646bc96494eab5c117f22f543044a28a16', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '419ca2c46ff03e1ef1a78e2089198337c5aeb180' }, h("smoothly-table-cell", { key: '06a07b9699ffe395dc0c68fd8993ab3e4ae27117' }, h("smoothly-display", { key: 'a2cba094f5178e043d930f445304ed7eab4f7fdd', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '8e974a68dd724ece0945ff277229f8c70a6c9e04' }, h("smoothly-display", { key: 'beb312d995aa44c5138cbb748237d5cf02c944f3', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '75801728d6f20f9e4acbe38a2b302b73ce8cbd32', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'a5d4d32fcb7ac204a3734dea7a616c88307e6cbe' }, h("smoothly-display", { key: '2331960fe63909aef8f9b35ecdd76bc37deb6375', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '19b69cb0e6265bcae3413ff3deacb31359825110' }, h("smoothly-table-cell", { key: 'b1573bf5ea27d637dd429e80c012192fc22e0660' }, h("smoothly-display", { key: 'd8777e74c334c73a60a7fcd377c8ef1d69fae20e', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '49f464b913486092a2de9b27750a71b00061eef3' }, h("smoothly-display", { key: '0d716ae1f80fa8f98c84e623d1935b7a0213a648', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '7c8d2f82680b35d8f231d828c6ffdb2b6ebb31da', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b64d7b474e70a8d3334660a01feb0b26c8403e40' }, h("smoothly-table-cell", { key: '64bf40d93b8ff419695fa7d69d4894585e77d92d' }, h("smoothly-display", { key: 'ba5694ed645bb9b5105fa0ffe1dacd63dfa4d72c', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '837a934ab755965bfad88ed07a5b21a7c7877738' }, h("smoothly-display", { key: '6e2b0d5a372e022374c514393f8a9a439cb06480', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '13966802b164b23cd3959c54373a91a4b99d1ab8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'dc7031260e2ca39650f89659822ed86320701751' }, h("smoothly-table-row-group", { key: '8c4f9f5fd19f9c144c439aaba701c0b0a1b22272' }, h("smoothly-display", { key: '9458e205c4be0d91ce42eff9bcecded48c69c961', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'a139382798f85d6922dea91e86b473cd2bfd486a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'ae33f14933f819975a4313ad4255d00b371bd677' }, h("smoothly-table-row", { key: 'ececad7f1be8f60215da7e2f2dce838fefcdf279' }, h("fake-cell-wrapper", { key: 'defb123cb025e0dc64085a248645c635bc488507' }, h("smoothly-table-cell", { key: '97cd28e0c190afcab36d300de24bd5ba4c42139b' }, h("smoothly-display", { key: 'd5ec9b80ecffcac24cb936ac8383161523de7e60', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '08d0df0f2c099dab483a9c2c48b286e3bcba0346' }, h("smoothly-table-expandable-cell", { key: '53b96521de90492a28d44c74ecd6674828a9d54e' }, h("smoothly-display", { key: '9bf466b6f3090ad44103e1eb2be42fde3a337910', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '55f6d59ab1c85058c5634774f33c9a71a9451917', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '8476b93642f2b53e5c8ae23698c54edb072c6361' }, h("smoothly-table-expandable-row", { key: '8535dad53ba0eaf19f5ee5d2f5b1f3d6f3e1c6bd' }, h("fake-cell-wrapper", { key: 'ff5facddb89a2cf15f18634ad8f7e8780a51cb6d', class: "span-2" }, h("smoothly-table-cell", { key: 'a4508b413fd6e98ac9d64043dee769bb2ff5c97b', span: 2 }, h("smoothly-display", { key: '65865507298b01080b39b2c7b856e37bcac1ba46', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '2e6baa60bcdcd7a892b9863975d2ff90a11fbc9f', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'bee25e3af1397c26cbcb59fe0aeb178f672d60c3' }, h("smoothly-display", { key: '89e48e848f09c8edb0a5a71de18f6a6e02e298f8', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '8eb48628fe13eeef290c1b086d3baa338c010cc2', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
4
+ return (h(Host, { key: '13ca441187f66529344769d886b77d0c01cf0ec7' }, h("smoothly-display", { key: 'b2dbf9deacd800eb2bbcc303418a5f2ce6344399', type: "text", value: "Group" }), h("smoothly-table", { key: '8e80f2e26eda2a33c65d665d2d369b11a03f39b3', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'a80ad7e011c9432b00488a3dad6cc48d4cf56ffa' }, h("smoothly-table-row", { key: '9d15a2c5ec712913ef7195f40eae2d7cc4328b43' }, h("smoothly-table-cell", { key: '4658db6a627442459d39caf71d3053c0b0373153' }, "Date"), h("smoothly-table-cell", { key: '62640f3c5426d8b1cbb7e5309b9a5eb8ae1fd244' }, "Total"))), h("smoothly-table-body", { key: '30185fa157aeed1482eb4ed13e227e735450204f' }, h("smoothly-table-row-group", { key: '2f88c12ff6aa6b59f6545f1939c0b390ff04fb9b', align: true }, h("smoothly-display", { key: '504c5fd4776cf580054b1643d3cdf25746b0ef4d', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'abb7c187f97506286cce8fdb7cf9e44024cb1eee', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '4c4ee8e36cdef0fa1c7dd5e088ba27b0470b94a0' }, h("smoothly-table-cell", { key: 'e78d6d08b6b141e5d37e309697ae71a5158aa83e' }, h("smoothly-display", { key: 'd4545cbccf585edd9a753216cd7eb065794cc61d', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '2bfa64247f7bf2ccf879859f66de74904dd7438f' }, h("smoothly-display", { key: '45bc665caae3e04dd8f4a94ab96d0e5f974c1b66', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '60b37654b01d3c248d2c7339593990e5a04fb188', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'e18d58866e7e132073ccd951f114780566bc19d8' }, h("smoothly-table-cell", { key: '9bce755fdb66c5a53be2a1a30b897c56cfd292e2' }, h("smoothly-display", { key: 'e93ddd23a90132c87a717651c39cd9b3e0ec76be', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '25760dc3dc0c4db717a663849b0a5b4855d0fa49' }, h("smoothly-display", { key: '6bddb16177d1b3aaba00f690e15830b4de4c560f', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'b270f93a5b22cc963761b4ba3fac9831948eb229', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '13eeb89739730d945227aff29d6ffb02405a7162' }, h("smoothly-table-cell", { key: 'f6ee0efe4aafe2b3bc46d1391addd0cdd0372643' }, h("smoothly-display", { key: 'fefcd6b25329f0acac11ce9b5f62936c250e4e13', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'ef2d0fc611d84b2380f4cb3342e9a747ca7b0571' }, h("smoothly-display", { key: '049dfb4f85369daf945b216256ced74597135572', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '0818d5289ddf639e1f41b8377eefda9a42e8a660' }, h("smoothly-display", { key: 'c313d4b6c8e1658c6a2bb9bda1b7aee77b5c4708', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '6e57124ffd9cb7a0737b49144fdae07c04e7ce54', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '075bcd04dbac92bb2733eae3983e205c604c0897' }, h("smoothly-table-cell", { key: '2da65d488c647c5952fd2f7b496ad477c78e43a0' }, h("smoothly-display", { key: '268b41c5942180ff8cbf781c225569a464a98048', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'bf8c3e7a40c471fc22de92ff894ab5145407949c' }, h("smoothly-display", { key: 'ee271b788d3bccfec5354a4e96b0a16a9faa224d', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '684a6831e691a9dc67f81977c39f32cb74ca4796', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '82ca4163f480bb0f87f51d40680ee079dd615b11' }, h("smoothly-table-cell", { key: 'c7022929f9eee697165dabdf09f209f62cec9e20' }, h("smoothly-display", { key: 'f85ecb5f99a2f5f00b1d8946a33057b87691ebf2', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '71a2d8a0b8426614bc5842b27e80957bc560066b' }, h("smoothly-display", { key: '6e1fa476d41664ccd4f4475e3d78e6811181dc83', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '3c21237b9ab3bcbad4ce8f71d590b62e92f425e4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '89f7bd195d9558793f2806d9331a4f60127a2288' }, h("smoothly-display", { key: '9af59f5175f04af6c3c661efea33c884ef2443a4', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'cf98a3d3738cc247ddb748eb5d62103b5f4cb898' }, h("smoothly-table-cell", { key: 'fed5bcbfedb84593f7372d686ec367176e09f203' }, h("smoothly-display", { key: 'cbaf8f631003338f43637aca9af85e05ee61acb9', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '01ca45bac88026b162678192a11a4f5dd3c068be' }, h("smoothly-display", { key: '80a57b43c7a010aab88b2d16c7fbedaeb29568ce', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '70d2c87d6db5d93807832babed5234fb464f74f4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '20cb4d49bb58652118d26a85e3700303493c68c5' }, h("smoothly-table-cell", { key: '825986c6db5f37ccc73569f6f1c2228a5974165a' }, h("smoothly-display", { key: '21e131ad762de83ceb50ba3c73438b19726c38e2', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c5ee086388bcba90b3f2f8b8e87de8b640af19ae' }, h("smoothly-display", { key: '0451e5542008991f62d5aed3be962be7ede89e92', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'eff29a26691c08d70aa7cacad2a199dabc06f76c', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '16aa704a00da4ee503ef5c8a66ce41cd2768d704' }, h("smoothly-display", { key: 'ebda8de8516871eaf501d00fe3c334dc229b8105', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'dc912bef3657af1eadb481ecbaa1f71e061fd3ae' }, h("smoothly-table-cell", { key: '7f3451e00998d997440f16b85fb53598778128c8' }, h("smoothly-display", { key: 'def111369e6fae7bcb7e5c6bdc3bfaaa9700b6fe', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'cf70102ed28029c2eafbfa3c14f5f42bf185b4cf' }, h("smoothly-display", { key: '567fe6aa345e74223a8332b93cc1b1b9cb288eba', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '3ad490689fcafce374b5b02550d5e03962da7a75', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '0cfffb40fd9119c737384bdfcf4196252e2680ed' }, h("smoothly-table-cell", { key: '17017970a2de014c63dc0c2f942e83a4ef9b322d' }, h("smoothly-display", { key: '9f6d27350e38a66bab11ce29a331ccecee9335d0', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f1d2cc0caf106aaabb4d9262fb6f589924ded4cf' }, h("smoothly-display", { key: '1ae2025a7b69811c991c4e50acd45be7f2af4820', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'fd8db8bbca191d29614972042d49aabf04b00325', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '7ed94c5850dca92de109a72d543e7892a4ad1f27' }, h("smoothly-table-row-group", { key: 'fd411b94eb083f25414f29ee5f0c82fe10e336b2' }, h("smoothly-display", { key: 'c1eec946da5403fe5fb367f864de25a07d37bb45', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'b69b22be0181ebd04b4fb6c9934b76d41a8c92f6', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '39f7a1f520615967cc4972f7c2f2ffd6824c3fcc' }, h("smoothly-table-row", { key: 'a0edb450a28de03759ae4c2240a979f27704718b' }, h("fake-cell-wrapper", { key: '9c2c3823f9e8771e15625a0353e7031be7ab862c' }, h("smoothly-table-cell", { key: 'b47064b530ce8ee1bb66350cc2bb4ac172bfbe99' }, h("smoothly-display", { key: '23245c1af652033586ff8b001f406da931221ff7', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'cecaf2863e686ddd4b7b6db5bf0ba39a6f77b70b' }, h("smoothly-table-expandable-cell", { key: 'b715899e9cc80dfded13610df5224069c9eebabe' }, h("smoothly-display", { key: '3e261554b8e11c7388c5cf4057228575b87acd0e', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '5844d701bc675abd246d2d18f7387edd9c9f7e7b', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '32bce4a1c74db7b752671e090eca7216dfeda5e4' }, h("smoothly-table-expandable-row", { key: '76397c42828314da38f36ba8046227bce793f3b0' }, h("fake-cell-wrapper", { key: '4707a608abe80f2fa745d0a669dd26d327ce3fa7', class: "span-2" }, h("smoothly-table-cell", { key: 'a4b2b9dba3fe2d95439f995c04d218729f6f7c05', span: 2 }, h("smoothly-display", { key: 'd3ab93ede3071809115eb9a392b29c97ada02788', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'ab3787df579b0c266b5cc521e6c88b8976d7eeb4', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '31e0f780af3568f236e185c33beffd1fe131f15c' }, h("smoothly-display", { key: '71f3de541c67562eed2c4138b3c487e13f45891a', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '56b9d221c55a67b758a529d3542819b8cc73a9d1', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
5
5
  }
6
6
  static get is() { return "smoothly-table-demo-group"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableDemo {
3
3
  render() {
4
- return (h(Host, { key: 'd7277fac7e25efa923ce5e7263b7fe07b3d1ae7c' }, h("smoothly-table-demo-filler-row", { key: '74942c1891773856c68b58eae197b663476e1892' }), h("smoothly-table-demo-group", { key: 'f307da0e9acdb2269e15e58dd0299539a3f6f3a5' }), h("smoothly-table-demo-colspan", { key: '80c976bd5cdbc95a0248b4efaa48805236f0bf08' }), h("smoothly-table-demo-simple", { key: 'b9de2b65113c2ee7543733abef20476b19b440db' }), h("smoothly-table-demo-nested-no-cell", { key: 'd6b6c367cd66b9cc2eb8cfa86800e6697a258071' })));
4
+ return (h(Host, { key: '94e95e0d83a8ff1f6b0175d81f6a4d0f573b3387' }, h("smoothly-table-demo-filler-row", { key: '0517b70eb65ed6a34faaa1c7805907f304654951' }), h("smoothly-table-demo-group", { key: 'e92405b3fa081cfa94f0311970db780f44782bd5' }), h("smoothly-table-demo-colspan", { key: 'd9f10e07549f56da20d1dcbca45f3a497db3e072' }), h("smoothly-table-demo-simple", { key: '0ae3ade94e2cc900e0a5362f65778163868f3ef0' }), h("smoothly-table-demo-nested-no-cell", { key: '9d0f1784998f8f7607f93b914cd2d5c53a986f8a' })));
5
5
  }
6
6
  static get is() { return "smoothly-table-demo"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/nested-no-cell/index.js CHANGED
@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCell {
5
5
  this.loadedRows = [];
6
6
  }
7
7
  render() {
8
- return (h(Host, { key: 'f0cccc2533446b88de6b0956cb2c24c3ec106962' }, h("smoothly-display", { key: '997fa002f0a3a14e1516d2fe4eb7cf9491979819', type: "text", value: "Nested" }), h("smoothly-table", { key: 'ec7a88e096863fe59f1c5f7c80aaa4a538bb1b48', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '821e802acadb9d8158badd884ee120228feb41de' }, h("smoothly-table-row", { key: '029120e75a85535c08a7bde66ae8835270716e2f' }, h("div", { key: 'acbe3da2f1f60da436c44523b2797b30221996d8', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'd764a06cee565fdb4361161090c7d3ef57b5e5cf', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '17f3a9f0b08bc9b9f22a590942faf5fdbc7344aa', class: "smoothly-table-cell" }, "Name"), h("div", { key: '5a1e9388b4bec34d26cc186cd0d801b9ff8ccb16', class: "smoothly-table-cell" }, "Age"), h("div", { key: '80e4ff513a81355d9e6526057c19d93b65bc457d', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '55594b070d4f81852eab51086bec06a7b04c0635', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'bd684d81b4b52fa721c34846c8cd94b61eca490e', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '3b078a0ee2ea599d54be265f24796024b23ededd', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: 'db35dab7f93e802c1d95c686dd8bc5262362a8f8' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
8
+ return (h(Host, { key: '58aa208d70e2da93e893ef08cb5967664bd0c051' }, h("smoothly-display", { key: '2deea15d1b6e1df7377c7d7a75f1bf3bdc0e23e6', type: "text", value: "Nested" }), h("smoothly-table", { key: '86c9c4de9e86faddf03910093dc8046534198a6e', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'e68242f5576ac5903448bc958706512b6fdde4a2' }, h("smoothly-table-row", { key: 'db1d09f006f8e6d7ce18ae91caf34d6f5a14bf83' }, h("div", { key: '3e3e11e86247d24322182392410b18b1f77be2d9', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'd9e4adcfa2c4f241f0351c78cb21a968663a6c44', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'fe70738e34cad44a2334118b1390c3a4fc55a78c', class: "smoothly-table-cell" }, "Name"), h("div", { key: '8d289629063da16589bb44c438577ece4eff5703', class: "smoothly-table-cell" }, "Age"), h("div", { key: '41d4a8187b8a431cea1ab7c0d5dd94fc5e3d7c14', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '1394c75f60c62a437f8e45bd331e102a84b3357e', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '675a742c81647d180c327a3b033a7dd90bda7411', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '16c97f1027ac5d65ebfaa303a56bb80ea37c7c40', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '8839563b64e8c05cdfbf0be64fd78e901490dcf3' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
9
9
  if (event.detail) {
10
10
  this.loadingIndex = index;
11
11
  setTimeout(() => {
@@ -13,7 +13,7 @@ export class SmoothlyTableDemoNestedNoCell {
13
13
  this.loadedRows = [...this.loadedRows, index];
14
14
  }, 1500);
15
15
  }
16
- } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'f09a7c7bdf3bf6a423f0dbbcd6999fcdb7d2c0b0' }, h("smoothly-table-row", { key: '6237c3e3f1e5eecb050caacac3a18c70fb7a1d13' }, h("div", { key: 'fa63fb23e29dbe508bec40b0349910597b016164', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '5ff91ed21cf8857ce5d89b2d9d028ad85b4172af', class: "smoothly-table-cell" }, "Footer Cell"))))));
16
+ } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '6b4ad314b547876f79a192885d8f6c396b5289a4' }, h("smoothly-table-row", { key: 'd0b756f7d918e94ef014702eae9f6b60de81feec' }, h("div", { key: '06107bc944f6e1304054e68b91622ea30e0a833e', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '0150811226ddc55197a6ef7933f024a54ab2c853', class: "smoothly-table-cell" }, "Footer Cell"))))));
17
17
  }
18
18
  static get is() { return "smoothly-table-demo-nested-no-cell"; }
19
19
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/nested-no-cell/inner/index.js CHANGED
@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableDemoNestedNoCellInner {
3
3
  render() {
4
4
  var _a;
5
- return (h(Host, { key: '8695c1d15d2eec8b9ee575ed963af80f6319d2ef' }, h("smoothly-table", { key: '45cffac7f3ae618ce4ea0f5f8671f55ed9ba8ab2', columns: 4 }, h("smoothly-table-head", { key: 'c0bdfe025083af1569395f48452d7c1bf2ce2e8e' }, h("smoothly-table-row", { key: '70ef7fc95d6327e8c50134a3815f2b025c4d1f89' }, h("div", { key: 'c9d2b13223be6eddbb4831a9107b1a862d296f94', class: "smoothly-table-cell" }, "Id"), h("div", { key: '14cad91fd59c36a04673ea16250014ea894e0006', class: "smoothly-table-cell" }, "Name"), h("div", { key: '714b0198d5bc725eb78f937741b588b20eed003e', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'f65a8705ba26a84827e11db27c763ea0f2308328', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '531c1e3c65c0947291ab22cc888c18615f6b4ee7' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
5
+ return (h(Host, { key: '9150c28b151e6567c9d4d385068702f600fcb2f1' }, h("smoothly-table", { key: '7261ea2339bc05332c0bb2e8d43a9362bbe13d3a', columns: 4 }, h("smoothly-table-head", { key: 'd800c29461ff8bc75f0ac1265e50640c0138d211' }, h("smoothly-table-row", { key: '56bb549fe6154737b01ad2564df4c58a6e5f8c52' }, h("div", { key: 'e6e3a1c445d93d2c814c7cb6057643124c132de2', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'c92d18120e36c54139713090f821a605ad42e3fc', class: "smoothly-table-cell" }, "Name"), h("div", { key: '2fc4f2987f92840727806f222a300bf463990917', class: "smoothly-table-cell" }, "Age"), h("div", { key: '4c5f4888480ac4afdc2a7ea0ea1223f019ac342f', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'ea1511197b149bc2963a00345c5cde47378c7f26' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
6
6
  }
7
7
  static get is() { return "smoothly-table-demo-nested-no-cell-inner"; }
8
8
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/demo/simple/simple.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableDemoSimple {
3
3
  render() {
4
- return (h(Host, { key: '91f4891d9b3f238bbf5897254a8e709af436905a' }, h("smoothly-display", { key: '4b2dd92dffa7b2853be7d70a331308f12b04c5c2', type: "text", value: "Simple" }), h("smoothly-table", { key: '6a9840d72c42ae57008fe773a1e2efaaa598271f', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '033754254544d75ce9c7ae69af93803eebc4136d' }, h("smoothly-table-row", { key: 'de2622eda56a4843b7b1b91d9b9ee2c700fcb3c6' }, h("smoothly-table-cell", { key: 'e445efc0c5585fc269ca0dc74873daef7679cf26' }, "Breed"), h("smoothly-table-cell", { key: '0f054ac68fae8dbdd09e467cede70e397529e722' }, "Coat"))), h("smoothly-table-body", { key: 'f80f23b30de2b1dcd6a266b8d1e1ae10b96c1e46' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: 'd469f986bbf4e1172906d081be9c73123e3940b5' }, h("smoothly-table-cell", { key: '437a8c8262a11e7270248adb3c8ee8598d4cf4e6' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '3b58406815a7ce4568528d84aabb78627dba819c' }, "Expandable Cell", h("div", { key: '852283739f4d7085726ace98dfd4bf40c5572d95', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '249c5a4b449506fc29fa6de81f3018c4f3afdb69' }, h("smoothly-table-expandable-cell", { key: '89bd889979a763f5d122f4b702955f6ec8a875a3' }, "Expandable Cell 1", h("div", { key: '8c022dbeb53e51f4cfa7dfad98c2040d04d453fa', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '31cbf39571004b680efaecffb7674804191a5997' }, "Expandable Cell 2", h("div", { key: '3f2fb41ed70a88f413b0133dd5d85aa53bb9f062', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '814c8d8d2faab31d6edc4af6f20ad150352f96ea' }, h("smoothly-table-row", { key: 'c9c8981af50d5f2daf71f234f14a0ae2213d2c2a' }, h("smoothly-table-cell", { key: 'f7ee5b1e9bafd407ee9d191645efea768e9998f9' }, "Footer Cell"), h("smoothly-table-cell", { key: '85a523e583fbd8d45fa0c62ebc14d4f4f6be9ced' }, "Footer Cell"))))));
4
+ return (h(Host, { key: 'fa0ee8dabad78b4e11466c08476a7b7bab777bcf' }, h("smoothly-display", { key: 'f1929229c708243f89969fb865281c87cdea3974', type: "text", value: "Simple" }), h("smoothly-table", { key: 'a74ccd3d2757769582a1640cd03f275040258979', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3740997a15cd0be3f576a5ccd325dedbcf7ecf57' }, h("smoothly-table-row", { key: '173e8a0edf3ca6131dbfd5fd2e23bf5e818de068' }, h("smoothly-table-cell", { key: '6ccc98fe385d936d3fc18a0802aa171c9e4833f0' }, "Breed"), h("smoothly-table-cell", { key: 'f12b6543b4b7be9f4d26610d2a90b900951e7f52' }, "Coat"))), h("smoothly-table-body", { key: '2cc82f1d8659f303f29352fa4cce8961fa698fab' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '9548adc12d9a485c5e973deeb2fe4abf22119809' }, h("smoothly-table-cell", { key: '502907286ab36ee5358c143d8d5613bb0685fa29' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '4ed0239f7262bfb76e8dbfd94b4b76e992dbf1af' }, "Expandable Cell", h("div", { key: 'f576406602ee34bf67621939ff7fe2c57c4b66be', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '54e2ecd8dcb9c666930d9005ba31a3f64e25aabc' }, h("smoothly-table-expandable-cell", { key: '88b51a8cf477ca4de13d0735a491c30fe28870c6' }, "Expandable Cell 1", h("div", { key: 'd0ddd7d5489dc8e9df88b52315d61e97d9c6434d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'ee707b238f569e36eb9bdbaca1c82fc7a0f830bc' }, "Expandable Cell 2", h("div", { key: 'bbdaab7554b86deee81fea4697afc013909cb218', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '936f27ddd1dbc6b3b1f8fa5cbe9887898c1b3688' }, h("smoothly-table-row", { key: '161b992762fa4617785cd6c6c83d957a7d5f976c' }, h("smoothly-table-cell", { key: '158fc3ac159fe7eeac086fdde980b1f39c9d79db' }, "Footer Cell"), h("smoothly-table-cell", { key: '3a6ff2185ab3ff1306655498582ea9bfff4d7099' }, "Footer Cell"))))));
5
5
  }
6
6
  static get is() { return "smoothly-table-demo-simple"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/expandable/cell/index.js CHANGED
@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
25
25
  }
26
26
  render() {
27
27
  var _a;
28
- return (h(Host, { key: '83c526f00d51b0168a455e9bf868ebe197665443', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'bd6ef753fad107892472d513d3e85e2303496bb1', class: "content" }, h("slot", { key: 'ce3529ccc72dcc4434fc759be3de926b923952b4' })), h("div", { key: 'bb6ecf54d7568c46a582e5e9b7e34040d3318800', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '55da6c2611dfa327b27b24d5f93f19f58f273c34', name: "detail" }))));
28
+ return (h(Host, { key: '1c27ff4e5c10ad504e0c8307be3bfb1243afc5d9', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '9df957e7d9f55f6687adbdfc550b3cfa6a8d3dea', class: "content" }, h("slot", { key: '505b6a8964feb91d4d0256b6ea3f27519742ef6c' })), h("div", { key: '9054849f559fc9f02c7ba5c9c95cabf1e741f417', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '0feb5288d454fc6b606ad4585706f40ec3789443', name: "detail" }))));
29
29
  }
30
30
  static get is() { return "smoothly-table-expandable-cell"; }
31
31
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/expandable/row/index.js CHANGED
@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
17
17
  this.smoothlyTableExpandableRowChange.emit(this.open);
18
18
  }
19
19
  render() {
20
- return (h(Host, { key: 'ff903b0e76d26c2b0828b970b5543cfd0032d64a', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '483c340f950cad51409b816cb72edb5de6f06856' }), h("div", { key: '296d3287e2106d7e0f1703f0f51745e22abac101', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '23d911a603915e5dfbd807b29c22609382edd008', name: "detail" }))));
20
+ return (h(Host, { key: '21d040e883e73f9415ee1a3e7055fa5ce9adc57b', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '9c42a350c5e00b6b24f7c746cc801588df69c14f' }), h("div", { key: '0c5c8a4e231018e1f96e09348447c876051540cf', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '263395e4d57775e72e510071245261a23097175f', name: "detail" }))));
21
21
  }
22
22
  static get is() { return "smoothly-table-expandable-row"; }
23
23
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/filler-row/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  export class SmoothlyTableFillerRow {
3
3
  render() {
4
- return (h("smoothly-table-row", { key: '8d580002c87f7b0e829c8611ff035bc6b135fd94' }, h("smoothly-table-cell", { key: '3ebb3485d3fe53900dea32010e5174f9bc27013d' }, h("slot", { key: 'a30dd8ac3c009058d6fba5acebe6608368b92af8' }))));
4
+ return (h("smoothly-table-row", { key: '7561aa3596121beb8d1fa3af10d14ed9be08f7f2' }, h("smoothly-table-cell", { key: '04c9c851fb31ec6a246b2bc82cdbc7293478a0e3' }, h("slot", { key: 'f0db97bf64c0979fbca0c6f5ab4296684f743a70' }))));
5
5
  }
6
6
  static get is() { return "smoothly-table-filler-row"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/foot/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  export class SmoothlyTableFoot {
3
3
  render() {
4
- return (h(Host, { key: '6fd2e248de8df09b4b20908c00272e7751c63a6b' }, h("slot", { key: '66634f6fcbd68eed2628c4d16e7ff3cf4d7ad78c' })));
4
+ return (h(Host, { key: 'fa6bc933396023c1d84d01460a4ff641c53136a1' }, h("slot", { key: '7aaddf60b15f344866dce0847441bec4dc739ae0' })));
5
5
  }
6
6
  static get is() { return "smoothly-table-foot"; }
7
7
  static get encapsulation() { return "scoped"; }
package/dist/collection/components/table/group/index.js CHANGED
@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
13
13
  }
14
14
  }
15
15
  render() {
16
- return (h(Host, { key: '06b9db603c4254382dcd7fc3d7dfaf3a2c6be521' }, h("div", { key: '22b594f2c066cf6b2f92139b5847972e204bda1d', onClick: () => this.clickHandler() }, h("div", { key: '9c082d0cbccf65d45637e5e3999aa0e4503eb3b9' }, h("slot", { key: '2530eb7dd1162dc407169270b20fe0fc14a747b1', name: "start" })), h("div", { key: 'd2b06391bca18891401c5a31e4f98a0e2e34479d' }, h("slot", { key: 'f64c478dd61c7abd1c35fa809b85a3a8e0264cab', name: "end" }))), h("div", { key: '8d3c37ffa856ddfea5b0275104c055a75540168b' }, h("slot", { key: '9856a2795799b61ddd4c231054208c960eaba96f' }))));
16
+ return (h(Host, { key: '8407e47bd79c00425a93bbf78bfaa234417e6730' }, h("div", { key: '80a4d3121142f72cecf08afee5083fc3f00e8772', onClick: () => this.clickHandler() }, h("div", { key: 'ae02eb813ffb3951e41363c41b89e16f8cf93199' }, h("slot", { key: '5020efcd50f6b9349c05c93c90c7b0499ebaa5f6', name: "start" })), h("div", { key: '081546adcccc771440f2f5e681dfc15712579fb3' }, h("slot", { key: 'd05a5dff9ba8473a329e3cb00bedc0732cbed6f9', name: "end" }))), h("div", { key: '26e75848ce1b7f8c889fb7376f5c65c9a1f95ef8' }, h("slot", { key: '0d1687ebc94faafddea6b096c26ce5fdd408ff7f' }))));
17
17
  }
18
18
  static get is() { return "smoothly-table-row-group"; }
19
19
  static get encapsulation() { return "scoped"; }