smoothly 1.112.0 → 1.113.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 (348) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_98.cjs.entry.js +228 -176
  3. package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
  4. package/dist/cjs/smoothly-submit.cjs.entry.js +1 -1
  5. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  6. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly.cjs.js +1 -1
  8. package/dist/collection/components/input/demo/standard/index.js +1 -1
  9. package/dist/collection/components/input/demo/standard/index.js.map +1 -1
  10. package/dist/collection/components/input/select/index.js +121 -133
  11. package/dist/collection/components/input/select/index.js.map +1 -1
  12. package/dist/collection/components/input/select/layout.js +21 -0
  13. package/dist/collection/components/input/select/layout.js.map +1 -0
  14. package/dist/collection/components/input/select/menu.js +33 -0
  15. package/dist/collection/components/input/select/menu.js.map +1 -0
  16. package/dist/collection/components/input/select/scroll.js +14 -0
  17. package/dist/collection/components/input/select/scroll.js.map +1 -0
  18. package/dist/collection/components/input/select/style.css +72 -64
  19. package/dist/collection/components/input/submit/index.js +1 -1
  20. package/dist/collection/components/item/index.js +1 -1
  21. package/dist/collection/components/label/index.js +2 -2
  22. package/dist/collection/components/lazy/index.js +1 -1
  23. package/dist/collection/components/load-more/index.js +1 -1
  24. package/dist/collection/components/modal/index.js +2 -2
  25. package/dist/collection/components/notification/index.js +1 -1
  26. package/dist/collection/components/notifier/index.js +1 -1
  27. package/dist/collection/components/spinner/index.js +2 -2
  28. package/dist/collection/components/submit/index.js +1 -1
  29. package/dist/collection/components/summary/index.js +1 -1
  30. package/dist/collection/components/table/body/index.js +1 -1
  31. package/dist/collection/components/table/cell/index.js +1 -1
  32. package/dist/collection/components/table/demo/colspan/index.js +1 -1
  33. package/dist/collection/components/table/demo/filler-row/index.js +1 -1
  34. package/dist/collection/components/table/demo/group/index.js +1 -1
  35. package/dist/collection/components/table/demo/index.js +1 -1
  36. package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
  37. package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
  38. package/dist/collection/components/table/demo/simple/simple.js +1 -1
  39. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  40. package/dist/collection/components/table/expandable/row/index.js +1 -1
  41. package/dist/collection/components/table/filler-row/index.js +1 -1
  42. package/dist/collection/components/table/foot/index.js +1 -1
  43. package/dist/collection/components/table/group/index.js +1 -1
  44. package/dist/collection/components/table/head/index.js +2 -2
  45. package/dist/collection/components/table/index.js +1 -1
  46. package/dist/collection/components/table/row/index.js +1 -1
  47. package/dist/collection/components/tabs/demo/index.js +1 -1
  48. package/dist/collection/components/tabs/tab/index.js +1 -1
  49. package/dist/collection/components/theme/color/index.js +1 -1
  50. package/dist/collection/components/theme/demo/index.js +1 -1
  51. package/dist/collection/components/theme/guide/index.js +8 -8
  52. package/dist/collection/components/theme/picker/index.js +2 -2
  53. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  54. package/dist/collection/components/toggle-switch/index.js +1 -1
  55. package/dist/collection/components/trigger/index.js +1 -1
  56. package/dist/collection/components/trigger/sink/index.js +1 -1
  57. package/dist/collection/components/trigger/source/index.js +1 -1
  58. package/dist/components/{p-iucZC6z5.js → p-0vl7fnbi.js} +2 -2
  59. package/dist/components/{p-R4uIvvER.js → p-7ReeDB-R.js} +2 -2
  60. package/dist/components/{p-D1uYEo7L.js → p-97N6vnZd.js} +2 -2
  61. package/dist/components/{p-BaGuG5hS.js → p-9Fc5vWzs.js} +2 -2
  62. package/dist/components/{p-CtN3gqjJ.js → p-B11YJh32.js} +2 -2
  63. package/dist/components/{p-DTqtObrT.js → p-B6W5V130.js} +2 -2
  64. package/dist/components/{p-C9zTTp-4.js → p-B7ws0a8Z.js} +2 -2
  65. package/dist/components/{p-Bm-gpoFa.js → p-BDW8BGmy.js} +2 -2
  66. package/dist/components/{p-CsLlJDsh.js → p-BEQ2yAjW.js} +2 -2
  67. package/dist/components/{p-nrkV1PqR.js → p-BMHv8WTp.js} +2 -2
  68. package/dist/components/{p-D58kSmOp.js → p-BZJNdp6g.js} +2 -2
  69. package/dist/components/{p-v06atw3t.js → p-B_Tu52N5.js} +2 -2
  70. package/dist/components/p-BdqxED0P.js +2 -0
  71. package/dist/components/{p-DwYc62Ls.js → p-Bh2x2l2j.js} +2 -2
  72. package/dist/components/p-BnKGlfV9.js +2 -0
  73. package/dist/components/{p-DgaHxdNI.js → p-BpBeeNcM.js} +2 -2
  74. package/dist/components/{p-B3OjIxsE.js → p-BqODWrES.js} +2 -2
  75. package/dist/components/p-BrrLEO2B.js +2 -0
  76. package/dist/components/{p-CqyInbXs.js → p-Bufbdh4o.js} +2 -2
  77. package/dist/components/p-BxsOj_LX.js +2 -0
  78. package/dist/components/{p-BDhPxj59.js → p-BznhH5yZ.js} +2 -2
  79. package/dist/components/{p-BNnhxQyl.js → p-C-dGqk3e.js} +2 -2
  80. package/dist/components/{p-Bj9DsW03.js → p-C0XPq5lI.js} +2 -2
  81. package/dist/components/{p-CG636AEF.js → p-C5JaWzfu.js} +2 -2
  82. package/dist/components/{p-BaBGzDg_.js → p-CCzyYE1m.js} +2 -2
  83. package/dist/components/{p-jatJrx5f.js → p-CDetFhB9.js} +2 -2
  84. package/dist/components/{p-CKrPTQ_S.js → p-CGg8GrGq.js} +2 -2
  85. package/dist/components/p-CLN-EYZz.js +2 -0
  86. package/dist/components/{p-CottiZWN.js.map → p-CLN-EYZz.js.map} +1 -1
  87. package/dist/components/p-CMEyMMZz.js +2 -0
  88. package/dist/components/{p-CdgiqBtD.js.map → p-CMEyMMZz.js.map} +1 -1
  89. package/dist/components/{p-nHKstm2X.js → p-COTO4dlW.js} +2 -2
  90. package/dist/components/{p-CuMoDdaf.js → p-CXEfxOpA.js} +2 -2
  91. package/dist/components/p-CZGfvbsC.js +2 -0
  92. package/dist/components/{p-BQIS-JBV.js → p-CbWiiNJL.js} +2 -2
  93. package/dist/components/{p-DZ4ogW8V.js → p-Cct10sTX.js} +2 -2
  94. package/dist/components/p-Cgowjgod.js +2 -0
  95. package/dist/components/{p-DBuVH8IL.js → p-CjAkXCwI.js} +2 -2
  96. package/dist/components/{p-CioJtwj-.js → p-CjknknP6.js} +2 -2
  97. package/dist/components/{p-DdTTiJbE.js → p-CsHiDnB-.js} +2 -2
  98. package/dist/components/{p-CVH3vlKv.js → p-CuC7MNAM.js} +2 -2
  99. package/dist/components/{p-i8IFRTdL.js → p-Cw-_pWl-.js} +2 -2
  100. package/dist/components/{p-DnLJBwZR.js → p-D4LmYvoM.js} +2 -2
  101. package/dist/components/{p-DMzn0Iz0.js → p-D4PyTfe4.js} +2 -2
  102. package/dist/components/p-D4fagxgG.js +2 -0
  103. package/dist/components/p-D8jJZbTy.js +2 -0
  104. package/dist/components/p-D8jJZbTy.js.map +1 -0
  105. package/dist/components/{p-ByWVc-XC.js → p-DGxkSNZ-.js} +2 -2
  106. package/dist/components/{p-BS2SWUX6.js → p-DKir2dIt.js} +2 -2
  107. package/dist/components/{p-CF5IKGi5.js → p-DRiOEv4L.js} +2 -2
  108. package/dist/components/{p-DVuQ4t_X.js → p-DTOzpQD8.js} +2 -2
  109. package/dist/components/{p-CZ6kkjYF.js → p-DVbSVIVZ.js} +2 -2
  110. package/dist/components/{p-CjdBPauI.js → p-DbS9bWfm.js} +2 -2
  111. package/dist/components/{p-BqAN7jax.js → p-DdXfvS4U.js} +2 -2
  112. package/dist/components/p-DkxTx6nY.js +2 -0
  113. package/dist/components/{p-t3cG0BK6.js.map → p-DkxTx6nY.js.map} +1 -1
  114. package/dist/components/{p-BX6yRNGo.js → p-Dt4cCJEp.js} +2 -2
  115. package/dist/components/{p-Bp9BMsim.js → p-DtoC1d2_.js} +2 -2
  116. package/dist/components/{p-BPh3sXo6.js → p-DvF8zgEi.js} +2 -2
  117. package/dist/components/{p-CR1YZ3na.js → p-DxVl-YSW.js} +2 -2
  118. package/dist/components/{p-DSsOLbj6.js → p-DyL_ilIk.js} +2 -2
  119. package/dist/components/p-JB57brc4.js +2 -0
  120. package/dist/components/p-JLn3QBuQ.js +2 -0
  121. package/dist/components/{p-Dekg3IGr.js.map → p-JLn3QBuQ.js.map} +1 -1
  122. package/dist/components/{p-Dx5PGIAk.js → p-JdwWRJjd.js} +2 -2
  123. package/dist/components/{p-CTPT9Ngc.js → p-MCxlBxSA.js} +2 -2
  124. package/dist/components/{p-BiwhssQ8.js → p-MNhi5te8.js} +2 -2
  125. package/dist/components/p-OV_wRej-.js +2 -0
  126. package/dist/components/p-OfpR2_fh.js +2 -0
  127. package/dist/components/p-OfpR2_fh.js.map +1 -0
  128. package/dist/components/{p-C_f8s6n5.js → p-Q-gVll-_.js} +2 -2
  129. package/dist/components/{p-CGG77xzV.js → p-Qf8o2d67.js} +2 -2
  130. package/dist/components/{p-DXHBXAV0.js → p-V6FzDWfL.js} +2 -2
  131. package/dist/components/p-W-kaGeCx.js +2 -0
  132. package/dist/components/{p-Mk_F6MCP.js.map → p-W-kaGeCx.js.map} +1 -1
  133. package/dist/components/{p-Bs8X_nDB.js → p-WzQNLGYx.js} +2 -2
  134. package/dist/components/{p-1KOtWYkC.js → p-eptsxAXs.js} +2 -2
  135. package/dist/components/{p-D2FsRCII.js → p-fjRiTKvl.js} +2 -2
  136. package/dist/components/{p-C3__jhwf.js → p-gJF_-tuy.js} +2 -2
  137. package/dist/components/p-h1R5xtdy.js +2 -0
  138. package/dist/components/{p-BGKOGyFA.js → p-hcVaU3nW.js} +2 -2
  139. package/dist/components/{p-BRkEF66h.js → p-jlska1pM.js} +2 -2
  140. package/dist/components/{p-DKggy9E3.js → p-oWil-NTX.js} +2 -2
  141. package/dist/components/{p-CrxXCTnH.js → p-pYGmgv_e.js} +2 -2
  142. package/dist/components/p-rRkypR5s.js +2 -0
  143. package/dist/components/{p-CRTkSTv3.js → p-uCXQl-5J.js} +2 -2
  144. package/dist/components/{p-CUiFFtAw.js → p-uWmGtcyP.js} +2 -2
  145. package/dist/components/{p-D7cDUGTe.js → p-xbCL6ChL.js} +2 -2
  146. package/dist/components/smoothly-app-demo.js +1 -1
  147. package/dist/components/smoothly-app-room.js +1 -1
  148. package/dist/components/smoothly-app.js +1 -1
  149. package/dist/components/smoothly-button-demo-standard.js +1 -1
  150. package/dist/components/smoothly-button-demo.js +1 -1
  151. package/dist/components/smoothly-calendar.js +1 -1
  152. package/dist/components/smoothly-dialog-demo.js +1 -1
  153. package/dist/components/smoothly-dialog.js +1 -1
  154. package/dist/components/smoothly-display-demo.js +1 -1
  155. package/dist/components/smoothly-form-demo-all.js +1 -1
  156. package/dist/components/smoothly-form-demo-card.js +1 -1
  157. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  158. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  159. package/dist/components/smoothly-form-demo-date.js +1 -1
  160. package/dist/components/smoothly-form-demo-login.js +1 -1
  161. package/dist/components/smoothly-form-demo-pet.js +1 -1
  162. package/dist/components/smoothly-form-demo-prices.js +1 -1
  163. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  164. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  165. package/dist/components/smoothly-form-demo-typed.js +1 -1
  166. package/dist/components/smoothly-form-demo.js +1 -1
  167. package/dist/components/smoothly-form.js +1 -1
  168. package/dist/components/smoothly-icon-demo.js +1 -1
  169. package/dist/components/smoothly-input-checkbox-demo.js +1 -1
  170. package/dist/components/smoothly-input-checkbox.js +1 -1
  171. package/dist/components/smoothly-input-clear.js +1 -1
  172. package/dist/components/smoothly-input-color-demo.js +1 -1
  173. package/dist/components/smoothly-input-color.js +1 -1
  174. package/dist/components/smoothly-input-date-demo.js +1 -1
  175. package/dist/components/smoothly-input-date-range.js +1 -1
  176. package/dist/components/smoothly-input-date-time.js +1 -1
  177. package/dist/components/smoothly-input-date.js +1 -1
  178. package/dist/components/smoothly-input-demo-radio.js +1 -1
  179. package/dist/components/smoothly-input-demo-standard.js +1 -1
  180. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  181. package/dist/components/smoothly-input-demo.js +1 -1
  182. package/dist/components/smoothly-input-file.js +1 -1
  183. package/dist/components/smoothly-input-month.js +1 -1
  184. package/dist/components/smoothly-input-price-demo.js +1 -1
  185. package/dist/components/smoothly-input-radio-item.js +1 -1
  186. package/dist/components/smoothly-input-radio.js +1 -1
  187. package/dist/components/smoothly-input-range-demo.js +1 -1
  188. package/dist/components/smoothly-input-range.js +1 -1
  189. package/dist/components/smoothly-input-reset.js +1 -1
  190. package/dist/components/smoothly-input-select.js +1 -1
  191. package/dist/components/smoothly-input-submit.js +1 -1
  192. package/dist/components/smoothly-input.js +1 -1
  193. package/dist/components/smoothly-item.js +1 -1
  194. package/dist/components/smoothly-label.js +1 -1
  195. package/dist/components/smoothly-lazy.js +1 -1
  196. package/dist/components/smoothly-load-more.js +1 -1
  197. package/dist/components/smoothly-modal.js +1 -1
  198. package/dist/components/smoothly-notification.js +1 -1
  199. package/dist/components/smoothly-notifier.js +1 -1
  200. package/dist/components/smoothly-spinner.js +1 -1
  201. package/dist/components/smoothly-submit.js +1 -1
  202. package/dist/components/smoothly-summary.js +1 -1
  203. package/dist/components/smoothly-tab.js +1 -1
  204. package/dist/components/smoothly-table-body.js +1 -1
  205. package/dist/components/smoothly-table-cell.js +1 -1
  206. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  207. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  208. package/dist/components/smoothly-table-demo-group.js +1 -1
  209. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  210. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  211. package/dist/components/smoothly-table-demo-simple.js +1 -1
  212. package/dist/components/smoothly-table-demo.js +1 -1
  213. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  214. package/dist/components/smoothly-table-expandable-row.js +1 -1
  215. package/dist/components/smoothly-table-filler-row.js +1 -1
  216. package/dist/components/smoothly-table-foot.js +1 -1
  217. package/dist/components/smoothly-table-head.js +1 -1
  218. package/dist/components/smoothly-table-row-group.js +1 -1
  219. package/dist/components/smoothly-table-row.js +1 -1
  220. package/dist/components/smoothly-table.js +1 -1
  221. package/dist/components/smoothly-tabs-demo.js +1 -1
  222. package/dist/components/smoothly-theme-color.js +1 -1
  223. package/dist/components/smoothly-theme-colors.js +1 -1
  224. package/dist/components/smoothly-theme-demo.js +1 -1
  225. package/dist/components/smoothly-theme-guide.js +1 -1
  226. package/dist/components/smoothly-theme-picker.js +1 -1
  227. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  228. package/dist/components/smoothly-toggle-switch.js +1 -1
  229. package/dist/components/smoothly-trigger-sink.js +1 -1
  230. package/dist/components/smoothly-trigger-source.js +1 -1
  231. package/dist/components/smoothly-trigger.js +1 -1
  232. package/dist/esm/loader.js +1 -1
  233. package/dist/esm/smoothly-app_98.entry.js +228 -176
  234. package/dist/esm/smoothly-app_98.entry.js.map +1 -1
  235. package/dist/esm/smoothly-submit.entry.js +1 -1
  236. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  237. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  238. package/dist/esm/smoothly.js +1 -1
  239. package/dist/smoothly/{p-5e123fe2.entry.js → p-118fd1b8.entry.js} +2 -2
  240. package/dist/smoothly/{p-13d05a22.entry.js → p-2cd32901.entry.js} +2 -2
  241. package/dist/smoothly/{p-7a59c6a9.entry.js → p-baabb62e.entry.js} +2 -2
  242. package/dist/smoothly/{p-23badc13.entry.js → p-d2f00811.entry.js} +2 -2
  243. package/dist/smoothly/p-d2f00811.entry.js.map +1 -0
  244. package/dist/smoothly/smoothly.esm.js +1 -1
  245. package/dist/types/components/input/select/index.d.ts +18 -9
  246. package/dist/types/components/input/select/layout.d.ts +6 -0
  247. package/dist/types/components/input/select/menu.d.ts +10 -0
  248. package/dist/types/components/input/select/scroll.d.ts +3 -0
  249. package/dist/types/components.d.ts +5 -3
  250. package/package.json +1 -1
  251. package/dist/components/p-3dApo-uA.js +0 -2
  252. package/dist/components/p-4y8eF-fy.js +0 -2
  253. package/dist/components/p-BQSKXVmh.js +0 -2
  254. package/dist/components/p-CDQM-sOT.js +0 -2
  255. package/dist/components/p-CMiST1Tm.js +0 -2
  256. package/dist/components/p-CdgiqBtD.js +0 -2
  257. package/dist/components/p-CottiZWN.js +0 -2
  258. package/dist/components/p-CqSJ0pgl.js +0 -2
  259. package/dist/components/p-CrcmijCR.js +0 -2
  260. package/dist/components/p-Cvl7cLxT.js +0 -2
  261. package/dist/components/p-D2cHi1Nb.js +0 -2
  262. package/dist/components/p-D9qp7S6Q.js +0 -2
  263. package/dist/components/p-DbIjGsJb.js +0 -2
  264. package/dist/components/p-DbIjGsJb.js.map +0 -1
  265. package/dist/components/p-Dekg3IGr.js +0 -2
  266. package/dist/components/p-Mk_F6MCP.js +0 -2
  267. package/dist/components/p-RNCr3p17.js +0 -2
  268. package/dist/components/p-RNCr3p17.js.map +0 -1
  269. package/dist/components/p-t3cG0BK6.js +0 -2
  270. package/dist/components/p-thKhutym.js +0 -2
  271. package/dist/smoothly/p-23badc13.entry.js.map +0 -1
  272. /package/dist/components/{p-iucZC6z5.js.map → p-0vl7fnbi.js.map} +0 -0
  273. /package/dist/components/{p-R4uIvvER.js.map → p-7ReeDB-R.js.map} +0 -0
  274. /package/dist/components/{p-D1uYEo7L.js.map → p-97N6vnZd.js.map} +0 -0
  275. /package/dist/components/{p-BaGuG5hS.js.map → p-9Fc5vWzs.js.map} +0 -0
  276. /package/dist/components/{p-CtN3gqjJ.js.map → p-B11YJh32.js.map} +0 -0
  277. /package/dist/components/{p-DTqtObrT.js.map → p-B6W5V130.js.map} +0 -0
  278. /package/dist/components/{p-C9zTTp-4.js.map → p-B7ws0a8Z.js.map} +0 -0
  279. /package/dist/components/{p-Bm-gpoFa.js.map → p-BDW8BGmy.js.map} +0 -0
  280. /package/dist/components/{p-CsLlJDsh.js.map → p-BEQ2yAjW.js.map} +0 -0
  281. /package/dist/components/{p-nrkV1PqR.js.map → p-BMHv8WTp.js.map} +0 -0
  282. /package/dist/components/{p-D58kSmOp.js.map → p-BZJNdp6g.js.map} +0 -0
  283. /package/dist/components/{p-v06atw3t.js.map → p-B_Tu52N5.js.map} +0 -0
  284. /package/dist/components/{p-CqSJ0pgl.js.map → p-BdqxED0P.js.map} +0 -0
  285. /package/dist/components/{p-DwYc62Ls.js.map → p-Bh2x2l2j.js.map} +0 -0
  286. /package/dist/components/{p-D9qp7S6Q.js.map → p-BnKGlfV9.js.map} +0 -0
  287. /package/dist/components/{p-DgaHxdNI.js.map → p-BpBeeNcM.js.map} +0 -0
  288. /package/dist/components/{p-B3OjIxsE.js.map → p-BqODWrES.js.map} +0 -0
  289. /package/dist/components/{p-3dApo-uA.js.map → p-BrrLEO2B.js.map} +0 -0
  290. /package/dist/components/{p-CqyInbXs.js.map → p-Bufbdh4o.js.map} +0 -0
  291. /package/dist/components/{p-CDQM-sOT.js.map → p-BxsOj_LX.js.map} +0 -0
  292. /package/dist/components/{p-BDhPxj59.js.map → p-BznhH5yZ.js.map} +0 -0
  293. /package/dist/components/{p-BNnhxQyl.js.map → p-C-dGqk3e.js.map} +0 -0
  294. /package/dist/components/{p-Bj9DsW03.js.map → p-C0XPq5lI.js.map} +0 -0
  295. /package/dist/components/{p-CG636AEF.js.map → p-C5JaWzfu.js.map} +0 -0
  296. /package/dist/components/{p-BaBGzDg_.js.map → p-CCzyYE1m.js.map} +0 -0
  297. /package/dist/components/{p-jatJrx5f.js.map → p-CDetFhB9.js.map} +0 -0
  298. /package/dist/components/{p-CKrPTQ_S.js.map → p-CGg8GrGq.js.map} +0 -0
  299. /package/dist/components/{p-nHKstm2X.js.map → p-COTO4dlW.js.map} +0 -0
  300. /package/dist/components/{p-CuMoDdaf.js.map → p-CXEfxOpA.js.map} +0 -0
  301. /package/dist/components/{p-4y8eF-fy.js.map → p-CZGfvbsC.js.map} +0 -0
  302. /package/dist/components/{p-BQIS-JBV.js.map → p-CbWiiNJL.js.map} +0 -0
  303. /package/dist/components/{p-DZ4ogW8V.js.map → p-Cct10sTX.js.map} +0 -0
  304. /package/dist/components/{p-BQSKXVmh.js.map → p-Cgowjgod.js.map} +0 -0
  305. /package/dist/components/{p-DBuVH8IL.js.map → p-CjAkXCwI.js.map} +0 -0
  306. /package/dist/components/{p-CioJtwj-.js.map → p-CjknknP6.js.map} +0 -0
  307. /package/dist/components/{p-DdTTiJbE.js.map → p-CsHiDnB-.js.map} +0 -0
  308. /package/dist/components/{p-CVH3vlKv.js.map → p-CuC7MNAM.js.map} +0 -0
  309. /package/dist/components/{p-i8IFRTdL.js.map → p-Cw-_pWl-.js.map} +0 -0
  310. /package/dist/components/{p-DnLJBwZR.js.map → p-D4LmYvoM.js.map} +0 -0
  311. /package/dist/components/{p-DMzn0Iz0.js.map → p-D4PyTfe4.js.map} +0 -0
  312. /package/dist/components/{p-thKhutym.js.map → p-D4fagxgG.js.map} +0 -0
  313. /package/dist/components/{p-ByWVc-XC.js.map → p-DGxkSNZ-.js.map} +0 -0
  314. /package/dist/components/{p-BS2SWUX6.js.map → p-DKir2dIt.js.map} +0 -0
  315. /package/dist/components/{p-CF5IKGi5.js.map → p-DRiOEv4L.js.map} +0 -0
  316. /package/dist/components/{p-DVuQ4t_X.js.map → p-DTOzpQD8.js.map} +0 -0
  317. /package/dist/components/{p-CZ6kkjYF.js.map → p-DVbSVIVZ.js.map} +0 -0
  318. /package/dist/components/{p-CjdBPauI.js.map → p-DbS9bWfm.js.map} +0 -0
  319. /package/dist/components/{p-BqAN7jax.js.map → p-DdXfvS4U.js.map} +0 -0
  320. /package/dist/components/{p-BX6yRNGo.js.map → p-Dt4cCJEp.js.map} +0 -0
  321. /package/dist/components/{p-Bp9BMsim.js.map → p-DtoC1d2_.js.map} +0 -0
  322. /package/dist/components/{p-BPh3sXo6.js.map → p-DvF8zgEi.js.map} +0 -0
  323. /package/dist/components/{p-CR1YZ3na.js.map → p-DxVl-YSW.js.map} +0 -0
  324. /package/dist/components/{p-DSsOLbj6.js.map → p-DyL_ilIk.js.map} +0 -0
  325. /package/dist/components/{p-Cvl7cLxT.js.map → p-JB57brc4.js.map} +0 -0
  326. /package/dist/components/{p-Dx5PGIAk.js.map → p-JdwWRJjd.js.map} +0 -0
  327. /package/dist/components/{p-CTPT9Ngc.js.map → p-MCxlBxSA.js.map} +0 -0
  328. /package/dist/components/{p-BiwhssQ8.js.map → p-MNhi5te8.js.map} +0 -0
  329. /package/dist/components/{p-D2cHi1Nb.js.map → p-OV_wRej-.js.map} +0 -0
  330. /package/dist/components/{p-C_f8s6n5.js.map → p-Q-gVll-_.js.map} +0 -0
  331. /package/dist/components/{p-CGG77xzV.js.map → p-Qf8o2d67.js.map} +0 -0
  332. /package/dist/components/{p-DXHBXAV0.js.map → p-V6FzDWfL.js.map} +0 -0
  333. /package/dist/components/{p-Bs8X_nDB.js.map → p-WzQNLGYx.js.map} +0 -0
  334. /package/dist/components/{p-1KOtWYkC.js.map → p-eptsxAXs.js.map} +0 -0
  335. /package/dist/components/{p-D2FsRCII.js.map → p-fjRiTKvl.js.map} +0 -0
  336. /package/dist/components/{p-C3__jhwf.js.map → p-gJF_-tuy.js.map} +0 -0
  337. /package/dist/components/{p-CrcmijCR.js.map → p-h1R5xtdy.js.map} +0 -0
  338. /package/dist/components/{p-BGKOGyFA.js.map → p-hcVaU3nW.js.map} +0 -0
  339. /package/dist/components/{p-BRkEF66h.js.map → p-jlska1pM.js.map} +0 -0
  340. /package/dist/components/{p-DKggy9E3.js.map → p-oWil-NTX.js.map} +0 -0
  341. /package/dist/components/{p-CrxXCTnH.js.map → p-pYGmgv_e.js.map} +0 -0
  342. /package/dist/components/{p-CMiST1Tm.js.map → p-rRkypR5s.js.map} +0 -0
  343. /package/dist/components/{p-CRTkSTv3.js.map → p-uCXQl-5J.js.map} +0 -0
  344. /package/dist/components/{p-CUiFFtAw.js.map → p-uWmGtcyP.js.map} +0 -0
  345. /package/dist/components/{p-D7cDUGTe.js.map → p-xbCL6ChL.js.map} +0 -0
  346. /package/dist/smoothly/{p-5e123fe2.entry.js.map → p-118fd1b8.entry.js.map} +0 -0
  347. /package/dist/smoothly/{p-13d05a22.entry.js.map → p-2cd32901.entry.js.map} +0 -0
  348. /package/dist/smoothly/{p-7a59c6a9.entry.js.map → p-baabb62e.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: '0fed4a319580841ba1d3281fb084b91a4d7b5a68', 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: '5a606bfedb2eb8cf6a503386d2d5e16f0f60c090', tabIndex: -1 }, h("slot", { key: 'a7912c7b3ac7ecb40e61058d949b4cc62806246d' })));
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: 'd6dfddb0df4c99de8e075141cf16d3f4ca4c861a', 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: '1f56e22de589b47ac208c96ee5c84edd8484e3a4' })));
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: '0b17b27ef091a5cbf3efedc7560c0af506f8927a' }, h("slot", { key: '7cb9a362b4540fbdcdc579bf95a273e7c13fad25', name: "before" }), h("smoothly-load-more", { key: '7dde9ba1e78a9a7f0eeeefbe124c3410f367bd3e', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'fbe22ffca8fa781a19bf07537f294be36a8bc212' })));
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: '1b86dd2400a791b125a24513cb9514face925d3d' });
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: '36caaa17bfd076dd297f58ccb9ac4a12871343a7', 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: '4c0f2d6537496a8b2392aacddd9ba9db9c5d6052', class: "modal" }, h("div", { key: '0ecf5c976360402e1117570ef10bd3e46f69ff2b', class: "header" }, h("slot", { key: '93b7f39f4a41f83743bc766a3c6e35f3ac1c324f', name: "header" }), this.closable && h("smoothly-icon", { key: 'c61e00a97962890149cb89c0daf5df907c7dfb6e', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: 'fda69f545df08c71f58c85ea096fed500a6c6ff6' }), h("div", { key: 'c7e180ef59712c1096aa12359eac3e97d0c42d6e', class: "actions" }, h("slot", { key: '7cfef8c5cdf40fc9eedb5a0fa2538e02d82be8a7', 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: '02ae0659b1c3c7e4e5e74ac356bb94cf91ef8835', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '4525814eb8b98479507575f107ea3f89f708bc56', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'd611ae4917fa50ef7d0e397a96fec34aee39cb72', name: "close-circle-outline" }))), h("span", { key: '30b99783d4c02842315a782a4029f97a450f5a2b', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '147a0858cc23b98e8aac82463ab19b1891896d1a', name: this.properties[1] }), h("p", { key: '45d9c9e89189a31941461500868439768c3199e6' }, 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: '6da528516e01fc32e6f17fd480068664b5c9e021' }, h("slot", { key: '1067e9afd266e04d3e0b32a79f974762f3bad7d2' }), h("div", { key: '493f3f5119c9c66fd6e5f9ee90d7b4fea22dc30f', 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: '9a0cc6ad21f0c3bfce350ba2a2c83272891844d6', 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: '669a73232e58cb2d87dca969cd32150f2fd010f5', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '31faf5cfc5a15e627ad7875af4cd16f6e9adac09', 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: 'ae0834363121d13204f7ebb794c44acfe10ca71e', disabled: this.disabled, type: this.type }, h("slot", { key: '7cafd59438f3f509652a416964338f8e6a87b9f4' })));
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: 'd77e78b718fca10f4d8e9e2bdae4112cffb4cfc3', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '5e264e08db22ec0eb85433d3d72f0f12d10cd2c1' }, h("smoothly-icon", { key: '36d49d1d21151034a35fca5b93a064074d49bb84', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '55164da27444d19c18b6b931813d12a3d5a4abe4', name: "summary" })), h("slot", { key: 'b459e14735415bee4c85af02cff23c0675372931', 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: '383e7918b3e1e57f2970da2d97f19f2628a53e64' }, h("slot", { key: '8d9059eed589799ad9eea2132a0bd2b10aabc03e' })));
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: '2c1a6679cabf05342c1e8a783a4a8fb27fd8c6f1', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '3a33c09387abdf5f499ba1f92dcf92b5b7f71a2d' })));
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: '1b9dfde05087d6be2711b86baca19630286b2322' }, h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', 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: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', 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: 'f857bf2706fea0bc7bef38da1231c17460e9c609' }, h("smoothly-display", { key: '56bb55f00ea43d80e8b94460bb2e951bc741aa72', type: "text", value: "Filler row" }), h("smoothly-table", { key: '3a6c43bc37797672d40417395ffdacca1b52f327', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '09289f8564422ceb0f8b7d33040a561d35dc9a02' }, h("smoothly-table-row", { key: '9675f44ce397953bc4b674bc768299d3a018820e' }, h("smoothly-table-cell", { key: '8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0' }, "Breed"), h("smoothly-table-cell", { key: '721fc804d59cb6dca7b66b2fd38dd700172322be' }, "Country"), h("smoothly-table-cell", { key: 'e8fbd6258f7167841eef83776e00406cd9ed3690' }, "Coat"), h("smoothly-table-cell", { key: '3e514eab5bb013da0d23cdde06324492bb97632b' }, "Origin"))), h("smoothly-table-body", { key: 'a14df5fcfad26c2d54ef13810e409ed65f72ac39' }, 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: '9af97a2dd73e554ea9c1bff231782e9889157fde' }, h("smoothly-display", { key: '2257c3cba1ba5ce0431e32f53dfd92573b25bcb3', type: "text", value: "Group" }), h("smoothly-table", { key: '90b901a78ae391af9f7acdd0ef1c494a8f6fe133', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '972dd604c495658a4655c9d4afbe7585b7f34e9e' }, h("smoothly-table-row", { key: '71e959f5666e68ad006252a4591a194840495936' }, h("smoothly-table-cell", { key: '62d2bd26dce8826b74dc4c8e8c569532cc07ca45' }, "Date"), h("smoothly-table-cell", { key: 'f866b0f9719d679f6a7830c65ac3391491c00349' }, "Total"))), h("smoothly-table-body", { key: '70dc05107403877ad47644460a09d3250c1ddd1e' }, h("smoothly-table-row-group", { key: 'e7f2268c625dcdb0350b9b6171fdbeb3163d8413', align: true }, h("smoothly-display", { key: 'dac67a56a4fc3ab520128b3b63646cde0c6fcbce', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'ed4b8fd5dcafc2cae49e475b4c091d35b2b30b3f', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: 'ff08cffdfcec5945cb13ea713e5379ff16e8e917' }, h("smoothly-table-cell", { key: '2575df31b1c799750a491c07400b90f3c8c0732e' }, h("smoothly-display", { key: 'a72e50c14f31b8061a78eb378fdf243e6a757d9a', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b88eb73fcb09cbce241d452905f767498da92335' }, h("smoothly-display", { key: 'bf82b932285431bc9beb341f8c5bd9aaa5b56766', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '0f51682b219b4130d614bffb8399011764f81018', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '24aedfa873558b5bfc91d12ed8a1283097b11add' }, h("smoothly-table-cell", { key: '5e7a30c94f9c8b5607ced0bdc1756ba89a9b19e9' }, h("smoothly-display", { key: 'bc14c1e289193e3be9bf3ba4940e11eb2db915f7', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'd82b33d05e427ec17f8aae619b168e6968addb68' }, h("smoothly-display", { key: 'a9b7548b18d6ba3dfa509ce436bc90848a485f15', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5f6c95d971232a61ba4366a0506c6a4d6e143b08', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '5e50d0d8833c2d51d3926dd13d13632be5d4a14a' }, h("smoothly-table-cell", { key: '500e6fa274591bfa46fb7df980e5c00e66950f1f' }, h("smoothly-display", { key: 'f3b0357299f95a2708a205a2d6a36fc9153a113c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'e714d0a9d84bc9c2fb7e63df0a5a2242ff0aeb47' }, h("smoothly-display", { key: 'f77b5b7645e03522332aad7c867cc9cc7d50ce5a', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'd5563da2fba612869aee7e52891dbe3bbbb3eb5b' }, h("smoothly-display", { key: '938b397b77eccae59e9d75c6095314b04d49005d', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '94cf02e6a97968bc0698e36db986b8f201f383e3', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'cd8a0312c1308565eecd1989eff865836259e9ec' }, h("smoothly-table-cell", { key: '6e53dceadf261cfd110895b6803f85f428fbc788' }, h("smoothly-display", { key: '7f006f2a033a00961c7a6a3d68c22f873857ad98', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '039d08030bd0f63af9c1afa1a728dadc9680ae82' }, h("smoothly-display", { key: 'd88710af1a900007217541f3943e5a7efb5a2a3f', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'fdcd37bb700758be174cc0e5713b4c07403f8682', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '79b4d9f391ef6ab8841d2de05cf8aa55ef8a59ec' }, h("smoothly-table-cell", { key: 'c1261022a5c3fffe6119e321d129907c07fe18ac' }, h("smoothly-display", { key: '5748d8bc6db59fab0f80ce1812f569287d808b81', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '118a115ba40c16775073062b039d382e5501cca4' }, h("smoothly-display", { key: '42d80083625b2e8374f00c629ea64802788c8459', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '808b3347c13ec37e4a4a1b63c91392eb667e4f66', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '6f0a95e81ca788091fc90768f1a0f295fa35b6b9' }, h("smoothly-display", { key: '731be311b19de2a133edc969fc6561ded4e6aa99', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'e09a2691c08602f3fda9b2803a30ea5056761c27' }, h("smoothly-table-cell", { key: 'e50ef37a30a54a6d1b76cd27fe678c6d4e998486' }, h("smoothly-display", { key: '2b2147f209ef7ef3fcdefe8526d8332188a64e60', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'df7f27802f806d3d63c9855f49b26a7281ab2c7e' }, h("smoothly-display", { key: '0945da5982870fab2637680ecaa974801c046690', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'be7bcd85defabd41296f9e428cbac22bdf52fffc', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '4caaa5c8890ff1aca72adea083a6fe58f23ffc1d' }, h("smoothly-table-cell", { key: '46ffccf1ff8e575e1784a8a8b62799c163f76bff' }, h("smoothly-display", { key: 'df4c90a165a16556072af954ddd2ecf2a25fb6cb', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'c42afea6b5256e18b5c0bd235abb00a5589a1639' }, h("smoothly-display", { key: 'afd91932af6b3d9df399e31f3a3dfb3710dd67da', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '116923536874fae3bf8f248c654620d7e9d84caf', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'c5bfe45b4fe1f13f93cfd525ae19d50442851294' }, h("smoothly-display", { key: 'bd7d161f3cafdcbd699db62bc17723818ef72549', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '6c23d8c95b24d54b1b331353e18b75069d088ead' }, h("smoothly-table-cell", { key: 'bb493a1fd99fffea71a80b2ee6896461c6690b67' }, h("smoothly-display", { key: 'a97142706d066ef6044dd8c2ffebf1dd205a42aa', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'd1dc093bebe2b4983aba8a146958dd91ba25e3d1' }, h("smoothly-display", { key: '375f129f914048e76c1fcb32b9f95eb83acca27c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '0b75809560b5a2eef3e8efb5a1d4b413430ffff9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b53719c5188bb125812eec710b00bf93a7d64fce' }, h("smoothly-table-cell", { key: '20012bd7ea22477b21ca4c6522e04a2296cb5e95' }, h("smoothly-display", { key: '6bbd6c62dad1231cb57e68df58ccceaa33ec76ea', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a04700a2c7ba95e6912a0c8685dd394e1116e56a' }, h("smoothly-display", { key: '28993df17be6cd71f9d8da5580bd13173e5b1728', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '716d3711fb1ba17f1b07e40d0cc4e42f77d6e48a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '5a8d87d22055a3cc9a6eb3fac647b3b10ddf3107' }, h("smoothly-table-row-group", { key: '6c29d6604c34f297e75f4b5d6b1599b38e3f5c4f' }, h("smoothly-display", { key: '25835c64a61ef3ef5ded3ec48be000c759f3c263', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'b986fbafe80daab7dd7a2c522785c633406c01c0', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '6f0817c4ed598275401f6d86c869dd39b3b900bb' }, h("smoothly-table-row", { key: 'c627b346517b950d2883bed648e8acd06991f7dd' }, h("fake-cell-wrapper", { key: '2136dcadb092ce67f4ce986fe3bd1d73759ad03b' }, h("smoothly-table-cell", { key: '21f1b8c4df866a68caee5da599e1bb8219e042b7' }, h("smoothly-display", { key: '857236ba64c06093da4c1ecb7eae6710c2cddbce', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'c840c1896076ee2ca7e6bf3217b6f89ec3cfac7e' }, h("smoothly-table-expandable-cell", { key: 'b5dd3983275b0e6948b71d4d5d4e8696ed9a0373' }, h("smoothly-display", { key: '44b2aa3acfebb161747e8e693fcadd6a95c1f2df', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'e555b070d789e2ec97a730de08dd5b4c479eb06a', 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: '47afe4d30b2e7a0f29f019489d00f93679b3b3f5' }, h("smoothly-table-expandable-row", { key: '0e066e8ef7beb4f5212b7ab366faa8e8a766f8fc' }, h("fake-cell-wrapper", { key: 'c1e8f9e0bc80e21f5cf13a9e1c08dccfc69812a6', class: "span-2" }, h("smoothly-table-cell", { key: 'aa446fc3558e1777af3f7db9de01838e2f7da1b9', span: 2 }, h("smoothly-display", { key: '80800c6bc0d00193c959425eb1e72d82f74519e1', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '761732bea1df5e3e78dadef9c2817610e50169ff', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'ccc5676e70c09b50f05a5429c8bbba6e7c0031df' }, h("smoothly-display", { key: '8ef9e40351c078324f6f599addbf8d767b4d4a77', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'fb97dc92fb8b501a5bcf89e68a1d8ebba1a856b4', 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: '35794212738d56a6ee77383f2cdee89a57db82f1' }, h("smoothly-table-demo-filler-row", { key: '4eeaba2055e5ad58c8e9942264a5f8d81c04e29e' }), h("smoothly-table-demo-group", { key: 'e8d15d7d715d993385df9de46b4dc42597f3a120' }), h("smoothly-table-demo-colspan", { key: '7ae3ade7115e92e55cb992749b6a5e5a6371634d' }), h("smoothly-table-demo-simple", { key: 'edd4c2e7e16c3c9bbb2e28f4321b66fad061e339' }), h("smoothly-table-demo-nested-no-cell", { key: 'd07a40ff623a290ea90367b1b170ecd93b150565' })));
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: '460dd1e98f1ee50a19fbbcc297389ce8406bb59c' }, h("smoothly-display", { key: '36a48c1134c56fb73ee494a3d5838a07485473a1', type: "text", value: "Nested" }), h("smoothly-table", { key: '8eaba9ebaaad200fa7bd0addaca098651dff32c4', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '0a4c113f707aa20076ea30a3a5dd2f27152fedac' }, h("smoothly-table-row", { key: '0c4d3e3ded2c62be537c7304d37533ba3a53e9ac' }, h("div", { key: 'f59f569ba6872affb34f6cf043f08a597f171e2e', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'a72101553c2d7af6d2ce92d488b7cb0aaf622fca', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'c442f7e5260320209001d6b381089a68f33cf0c1', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'd5c73e0cafdfa5db279babe93176b0efebffb256', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'd668bf984ce8de36976bf95f2ede82f0770336d6', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '9f92f505cef3b3fa10538a33ce94d1aea27e8496', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'def6a9aad7bb6fb64bf6400650c75c5bf89fcec4', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '1e0aad645cb72a7dc7cde05d0e30cb46a86de437', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '409e2bb51254cbfcb7f87bc77f0723e4ecbf162f' }, 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: '5c99a61adab8729709a0887dd866b462e6737554' }, h("smoothly-table-row", { key: '2d224a2a8ad6e35ff2c36eadec885de9f0203b48' }, h("div", { key: '78480235c2e055b5960c5a049314e323528e6030', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: 'ba6d2fb174d44ad05eb6d99deec082a8180a247b', 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: 'aac05d43b4512b20fa4cec737ccb31ec3a528b56' }, h("smoothly-table", { key: 'b022de2650d8db21e46aab409b8d1df0dc409f80', columns: 4 }, h("smoothly-table-head", { key: '6516f877eb54fdebc85619885a92389af7ec34da' }, h("smoothly-table-row", { key: '8951f89b3230404a2fc8fc6ef1d48a20abea803c' }, h("div", { key: '82ee1252466066d77df7f70385faa4f83850d9a7', class: "smoothly-table-cell" }, "Id"), h("div", { key: '7145ba1e199eadecb5dd727ae1adfa52d25e4bce', class: "smoothly-table-cell" }, "Name"), h("div", { key: '60d99a7d209367adea18000214d01b4a3e1905b9', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'ee489d4b66d755c9590cf0dfe23fe09c440773aa', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '86837cf19c76e57fe423dd185e1c877e4f04b192' }, (_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: '70206f06c6f0927b7fd56f6c447441883cdb8cbb' }, h("smoothly-display", { key: 'fe882f04329755107f28029e6c3ed3162e2a6f2d', type: "text", value: "Simple" }), h("smoothly-table", { key: '943c5b0e05764d07eb88e9723c42214c7c785a74', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'e26f7945d199844450707d36aa848e7ef5e85e4c' }, h("smoothly-table-row", { key: 'f60bcd540697bf27ef22ba3b2db828c1eaba8a18' }, h("smoothly-table-cell", { key: '5e2e2d9f3724051fd61ff787caae7e47c120e31f' }, "Breed"), h("smoothly-table-cell", { key: '5ac9dddc03f397574b16d7809938f133be3a5e32' }, "Coat"))), h("smoothly-table-body", { key: '48228f02bdc713ef18e1e9400c7b274b6ed7a91f' }, 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: '04146e8b286cede980153a96645635ec21d87135' }, h("smoothly-table-cell", { key: '37ff22202464b1ef68aecea476a5070e3612fa5d' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '0db694a71548c2a27909bd2b74e9c4e24e1368cb' }, "Expandable Cell", h("div", { key: 'f73430644f301ba65ff5b10affee17b767dda779', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'd8e43c4f6104f2ea9ed4a3e1d5526f4216cd1755' }, h("smoothly-table-expandable-cell", { key: 'd63e6c60646e17005dcd1502603ecb0a0bc58519' }, "Expandable Cell 1", h("div", { key: 'f7892854c7a6284ac783062ddf9a99dda3693dc9', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'f46176b69a8f96ad79ab20d0c7ad48dc25830437' }, "Expandable Cell 2", h("div", { key: '7a77dc2d15bb99724a61c606cc21760361f03187', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '48288078e1087b9a080970b292019f34c154516f' }, h("smoothly-table-row", { key: '36df570d42c5b836f46876778c1be549ddacf5d9' }, h("smoothly-table-cell", { key: 'b428dbfbc9460d84ca3c86d3e9b3c911e4bf174e' }, "Footer Cell"), h("smoothly-table-cell", { key: '3f288427d5c543e60e9aaf1419b265ce7a26d452' }, "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: '80017dcf8950e676a48dc9aedc3d11ba12cf011e', 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: '57e34f20710f1694470a5e8d481d51480d4afb36', class: "content" }, h("slot", { key: '664f3698eb43707e4a53a252a57e0e43ddebfb40' })), h("div", { key: 'e010fe7654eaec8fc4418cb1560d0f8b3b82df7d', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'c524d17ac1f1fd7ed8070cf9eb07590fd0059ca7', 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: 'c3888ffed7c052d5df798d01e6137bbe7057e4e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'cdd186acc3862b6125c85942a673415da659ffa7' }), h("div", { key: '1be46ebc8404b04d5bcc7174f4fa36e0e29a8bee', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '2d16b8dbcd03e0672f585a6d89e72d070b572299', 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: '74889d28c93b9142041a444f3c88842851eabfee' }, h("smoothly-table-cell", { key: 'f085bb29ceb64ec8a0e6a1b2ef07323aaf79dbff' }, h("slot", { key: 'c09f20c0fe10bac51d4c2ebb12127935092e8d90' }))));
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: '6e3eec46ba1665a4c6cc1131fbf406b1aa997364' }, h("slot", { key: '816b86c8c621a8625378e307df634a1b820fdff3' })));
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: 'e7c58f7d7b9fcc27145e398a64c04451b3169a29' }, h("div", { key: '93b4472da7d3c7f0135862eff75390b0ad0ca2c2', onClick: () => this.clickHandler() }, h("div", { key: '36579099012a695455c882f8888f54b49acab4ac' }, h("slot", { key: '75921365a284a67e75723d2618dbc58568cd1a43', name: "start" })), h("div", { key: '9eec76375486c07dcc1e1a4e2474b4ef4b3fd804' }, h("slot", { key: '668fe80f0dd42ac7a103b5952f8c15215fa70076', name: "end" }))), h("div", { key: '60747a2e17ae4fa7fd44c02fdb140bf59f233736' }, h("slot", { key: 'f333d49e6caf4f252a3db59ee0768a8d07961086' }))));
17
17
  }
18
18
  static get is() { return "smoothly-table-row-group"; }
19
19
  static get encapsulation() { return "scoped"; }