smoothly 1.2.1-alpha.25 → 1.2.1-alpha.27

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 (363) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_107.cjs.entry.js +85 -81
  3. package/dist/cjs/smoothly-app_107.cjs.entry.js.map +1 -1
  4. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  5. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  6. package/dist/cjs/smoothly.cjs.js +1 -1
  7. package/dist/collection/components/input/file/index.js +14 -1
  8. package/dist/collection/components/input/file/index.js.map +1 -1
  9. package/dist/collection/components/input/file/style.css +15 -7
  10. package/dist/collection/components/input/month/index.js +2 -2
  11. package/dist/collection/components/input/radio/index.js +1 -1
  12. package/dist/collection/components/input/radio/item/index.js +1 -1
  13. package/dist/collection/components/input/range/demo/index.js +1 -1
  14. package/dist/collection/components/input/range/index.js +2 -2
  15. package/dist/collection/components/input/reset/index.js +1 -1
  16. package/dist/collection/components/input/select/index.js +3 -3
  17. package/dist/collection/components/input/submit/index.js +1 -1
  18. package/dist/collection/components/item/index.js +1 -1
  19. package/dist/collection/components/label/index.js +2 -2
  20. package/dist/collection/components/lazy/index.js +1 -1
  21. package/dist/collection/components/load-more/index.js +1 -1
  22. package/dist/collection/components/modal/index.js +2 -2
  23. package/dist/collection/components/next/demo/colspan/index.js +1 -1
  24. package/dist/collection/components/next/demo/filtered/index.js +5 -5
  25. package/dist/collection/components/next/demo/group/index.js +1 -1
  26. package/dist/collection/components/next/demo/index.js +1 -1
  27. package/dist/collection/components/next/demo/nested/index.js +1 -1
  28. package/dist/collection/components/next/demo/nested/inner/index.js +1 -1
  29. package/dist/collection/components/next/demo/simple/simple.js +1 -1
  30. package/dist/collection/components/next/table/body/index.js +1 -1
  31. package/dist/collection/components/next/table/cell/index.js +1 -1
  32. package/dist/collection/components/next/table/expandable/cell/index.js +1 -1
  33. package/dist/collection/components/next/table/expandable/row/index.js +1 -1
  34. package/dist/collection/components/next/table/foot/index.js +1 -1
  35. package/dist/collection/components/next/table/group/index.js +1 -1
  36. package/dist/collection/components/next/table/head/index.js +1 -1
  37. package/dist/collection/components/next/table/index.js +1 -1
  38. package/dist/collection/components/next/table/row/index.js +1 -1
  39. package/dist/collection/components/notification/index.js +1 -1
  40. package/dist/collection/components/notifier/index.js +2 -2
  41. package/dist/collection/components/spinner/index.js +2 -2
  42. package/dist/collection/components/submit/index.js +1 -1
  43. package/dist/collection/components/summary/index.js +1 -1
  44. package/dist/collection/components/table/cell/index.js +1 -1
  45. package/dist/collection/components/table/demo/filtered/index.js +5 -5
  46. package/dist/collection/components/table/demo/index.js +1 -1
  47. package/dist/collection/components/table/demo/testing/index.js +1 -1
  48. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  49. package/dist/collection/components/table/expandable/row/index.js +1 -1
  50. package/dist/collection/components/table/footer/index.js +1 -1
  51. package/dist/collection/components/table/header/index.js +1 -1
  52. package/dist/collection/components/table/index.js +1 -1
  53. package/dist/collection/components/table/row/index.js +1 -1
  54. package/dist/collection/components/tabs/demo/index.js +1 -1
  55. package/dist/collection/components/tabs/index.js +1 -1
  56. package/dist/collection/components/tabs/tab/index.js +1 -1
  57. package/dist/collection/components/theme/color/index.js +1 -1
  58. package/dist/collection/components/theme/demo/index.js +1 -1
  59. package/dist/collection/components/theme/guide/index.js +8 -8
  60. package/dist/collection/components/theme/picker/index.js +2 -2
  61. package/dist/collection/components/toggle/index.js +1 -1
  62. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  63. package/dist/collection/components/toggle-switch/index.js +1 -1
  64. package/dist/collection/components/trigger/index.js +1 -1
  65. package/dist/collection/components/trigger/sink/index.js +1 -1
  66. package/dist/collection/components/trigger/source/index.js +1 -1
  67. package/dist/components/{p-159e0579.js → p-0010cb73.js} +2 -2
  68. package/dist/components/{p-159e0579.js.map → p-0010cb73.js.map} +1 -1
  69. package/dist/components/{p-234b67cb.js → p-03141188.js} +7 -7
  70. package/dist/components/{p-234b67cb.js.map → p-03141188.js.map} +1 -1
  71. package/dist/components/{p-45c74c68.js → p-0648924a.js} +2 -2
  72. package/dist/components/{p-45c74c68.js.map → p-0648924a.js.map} +1 -1
  73. package/dist/components/{p-7d014957.js → p-08f59638.js} +2 -2
  74. package/dist/components/{p-7d014957.js.map → p-08f59638.js.map} +1 -1
  75. package/dist/components/{p-b2e6233f.js → p-0d59eb33.js} +5 -5
  76. package/dist/components/{p-b2e6233f.js.map → p-0d59eb33.js.map} +1 -1
  77. package/dist/components/{p-0c9028dd.js → p-0da4bb10.js} +12 -12
  78. package/dist/components/{p-0c9028dd.js.map → p-0da4bb10.js.map} +1 -1
  79. package/dist/components/{p-bcdd2e68.js → p-11b277f0.js} +10 -10
  80. package/dist/components/{p-bcdd2e68.js.map → p-11b277f0.js.map} +1 -1
  81. package/dist/components/{p-821a7c7f.js → p-11d759a1.js} +5 -5
  82. package/dist/components/{p-821a7c7f.js.map → p-11d759a1.js.map} +1 -1
  83. package/dist/components/{p-1904dd81.js → p-1239cd5d.js} +4 -4
  84. package/dist/components/{p-1904dd81.js.map → p-1239cd5d.js.map} +1 -1
  85. package/dist/components/{p-9ddd8582.js → p-134607f6.js} +2 -2
  86. package/dist/components/{p-9ddd8582.js.map → p-134607f6.js.map} +1 -1
  87. package/dist/components/{p-2221c40c.js → p-14311e63.js} +21 -21
  88. package/dist/components/{p-2221c40c.js.map → p-14311e63.js.map} +1 -1
  89. package/dist/components/{p-98289022.js → p-15946182.js} +33 -33
  90. package/dist/components/{p-98289022.js.map → p-15946182.js.map} +1 -1
  91. package/dist/components/p-207243d3.js +123 -0
  92. package/dist/components/{p-ab3341af.js.map → p-207243d3.js.map} +1 -1
  93. package/dist/components/{p-590be980.js → p-21fc260a.js} +5 -5
  94. package/dist/components/{p-590be980.js.map → p-21fc260a.js.map} +1 -1
  95. package/dist/components/{p-19f87291.js → p-24affc7c.js} +2 -2
  96. package/dist/components/{p-19f87291.js.map → p-24affc7c.js.map} +1 -1
  97. package/dist/components/{p-c7b93ca2.js → p-294da32c.js} +2 -2
  98. package/dist/components/{p-c7b93ca2.js.map → p-294da32c.js.map} +1 -1
  99. package/dist/components/{p-273cd9e8.js → p-2a4d4f29.js} +6 -6
  100. package/dist/components/{p-273cd9e8.js.map → p-2a4d4f29.js.map} +1 -1
  101. package/dist/components/{p-28051c3c.js → p-2ccfa291.js} +9 -9
  102. package/dist/components/{p-28051c3c.js.map → p-2ccfa291.js.map} +1 -1
  103. package/dist/components/{p-6ee4d885.js → p-2ef677d9.js} +8 -8
  104. package/dist/components/{p-6ee4d885.js.map → p-2ef677d9.js.map} +1 -1
  105. package/dist/components/{p-f6ed7bd0.js → p-31dc7ab4.js} +3 -3
  106. package/dist/components/{p-f6ed7bd0.js.map → p-31dc7ab4.js.map} +1 -1
  107. package/dist/components/{p-b9230dad.js → p-33235247.js} +2 -2
  108. package/dist/components/{p-b9230dad.js.map → p-33235247.js.map} +1 -1
  109. package/dist/components/{p-4e8ea172.js → p-3e8f97a8.js} +2 -2
  110. package/dist/components/{p-4e8ea172.js.map → p-3e8f97a8.js.map} +1 -1
  111. package/dist/components/{p-9ed70aad.js → p-44e1feb5.js} +3 -3
  112. package/dist/components/{p-9ed70aad.js.map → p-44e1feb5.js.map} +1 -1
  113. package/dist/components/p-482be810.js +207 -0
  114. package/dist/components/{p-66e9a42c.js.map → p-482be810.js.map} +1 -1
  115. package/dist/components/{p-7092162d.js → p-49e20d23.js} +4 -4
  116. package/dist/components/{p-7092162d.js.map → p-49e20d23.js.map} +1 -1
  117. package/dist/components/{p-f054b101.js → p-4ba510af.js} +2 -2
  118. package/dist/components/{p-f054b101.js.map → p-4ba510af.js.map} +1 -1
  119. package/dist/components/{p-660c88a3.js → p-4fdf0a60.js} +5 -5
  120. package/dist/components/{p-660c88a3.js.map → p-4fdf0a60.js.map} +1 -1
  121. package/dist/components/{p-259c0475.js → p-509d8ffd.js} +2 -2
  122. package/dist/components/{p-259c0475.js.map → p-509d8ffd.js.map} +1 -1
  123. package/dist/components/{p-0afd89ba.js → p-50a7a4c4.js} +8 -8
  124. package/dist/components/{p-0afd89ba.js.map → p-50a7a4c4.js.map} +1 -1
  125. package/dist/components/{p-8d8bf188.js → p-517eb491.js} +21 -21
  126. package/dist/components/{p-8d8bf188.js.map → p-517eb491.js.map} +1 -1
  127. package/dist/components/{p-a5e4f934.js → p-53176130.js} +3 -3
  128. package/dist/components/{p-a5e4f934.js.map → p-53176130.js.map} +1 -1
  129. package/dist/components/{p-f112119b.js → p-53485067.js} +2 -2
  130. package/dist/components/{p-f112119b.js.map → p-53485067.js.map} +1 -1
  131. package/dist/components/{p-06abc8ad.js → p-594ea425.js} +3 -3
  132. package/dist/components/{p-06abc8ad.js.map → p-594ea425.js.map} +1 -1
  133. package/dist/components/{p-daf5d890.js → p-5a1e21f4.js} +5 -5
  134. package/dist/components/{p-daf5d890.js.map → p-5a1e21f4.js.map} +1 -1
  135. package/dist/components/{p-653f48cd.js → p-5b7419a9.js} +2 -2
  136. package/dist/components/{p-653f48cd.js.map → p-5b7419a9.js.map} +1 -1
  137. package/dist/components/{p-7ef33573.js → p-65942317.js} +10 -10
  138. package/dist/components/{p-7ef33573.js.map → p-65942317.js.map} +1 -1
  139. package/dist/components/{p-4e28b0e1.js → p-65d9d075.js} +2 -2
  140. package/dist/components/{p-4e28b0e1.js.map → p-65d9d075.js.map} +1 -1
  141. package/dist/components/{p-02d04732.js → p-678f2a72.js} +4 -4
  142. package/dist/components/{p-02d04732.js.map → p-678f2a72.js.map} +1 -1
  143. package/dist/components/{p-ce565fc0.js → p-684fee1a.js} +6 -6
  144. package/dist/components/{p-ce565fc0.js.map → p-684fee1a.js.map} +1 -1
  145. package/dist/components/{p-cdfdbf80.js → p-6a8ba1af.js} +7 -7
  146. package/dist/components/{p-cdfdbf80.js.map → p-6a8ba1af.js.map} +1 -1
  147. package/dist/components/{p-0878db2a.js → p-6f6b1e0e.js} +2 -2
  148. package/dist/components/{p-0878db2a.js.map → p-6f6b1e0e.js.map} +1 -1
  149. package/dist/components/{p-9acf702e.js → p-70484fce.js} +2 -2
  150. package/dist/components/{p-9acf702e.js.map → p-70484fce.js.map} +1 -1
  151. package/dist/components/{p-7df49299.js → p-76539697.js} +8 -8
  152. package/dist/components/{p-7df49299.js.map → p-76539697.js.map} +1 -1
  153. package/dist/components/{p-030d84d8.js → p-76668b3e.js} +21 -21
  154. package/dist/components/{p-030d84d8.js.map → p-76668b3e.js.map} +1 -1
  155. package/dist/components/{p-804b2029.js → p-7e293ae9.js} +10 -10
  156. package/dist/components/{p-804b2029.js.map → p-7e293ae9.js.map} +1 -1
  157. package/dist/components/{p-169e6d9d.js → p-7e3b6847.js} +6 -6
  158. package/dist/components/{p-169e6d9d.js.map → p-7e3b6847.js.map} +1 -1
  159. package/dist/components/{p-b2d7574e.js → p-7f5c17f4.js} +4 -4
  160. package/dist/components/{p-b2d7574e.js.map → p-7f5c17f4.js.map} +1 -1
  161. package/dist/components/{p-302c8b95.js → p-810bda15.js} +16 -16
  162. package/dist/components/{p-302c8b95.js.map → p-810bda15.js.map} +1 -1
  163. package/dist/components/{p-84f4cf99.js → p-827bda1c.js} +18 -18
  164. package/dist/components/{p-84f4cf99.js.map → p-827bda1c.js.map} +1 -1
  165. package/dist/components/{p-333dc04f.js → p-82ad5d9a.js} +2 -2
  166. package/dist/components/{p-333dc04f.js.map → p-82ad5d9a.js.map} +1 -1
  167. package/dist/components/{p-14b1a291.js → p-8de94499.js} +2 -2
  168. package/dist/components/{p-14b1a291.js.map → p-8de94499.js.map} +1 -1
  169. package/dist/components/{p-066710bb.js → p-90c8123a.js} +3 -3
  170. package/dist/components/{p-066710bb.js.map → p-90c8123a.js.map} +1 -1
  171. package/dist/components/{p-c54266bf.js → p-977e9f2f.js} +3 -3
  172. package/dist/components/{p-c54266bf.js.map → p-977e9f2f.js.map} +1 -1
  173. package/dist/components/{p-277ff307.js → p-987086d3.js} +2 -2
  174. package/dist/components/{p-277ff307.js.map → p-987086d3.js.map} +1 -1
  175. package/dist/components/{p-f5aef2d2.js → p-98b3c126.js} +2 -2
  176. package/dist/components/{p-f5aef2d2.js.map → p-98b3c126.js.map} +1 -1
  177. package/dist/components/{p-400937d9.js → p-9da36f65.js} +2 -2
  178. package/dist/components/{p-400937d9.js.map → p-9da36f65.js.map} +1 -1
  179. package/dist/components/{p-23f868d0.js → p-a21301a8.js} +3 -3
  180. package/dist/components/{p-23f868d0.js.map → p-a21301a8.js.map} +1 -1
  181. package/dist/components/{p-932230e9.js → p-a47c5614.js} +2 -2
  182. package/dist/components/{p-932230e9.js.map → p-a47c5614.js.map} +1 -1
  183. package/dist/components/{p-fa563405.js → p-a546701b.js} +2 -2
  184. package/dist/components/{p-fa563405.js.map → p-a546701b.js.map} +1 -1
  185. package/dist/components/{p-3c01852d.js → p-a7a27c09.js} +2 -2
  186. package/dist/components/{p-3c01852d.js.map → p-a7a27c09.js.map} +1 -1
  187. package/dist/components/{p-2771b9d0.js → p-aa1e651e.js} +2 -2
  188. package/dist/components/{p-2771b9d0.js.map → p-aa1e651e.js.map} +1 -1
  189. package/dist/components/{p-2759bca2.js → p-aabff0c6.js} +2 -2
  190. package/dist/components/{p-2759bca2.js.map → p-aabff0c6.js.map} +1 -1
  191. package/dist/components/{p-3187b551.js → p-ab4b7e20.js} +3 -3
  192. package/dist/components/{p-3187b551.js.map → p-ab4b7e20.js.map} +1 -1
  193. package/dist/components/{p-b85cc0fc.js → p-ab4e2a87.js} +4 -4
  194. package/dist/components/{p-b85cc0fc.js.map → p-ab4e2a87.js.map} +1 -1
  195. package/dist/components/{p-dd15b1d7.js → p-ad2ecf18.js} +2 -2
  196. package/dist/components/{p-dd15b1d7.js.map → p-ad2ecf18.js.map} +1 -1
  197. package/dist/components/{p-bbbd506b.js → p-b057da45.js} +3 -3
  198. package/dist/components/{p-bbbd506b.js.map → p-b057da45.js.map} +1 -1
  199. package/dist/components/{p-abb78f19.js → p-b100ec55.js} +3 -3
  200. package/dist/components/{p-abb78f19.js.map → p-b100ec55.js.map} +1 -1
  201. package/dist/components/{p-a4c1bc74.js → p-b4e85982.js} +3 -3
  202. package/dist/components/{p-a4c1bc74.js.map → p-b4e85982.js.map} +1 -1
  203. package/dist/components/{p-c1eb2f61.js → p-b7203f97.js} +4 -4
  204. package/dist/components/{p-c1eb2f61.js.map → p-b7203f97.js.map} +1 -1
  205. package/dist/components/{p-aea6de3c.js → p-b75fdb87.js} +2 -2
  206. package/dist/components/{p-aea6de3c.js.map → p-b75fdb87.js.map} +1 -1
  207. package/dist/components/{p-ca48653f.js → p-ba0081ae.js} +2 -2
  208. package/dist/components/{p-ca48653f.js.map → p-ba0081ae.js.map} +1 -1
  209. package/dist/components/{p-1eae76d8.js → p-ba7887fe.js} +10 -10
  210. package/dist/components/{p-1eae76d8.js.map → p-ba7887fe.js.map} +1 -1
  211. package/dist/components/{p-c07a13d8.js → p-bbf0937e.js} +5 -5
  212. package/dist/components/{p-c07a13d8.js.map → p-bbf0937e.js.map} +1 -1
  213. package/dist/components/{p-df14abd9.js → p-be64276f.js} +5 -5
  214. package/dist/components/{p-df14abd9.js.map → p-be64276f.js.map} +1 -1
  215. package/dist/components/{p-0ab8ea1f.js → p-c1717617.js} +2 -2
  216. package/dist/components/{p-0ab8ea1f.js.map → p-c1717617.js.map} +1 -1
  217. package/dist/components/{p-15ab7faa.js → p-c23ebfc0.js} +28 -28
  218. package/dist/components/{p-15ab7faa.js.map → p-c23ebfc0.js.map} +1 -1
  219. package/dist/components/{p-034d5c9f.js → p-c79e408e.js} +2 -2
  220. package/dist/components/{p-034d5c9f.js.map → p-c79e408e.js.map} +1 -1
  221. package/dist/components/p-c8f584ea.js +45 -0
  222. package/dist/components/{p-6e1ed2bc.js.map → p-c8f584ea.js.map} +1 -1
  223. package/dist/components/{p-4b409983.js → p-c94122d9.js} +13 -13
  224. package/dist/components/{p-4b409983.js.map → p-c94122d9.js.map} +1 -1
  225. package/dist/components/{p-c60f2a68.js → p-d00a9409.js} +2 -2
  226. package/dist/components/{p-c60f2a68.js.map → p-d00a9409.js.map} +1 -1
  227. package/dist/components/{p-b785fc22.js → p-d2dc3a17.js} +2 -2
  228. package/dist/components/{p-b785fc22.js.map → p-d2dc3a17.js.map} +1 -1
  229. package/dist/components/{p-629b6939.js → p-dab5504d.js} +2 -2
  230. package/dist/components/{p-629b6939.js.map → p-dab5504d.js.map} +1 -1
  231. package/dist/components/{p-9fee249f.js → p-dcccc905.js} +24 -24
  232. package/dist/components/{p-9fee249f.js.map → p-dcccc905.js.map} +1 -1
  233. package/dist/components/{p-9b80b420.js → p-dfc6730f.js} +10 -10
  234. package/dist/components/{p-9b80b420.js.map → p-dfc6730f.js.map} +1 -1
  235. package/dist/components/{p-80226628.js → p-e8055397.js} +2 -2
  236. package/dist/components/{p-80226628.js.map → p-e8055397.js.map} +1 -1
  237. package/dist/components/{p-45a8c25c.js → p-f04c49e5.js} +17 -7
  238. package/dist/components/p-f04c49e5.js.map +1 -0
  239. package/dist/components/{p-3f45d993.js → p-f1b399da.js} +4 -4
  240. package/dist/components/{p-3f45d993.js.map → p-f1b399da.js.map} +1 -1
  241. package/dist/components/{p-3ada4dfd.js → p-f993ac46.js} +9 -9
  242. package/dist/components/{p-3ada4dfd.js.map → p-f993ac46.js.map} +1 -1
  243. package/dist/components/{p-6970000d.js → p-fd8d2d90.js} +3 -3
  244. package/dist/components/{p-6970000d.js.map → p-fd8d2d90.js.map} +1 -1
  245. package/dist/components/{p-049d19b0.js → p-fe2feb9f.js} +11 -11
  246. package/dist/components/{p-049d19b0.js.map → p-fe2feb9f.js.map} +1 -1
  247. package/dist/components/{p-1d7ea368.js → p-fee59061.js} +6 -6
  248. package/dist/components/{p-1d7ea368.js.map → p-fee59061.js.map} +1 -1
  249. package/dist/components/smoothly-app-demo.js +91 -91
  250. package/dist/components/smoothly-app-room.js +1 -1
  251. package/dist/components/smoothly-app.js +1 -1
  252. package/dist/components/smoothly-button-demo.js +1 -1
  253. package/dist/components/smoothly-calendar.js +1 -1
  254. package/dist/components/smoothly-dialog-demo.js +1 -1
  255. package/dist/components/smoothly-dialog.js +1 -1
  256. package/dist/components/smoothly-display-demo.js +1 -1
  257. package/dist/components/smoothly-filter-field.js +1 -1
  258. package/dist/components/smoothly-filter-input.js +1 -1
  259. package/dist/components/smoothly-filter-select.js +1 -1
  260. package/dist/components/smoothly-filter.js +1 -1
  261. package/dist/components/smoothly-form-demo-all.js +1 -1
  262. package/dist/components/smoothly-form-demo-card.js +1 -1
  263. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  264. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  265. package/dist/components/smoothly-form-demo-date.js +1 -1
  266. package/dist/components/smoothly-form-demo-login.js +1 -1
  267. package/dist/components/smoothly-form-demo-pet.js +1 -1
  268. package/dist/components/smoothly-form-demo-prices.js +1 -1
  269. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  270. package/dist/components/smoothly-form-demo-typed.js +1 -1
  271. package/dist/components/smoothly-form-demo.js +1 -1
  272. package/dist/components/smoothly-form.js +1 -1
  273. package/dist/components/smoothly-icon-demo.js +1 -1
  274. package/dist/components/smoothly-input-checkbox-demo.js +19 -19
  275. package/dist/components/smoothly-input-checkbox.js +1 -1
  276. package/dist/components/smoothly-input-clear.js +1 -1
  277. package/dist/components/smoothly-input-color-demo.js +1 -1
  278. package/dist/components/smoothly-input-color.js +1 -1
  279. package/dist/components/smoothly-input-date-range.js +1 -1
  280. package/dist/components/smoothly-input-date.js +1 -1
  281. package/dist/components/smoothly-input-demo-standard.js +1 -1
  282. package/dist/components/smoothly-input-demo.js +1 -1
  283. package/dist/components/smoothly-input-file.js +1 -1
  284. package/dist/components/smoothly-input-month.js +1 -1
  285. package/dist/components/smoothly-input-price-demo.js +1 -1
  286. package/dist/components/smoothly-input-radio-item.js +1 -1
  287. package/dist/components/smoothly-input-radio.js +1 -1
  288. package/dist/components/smoothly-input-range-demo.js +1 -1
  289. package/dist/components/smoothly-input-range.js +1 -1
  290. package/dist/components/smoothly-input-reset.js +1 -1
  291. package/dist/components/smoothly-input-select.js +1 -1
  292. package/dist/components/smoothly-input-submit.js +1 -1
  293. package/dist/components/smoothly-input.js +1 -1
  294. package/dist/components/smoothly-item.js +1 -1
  295. package/dist/components/smoothly-label.js +1 -1
  296. package/dist/components/smoothly-lazy.js +1 -1
  297. package/dist/components/smoothly-load-more.js +1 -1
  298. package/dist/components/smoothly-modal.js +1 -1
  299. package/dist/components/smoothly-next-demo-colspan.js +1 -1
  300. package/dist/components/smoothly-next-demo-group.js +1 -1
  301. package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
  302. package/dist/components/smoothly-next-demo-nested.js +1 -1
  303. package/dist/components/smoothly-next-demo-simple.js +1 -1
  304. package/dist/components/smoothly-next-demo.js +1 -1
  305. package/dist/components/smoothly-next-table-body.js +1 -1
  306. package/dist/components/smoothly-next-table-cell.js +1 -1
  307. package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
  308. package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
  309. package/dist/components/smoothly-next-table-expandable-row.js +1 -1
  310. package/dist/components/smoothly-next-table-foot.js +1 -1
  311. package/dist/components/smoothly-next-table-head.js +1 -1
  312. package/dist/components/smoothly-next-table-row-group.js +1 -1
  313. package/dist/components/smoothly-next-table-row.js +1 -1
  314. package/dist/components/smoothly-next-table.js +1 -1
  315. package/dist/components/smoothly-notification.js +1 -1
  316. package/dist/components/smoothly-notifier.js +1 -1
  317. package/dist/components/smoothly-spinner.js +1 -1
  318. package/dist/components/smoothly-submit.js +1 -1
  319. package/dist/components/smoothly-summary.js +1 -1
  320. package/dist/components/smoothly-tab.js +1 -1
  321. package/dist/components/smoothly-table-cell.js +1 -1
  322. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  323. package/dist/components/smoothly-table-demo.js +1 -1
  324. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  325. package/dist/components/smoothly-table-expandable-row.js +1 -1
  326. package/dist/components/smoothly-table-footer.js +1 -1
  327. package/dist/components/smoothly-table-header.js +1 -1
  328. package/dist/components/smoothly-table-row.js +1 -1
  329. package/dist/components/smoothly-table-testing.js +1 -1
  330. package/dist/components/smoothly-table.js +1 -1
  331. package/dist/components/smoothly-tabs-demo.js +1 -1
  332. package/dist/components/smoothly-tabs.js +1 -1
  333. package/dist/components/smoothly-theme-color.js +1 -1
  334. package/dist/components/smoothly-theme-colors.js +1 -1
  335. package/dist/components/smoothly-theme-demo.js +1 -1
  336. package/dist/components/smoothly-theme-guide.js +1 -1
  337. package/dist/components/smoothly-theme-picker.js +1 -1
  338. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  339. package/dist/components/smoothly-toggle-switch.js +1 -1
  340. package/dist/components/smoothly-toggle.js +1 -1
  341. package/dist/components/smoothly-trigger-sink.js +1 -1
  342. package/dist/components/smoothly-trigger-source.js +1 -1
  343. package/dist/components/smoothly-trigger.js +1 -1
  344. package/dist/esm/loader.js +1 -1
  345. package/dist/esm/smoothly-app_107.entry.js +85 -81
  346. package/dist/esm/smoothly-app_107.entry.js.map +1 -1
  347. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  348. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  349. package/dist/esm/smoothly.js +1 -1
  350. package/dist/smoothly/{p-e83e70ca.entry.js → p-242f6bf8.entry.js} +2 -2
  351. package/dist/smoothly/{p-0ee3e88f.entry.js → p-6e78260b.entry.js} +2 -2
  352. package/dist/smoothly/{p-19ff9464.entry.js → p-e627899c.entry.js} +2 -2
  353. package/dist/smoothly/{p-19ff9464.entry.js.map → p-e627899c.entry.js.map} +1 -1
  354. package/dist/smoothly/smoothly.esm.js +1 -1
  355. package/dist/smoothly/smoothly.esm.js.map +1 -1
  356. package/dist/types/components/input/file/index.d.ts +1 -0
  357. package/package.json +13 -8
  358. package/dist/components/p-45a8c25c.js.map +0 -1
  359. package/dist/components/p-66e9a42c.js +0 -207
  360. package/dist/components/p-6e1ed2bc.js +0 -45
  361. package/dist/components/p-ab3341af.js +0 -123
  362. /package/dist/smoothly/{p-e83e70ca.entry.js.map → p-242f6bf8.entry.js.map} +0 -0
  363. /package/dist/smoothly/{p-0ee3e88f.entry.js.map → p-6e78260b.entry.js.map} +0 -0
package/dist/cjs/smoothly-app_107.cjs.entry.js CHANGED
@@ -9682,7 +9682,7 @@ const SmoothlyInputEdit = class {
9682
9682
  };
9683
9683
  SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
9684
9684
 
9685
- const styleCss$U = ".sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.5rem;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover-background))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding:var(--input-value-padding-top) 0 var(--input-value-padding-bottom) 0;height:100%;box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
9685
+ const styleCss$U = ".sc-smoothly-input-file-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-file-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h,.sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:pointer}[readonly].sc-smoothly-input-file-h,[readonly].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
9686
9686
  const SmoothlyInputFileStyle0 = styleCss$U;
9687
9687
 
9688
9688
  const SmoothlyInputFile = class {
@@ -9692,6 +9692,7 @@ const SmoothlyInputFile = class {
9692
9692
  this.smoothlyInput = index.createEvent(this, "smoothlyInput", 7);
9693
9693
  this.smoothlyInputLoad = index.createEvent(this, "smoothlyInputLoad", 7);
9694
9694
  this.smoothlyFormDisable = index.createEvent(this, "smoothlyFormDisable", 7);
9695
+ this.listener = {};
9695
9696
  this.transfer = new DataTransfer();
9696
9697
  this.changed = false;
9697
9698
  this.readonly = false;
@@ -9732,6 +9733,9 @@ const SmoothlyInputFile = class {
9732
9733
  async clear() {
9733
9734
  this.value = undefined;
9734
9735
  }
9736
+ smoothlyInputLoadHandler(event) {
9737
+ Input.registerSubAction(this, event);
9738
+ }
9735
9739
  async listen(property, listener) {
9736
9740
  this.listener[property] = listener;
9737
9741
  listener(this);
@@ -9787,7 +9791,7 @@ const SmoothlyInputFile = class {
9787
9791
  }
9788
9792
  render() {
9789
9793
  var _a, _b, _c;
9790
- return (index.h(index.Host, { key: '714c5a4a31f3b574195e02243ce31134ff7672be', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: '5f5ca6e76aa70fee6ace250e3a6ef3b4315ee50e' }, index.h("slot", { key: 'bcbb91be5f045272cdd3ed6f13ed7417973f34f3', name: "label" })), index.h("div", { key: '0aa436372006f4d87433ebf80391224a5fad6d16', class: "input" }, index.h("smoothly-button", { key: 'e75d860c97a49cf28eafed39d1ae28cce89e5418', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '668b9c123e1fb398aa6fb097bdc1d68178f0f0f0', name: "button" })), index.h("span", { key: 'c078a935b7f070a705e112d5670aea91aa8a8eab' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '432e2eebbdc9ee15d4cf12eaa5ccddc19fe48b1f', class: "mask", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }), index.h("input", { key: '1f3e12ce8b7299756f449842965a3d291994edf2', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("slot", { key: '91bc078618400279810c477f942241c5b8a1ce08' })));
9794
+ return (index.h(index.Host, { key: '3b4ddb236c513e91beb05431f60120ca8d4834d2', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: 'd41f112574e81c041139582cff537ccff478784a' }, index.h("slot", { key: 'afcb22447326c6ed07e60cc5cde6d5a1262d31ee', name: "label" })), index.h("div", { key: '0d4da24f39206461a5a2ee7827fe8a25b3ac9267', class: "input" }, index.h("smoothly-button", { key: 'b781f3ffb91da232fbeab9d6716003d124ded584', color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '03c68009e00d63da49dd05759a67ecccef2d4523', name: "button" })), index.h("span", { key: '38f5220196a9fb97e596344c7b975a9ae339e67a' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: 'b591096ad0b3d59577979fbeb5a31494290ee3d4', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: '4362f727fe294d87605fcf9065f6ecd07fd6aadf', name: "document-attach-outline" })), index.h("input", { key: '9aad5893b2af2371e347e4904073291b3683bed1', ref: element => (this.input = element), type: "file", capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), index.h("div", { key: '86127cad40ff969c0e4e093843abf6717ee2ad7e', class: "end", onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '33b15b6fd6d91cd1ebf15caf72ad0ee71b892e31', name: "end" }))));
9791
9795
  }
9792
9796
  get element() { return index.getElement(this); }
9793
9797
  static get watchers() { return {
@@ -9908,9 +9912,9 @@ const SmoothlyInputMonth = class {
9908
9912
  }
9909
9913
  render() {
9910
9914
  var _a, _b;
9911
- return (index.h(index.Host, { key: '2291a2be2e98b43576f078fa1ad326dd106addc6' }, index.h("smoothly-icon", { key: '1dbb7733b282239376ab39e931d83306867bf117', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
9915
+ return (index.h(index.Host, { key: '5ccfdc5ba5ff18894dba1686b27e530d486386cd' }, index.h("smoothly-icon", { key: 'e88ed2a5d375dc2115b6a5641e7632adf4812433', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
9912
9916
  disabled: this.readonly || !this.allowPreviousMonth,
9913
- }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '475d07633e2469c4d484258e20520655001724c7', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'f2f502c693289781af75ba605b1c26dbe1144d6f', slot: "label" }, index.h("slot", { key: '2a7ac6b85c1b51a23534722b0e432e3a0a79dd43', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'c89c4ec94113fcc651ed893162e0c0b270c170eb', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: 'a72ddd24c9bbe0634dfec91629fa9babb74d4a60', slot: "label" }, index.h("slot", { key: '8de073bf2b6057dce600e8bde3607d2c376e77fe', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '406067977c309b9ecd89c4af047c571dba2dea85', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
9917
+ }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '1adc8c5b3482f3361a71c14cc8df763b7d9d3464', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '89726337c57f2e0ffb5877e18fc587890167dd87', slot: "label" }, index.h("slot", { key: '10d30a6c951a86e26b38b6b4dc00bb0f72880b45', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : TimeZone.Date.now(), this.min, this.max).map(year => (index.h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), index.h("smoothly-input-select", { key: 'e5de6fa1d36dd48a7a734767997e5b5de44c9517', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, changed: this.changed, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), searchDisabled: true }, index.h("div", { key: '02ce5bf3d34f561a1b5055cd9d455b614559d277', slot: "label" }, index.h("slot", { key: '8e8b369633fd82a532ab6e9a398f95c288318dd5', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : TimeZone.Date.now()).map(month => (index.h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), index.h("smoothly-icon", { key: '140be4b06f2c99ac1f27df35f204145916d54feb', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: {
9914
9918
  disabled: this.readonly || !this.allowNextMonth,
9915
9919
  }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
9916
9920
  }
@@ -10042,7 +10046,7 @@ const SmoothlyInputRadio = class {
10042
10046
  (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
10043
10047
  }
10044
10048
  render() {
10045
- return (index.h(index.Host, { key: 'ab0bf4695c54bf7cd2e2f91248ffd39f157df469', class: "floating-label" }, index.h("slot", { key: '366f49a1aba71e66e9dce0acca4e1ee9791a9b9b', name: "start" }), index.h("div", { key: '23813ce7cf98c6b7caf055c4be28bb9ec962aa79' }, index.h("slot", { key: '861aeb223207384b1ed1211bd191d3dbf77af40d', name: "label" }), index.h("div", { key: '50643fa252ad3fd2a09386ce14c2101c94b578ff', class: "options" }, index.h("slot", { key: 'e8756ab35a54650957f5b66ebc060a5b734e75f3' }))), index.h("slot", { key: '963162b6c408932df5d2e72325028cb6ce511754', name: "end" })));
10049
+ return (index.h(index.Host, { key: 'c9cf5c30bafa72c29e25f104a0234c3fbcb03fe2', class: "floating-label" }, index.h("slot", { key: 'a17ea52619820b20e1b8096273c5c02c8c7120be', name: "start" }), index.h("div", { key: '64c3e5706c30cfd4e80c162e4d523c9834e85f7b' }, index.h("slot", { key: '1ae54c8e13e69b4e6c2a6a4b5fbea76f5b19c340', name: "label" }), index.h("div", { key: '814b6d72ad719bba5ee9ad8b83f43c1db868ed6b', class: "options" }, index.h("slot", { key: 'eef28a3d616223ba5d9368cacf34b71cd4298961' }))), index.h("slot", { key: '4987cddeeefa3a17e37df4d91af127a70f367501', name: "end" })));
10046
10050
  }
10047
10051
  get element() { return index.getElement(this); }
10048
10052
  static get watchers() { return {
@@ -10073,7 +10077,7 @@ const SmoothlyInputRadioItem = class {
10073
10077
  this.smoothlySelect.emit({ value: this.value, selected: this.selected, select: s => (this.selected = s) });
10074
10078
  }
10075
10079
  render() {
10076
- return (index.h(index.Host, { key: 'ebfd8980b6aa1ebbff0ca2c4febf8dd6f550de9d', onClick: () => this.inputHandler() }, index.h("input", { key: '2b5ac268dc9a3740570bca2224162490cb5252d9', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: 'e6b9de03c279586a55702214df2139fc4396dbf8', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '5ca2f452f461f563fac50b39220a7a6e8fdbad62' }, index.h("slot", { key: 'd78f41e42d88b28e7b127a429676b50811ec1b53' }))));
10080
+ return (index.h(index.Host, { key: '34e265a1414763c3fad2108f82e28692d2f27162', onClick: () => this.inputHandler() }, index.h("input", { key: '6225dca92613043ef13466598c90fbd7de20f7a1', name: this.name, type: "radio", checked: this.selected }), index.h("smoothly-icon", { key: '79a239091a54d2bcf413f2bac12be04f00bb7cae', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", fill: "outline", color: this.selected ? "success" : "medium", toolTip: "Select" }), index.h("label", { key: '2ef68546953608546007e7f527ff967dc35c5a83' }, index.h("slot", { key: 'ded60c7700c48a76236415617ae97e9f64921b93' }))));
10077
10081
  }
10078
10082
  get element() { return index.getElement(this); }
10079
10083
  };
@@ -10179,10 +10183,10 @@ const SmoothlyInputRange = class {
10179
10183
  }
10180
10184
  render() {
10181
10185
  var _a, _b, _c;
10182
- return (index.h(index.Host, { key: 'f410fced011fc300f12212c4c4b7dcd7517e24eb', class: {
10186
+ return (index.h(index.Host, { key: 'e201283fd4c8eb8ebb97a85e8d6ca1afa03c8a0e', class: {
10183
10187
  "output-side-right": this.outputSide === "right",
10184
10188
  "show-label": this.outputSide === "left" && !!this.label,
10185
- } }, index.h("slot", { key: '4d0f4f8d38f4dbc0f143b9ea9de8f38a1f5fb3a4', name: "start" }), index.h("div", { key: '89b0b922105703aaecf8feb62b560f43ec5d1fa3' }, index.h("label", { key: '9aee3d6086033e708f452882849fb17e079a8a77', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '974d819684f5c63fbf21f34d3ad528cf20a91c06', ref: e => (this.input = e), looks: undefined, color: this.color, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: e => (e.stopPropagation(), this.inputHandler(e)), onSmoothlyBlur: e => this.inputHandler(e), onSmoothlyInput: e => e.stopPropagation(), value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: '9e21ccfbfad6cbb046fd8d69344540cb4a5e961b', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '4616cb768b35036d6cee8ea41983e88db62c106a', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => this.inputHandler(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: '180657561bb52bbcac545ec50be74ebba2c97d89', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '63d58366e132efe9f7dbfcee25766a4993bc815f', name: "end" })));
10189
+ } }, index.h("slot", { key: '0cf4878842ca0022b743cb99cb98c85dcb209dbc', name: "start" }), index.h("div", { key: '8afdf2be2d1c268eebd819bb45848401ddc3e6a4' }, index.h("label", { key: '37a18d8834ee6cd40316a777c2fbe549fa14e0d6', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: '3d6989856fab7ca80a86cbf6127a15aab9fab414', ref: e => (this.input = e), looks: undefined, color: this.color, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: e => (e.stopPropagation(), this.inputHandler(e)), onSmoothlyBlur: e => this.inputHandler(e), onSmoothlyInput: e => e.stopPropagation(), value: this.type == "percent" ? this.value : (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString(), placeholder: this.outputSide === "right" ? "-" : undefined, readonly: this.readonly }, this.label), index.h("smoothly-display", { key: 'c96cad703ae7952134efb3e161c97daa77bfd1f2', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '73a4661a453b5e306303bf190da7e9c510eecd43', name: this.name, part: "range", type: "range", min: this.min, max: this.max, step: (_b = this.step) !== null && _b !== void 0 ? _b : "any", disabled: this.readonly, onInput: event => this.inputHandler(event), value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'c9c0e2a671e868b986b89bc69c17f90fb61b3e81', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '4190db4628cb1ea3ea45464e922895ae2d3d4b65', name: "end" })));
10186
10190
  }
10187
10191
  get element() { return index.getElement(this); }
10188
10192
  static get watchers() { return {
@@ -10196,7 +10200,7 @@ const SmoothlyInputRangeDemo = class {
10196
10200
  index.registerInstance(this, hostRef);
10197
10201
  }
10198
10202
  render() {
10199
- return (index.h(index.Host, { key: 'af3a5af2d8de596b80255e320a131e38523c856c' }, index.h("h2", { key: '9f251a12036a045eabe01af5da4d3fabdf005643' }, "Range"), index.h("h3", { key: 'af7b349719dd3ea8809ad9a78f9de05b24f7180d' }, "Phone Number"), index.h("smoothly-input-range", { key: 'b1895d85af6f19359d4246d83af393e1146f17dc', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '34e2e4e251680b2ecc364aa1042536b4c5c2523a' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '9a9050fc3cf5ce05cd101e2fd79a59611192776f', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: '9195d0e2d8715f257105372db80be85d70251f61' }, "Percent"), index.h("smoothly-input-range", { key: 'b79a25213abd5c47e2feb7bd69d8f1814f947d39', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: 'd68728ec7d00fa1e35b556ac5c5d79f9d1c3a7a3' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: 'fa8902a842d2d62a35b6aa6aa806f27b3fcc5998', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '58d665457ca8749b59d465934046670fc4956ae3', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '30b9a8a62084b7310871dcf0ba836e6a1e9a3538', size: "icon", slot: "end" }))));
10203
+ return (index.h(index.Host, { key: 'c4f6eaf158f9d0db4f03bf9c23ad4114f8465e5d' }, index.h("h2", { key: 'ad2e7943610fa77e1e06559c45346b5810349ced' }, "Range"), index.h("h3", { key: 'db0def0c2985efc5b24e572547682f197ed8716a' }, "Phone Number"), index.h("smoothly-input-range", { key: '58e23886a3c30a42cb1658130a6e709aaeef959a', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '22ef3ea3d1c2010e5b54419778a51e8cff19bddd' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '0bc29107a8762b328d333245e330fae5a6ba7266', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: '5f247e432c49ba3b964545c3a6998f18691755bb' }, "Percent"), index.h("smoothly-input-range", { key: 'ec20bf8bc5f09e05eb3de5592a4a892c19982187', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '27a5f9dfd606f89d4472fbdb88157310e546e6af' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '267231e78b2617d74f8ead098cebba87f736fa27', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '131b200e0682728cbac84bc90c3022714851c12f', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '29b0417ff5545fd2ea363c0a46bf406652cbfa2e', size: "icon", slot: "end" }))));
10200
10204
  }
10201
10205
  };
10202
10206
 
@@ -10242,7 +10246,7 @@ const SmoothlyInputReset = class {
10242
10246
  }
10243
10247
  render() {
10244
10248
  var _a;
10245
- return (index.h(index.Host, { key: '7c89c484868652e054067f4c9e9bd276acb1ad75', title: this.tooltip }, index.h("smoothly-button", { key: '50218493e7a9163d4b81eac6a70075610d4709fd', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, index.h("slot", { key: '35a92c6e08c01dd688968178524c223e3c18fe8d' }), index.h("smoothly-icon", { key: '7f793fd820373044f83c1434187cf6e5f3779c98', flip: "x", name: "refresh-outline", size: "tiny" }))));
10249
+ return (index.h(index.Host, { key: '9f43d36705e755a8ab09ee6325ca8b8a892cdd5e', title: this.tooltip }, index.h("smoothly-button", { key: '0df4658be24f7d95e0a3fc88847b0195b23e43be', disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: this.color, fill: (_a = this.fill) !== null && _a !== void 0 ? _a : (this.type == "input" ? "clear" : undefined), onClick: event => this.clickHandler(event) }, index.h("slot", { key: '9766362cc5419e9d402bd4f0243ee0f21ea1f019' }), index.h("smoothly-icon", { key: '8664049244460293620d4288a68670cf2bd975e6', flip: "x", name: "refresh-outline", size: "tiny" }))));
10246
10250
  }
10247
10251
  };
10248
10252
  SmoothlyInputReset.style = SmoothlyInputResetStyle0;
@@ -10551,14 +10555,14 @@ const SmoothlyInputSelect = class {
10551
10555
  this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
10552
10556
  }
10553
10557
  render() {
10554
- return (index.h(index.Host, { key: '730d9ca83f1ad086579c05d4985b66672def87a7', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'cf44a6169578b97fb29e07abd8a5fab14db081d9', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '8cd7a4caa21ace7372fc88c7dce592ecf0bb7015', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '47acdd369de9cd5ebd1245c79ef20496906e05b4', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: 'f8fc1d95a3238e355b22acb728ad99bdd45c3029', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: '35b44fadf8da46babe7a916388e0a5cbb48ee419', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: 'fd76014f2683035554e6e194300e55e153514c1d', name: "label" }), index.h("div", { key: '39ebc2121860b0e76d92e28c9fca692c9ace0ae1', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("smoothly-item", { key: 'fd396120ef2bd68241e9b0d2cabf6d77c68a64a9', selectable: false }, index.h("smoothly-icon", { key: 'a415b6b8cb2adb54fd9091b66323b6ef8f8aec45', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'e5ed047ff902f0b3031f17795b41031a9329203c', name: "backspace-outline", size: "small", onClick: e => {
10558
+ return (index.h(index.Host, { key: '8cb738160ab593a18665f1fe08bc282f953b2481', tabIndex: 0, class: { "has-value": this.selected.length !== 0, open: this.open, invalid: !!this.invalid }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '4695a003779caee96940fda0f61f3137b431708f', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '3262db4626c8b2a0d1458e545568d1ee721977a2', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '68806d26bd68bf890a03e08f950d18827b5fef0c', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '9da251cd5aac188179e56f4e343a1c6e7ab7c281', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" })), index.h("smoothly-icon", { key: 'd37facb7c4b42caf98207719033713f6797055c8', class: "invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small" })), index.h("slot", { key: '6e7ea3077767d79789ad3fb6ed969936ba5e4f18', name: "label" }), index.h("div", { key: 'c3c58b54d7b7ff7a36958046bb017ff8a514e313', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("smoothly-item", { key: '6382fec03063e2aacb341badd8cf8e3423c29486', selectable: false }, index.h("smoothly-icon", { key: '09078d789fee5d88dbe68d962077397ff97aa655', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '1411419dfeb8dceacdf7c83a2e039b435ca9f0df', name: "backspace-outline", size: "small", onClick: e => {
10555
10559
  e.stopPropagation();
10556
10560
  this.filter = "";
10557
10561
  this.element.focus();
10558
- } }), this.mutable && (index.h("smoothly-icon", { key: '7d89e939b8d549d1e48aa51060990cbaaaa0a519', name: "add", size: "small", onClick: e => {
10562
+ } }), this.mutable && (index.h("smoothly-icon", { key: '04091c6a68fa7955b9c4d47234e908360ef55bb9', name: "add", size: "small", onClick: e => {
10559
10563
  e.stopPropagation();
10560
10564
  this.addItem();
10561
- } })))), index.h("slot", { key: 'df75f74eef2755fd027c3c5cf475511bd9d7a44e' }), this.addedItems)));
10565
+ } })))), index.h("slot", { key: '2cd4e2a267befbbdc2ef073b43e2df942ca5d727' }), this.addedItems)));
10562
10566
  }
10563
10567
  get element() { return index.getElement(this); }
10564
10568
  static get watchers() { return {
@@ -10619,7 +10623,7 @@ const SmoothlyInputSubmit = class {
10619
10623
  }
10620
10624
  render() {
10621
10625
  var _a, _b;
10622
- return (index.h(index.Host, { key: 'cb159799aea3dec67a0a39d6f7374d4614d69ed9', title: this.toolTip }, this.delete == true ? (index.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() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.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() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
10626
+ return (index.h(index.Host, { key: 'bfc524e55353123cf8fc18de363c7e072329e1d2', title: this.toolTip }, this.delete == true ? (index.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() }, index.h("slot", null), index.h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (index.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() }, index.h("slot", null), this.icon && index.h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
10623
10627
  }
10624
10628
  };
10625
10629
  SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
@@ -10661,7 +10665,7 @@ const SmoothlyItem = class {
10661
10665
  : false;
10662
10666
  }
10663
10667
  render() {
10664
- return (index.h(index.Host, { key: '923664d3a836a90def37e32e15f0f371c415d0d5', tabIndex: -1 }, index.h("slot", { key: 'f91ef22309a011d08e02c8e5034fa1c91db14e01' })));
10668
+ return (index.h(index.Host, { key: '14c5e6036576547c98a7ba8cf668a3c40fc44594', tabIndex: -1 }, index.h("slot", { key: '9e1dcff147b318d389bd121b106f3bdcb993b44c' })));
10665
10669
  }
10666
10670
  get element() { return index.getElement(this); }
10667
10671
  static get watchers() { return {
@@ -10682,9 +10686,9 @@ const SmoothlyLabel = class {
10682
10686
  }
10683
10687
  render() {
10684
10688
  var _a;
10685
- return (index.h(index.Host, { key: '6f318ae18399fdaef564afc45a8139e925be202a', title: this.description, style: {
10689
+ return (index.h(index.Host, { key: '38850da5b4f09267ab5be1a98ae26535f2008b2a', title: this.description, style: {
10686
10690
  "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
10687
- } }, index.h("slot", { key: '02b41889fab175f0c80f0d5a4deb0e117a8837a4' })));
10691
+ } }, index.h("slot", { key: 'd69c86d46c3ff6d986ccf35213d5bd75baf254a2' })));
10688
10692
  }
10689
10693
  };
10690
10694
  SmoothlyLabel.style = SmoothlyLabelStyle0;
@@ -10703,7 +10707,7 @@ const SmoothlyLazy = class {
10703
10707
  this.show = true;
10704
10708
  }
10705
10709
  render() {
10706
- return (index.h(index.Host, { key: 'c1c17f2fb270f07c0bcd0e189a6c6ef31b8f0bbb' }, index.h("slot", { key: '6ee5562a9667b98c386aef61fc684d7ad2c4a6e5', name: "before" }), index.h("smoothly-load-more", { key: 'b946101e1e2ef49b29ebc040accbdb45f5695f96', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: 'fc8ef30a2d8cbe33ac891ec6ff6f2a9cdcb3240f' })));
10710
+ return (index.h(index.Host, { key: 'd3cdf10c0c71f4a31069a1093505e1d177c6a865' }, index.h("slot", { key: '1134b7910396a86996af8e4ba53fc127465cba23', name: "before" }), index.h("smoothly-load-more", { key: '2b556ccb24dd5535a7ae8cbb7f6946c7aef22b30', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: 'a631b0f7705f83d340106f042cf5c9e873f5315b' })));
10707
10711
  }
10708
10712
  };
10709
10713
  SmoothlyLazy.style = SmoothlyLazyStyle0;
@@ -10747,7 +10751,7 @@ const LoadMore = class {
10747
10751
  }
10748
10752
  }
10749
10753
  render() {
10750
- return index.h(index.Host, { key: 'df435742ab57fdb158ca24e74071d743113f8bf6' });
10754
+ return index.h(index.Host, { key: 'fcbfd0b84c409abefe653ea33c2be67a10de3aba' });
10751
10755
  }
10752
10756
  get element() { return index.getElement(this); }
10753
10757
  };
@@ -10767,9 +10771,9 @@ const SmoothlyModal = class {
10767
10771
  this.smoothlyModalChange.emit(this.open);
10768
10772
  }
10769
10773
  render() {
10770
- return (index.h(index.Host, { key: '93eafa5919500ec64118186d3e41d29f2596430c', role: "alertdialog" }, index.h("div", { key: 'fbe10ec8b7827bf2e144487647752972b773222c', class: "modal" }, index.h("div", { key: '29b0f3c32cadb23a04dd4f7e1ae0660efd61874c', class: "header" }, index.h("slot", { key: '52358c6a28ba23a23b548be55f439bd8c09c45e3', name: "header" }), this.closable && (index.h("smoothly-icon", { key: 'de989fadd93b81897a48dcc8b3b48fc99de0194f', name: "close-outline", fill: "solid", color: this.color, onClick: () => {
10774
+ return (index.h(index.Host, { key: '55c2f1f1340210d9333d909b1e8225c75c533010', role: "alertdialog" }, index.h("div", { key: '954f5c31a008ba74023ec2dae6982184e4b23ee9', class: "modal" }, index.h("div", { key: 'b6475bfb4e9104db3f548340e0d3792293e41f62', class: "header" }, index.h("slot", { key: 'cee7f5b9ede6541f99333e89a737eeefbcca98ab', name: "header" }), this.closable && (index.h("smoothly-icon", { key: '7445c5ae795ca26a4c3eb67dbf2b1cc39327c496', name: "close-outline", fill: "solid", color: this.color, onClick: () => {
10771
10775
  this.open = false;
10772
- } }))), index.h("slot", { key: '0b298371c381b6e5008cb20e572621b2bc8d1540' }), index.h("div", { key: 'adc7d0878ca61bcceef86a171b232d8e7259e9e7', class: "actions" }, index.h("slot", { key: '9b989cd3f114f32c67578066748f00ce8c76a149', name: "actions" })))));
10776
+ } }))), index.h("slot", { key: '7b79007759e6857fabbaf98cc1eae82d09c38875' }), index.h("div", { key: 'e908c2f1ccb7a2adc8aa6acb81c76463193899ea', class: "actions" }, index.h("slot", { key: '4430a296cc58e88d5fe971ee5187a2f0974d7485', name: "actions" })))));
10773
10777
  }
10774
10778
  static get watchers() { return {
10775
10779
  "open": ["openChanged"]
@@ -10785,7 +10789,7 @@ const SmoothlyNextDemo = class {
10785
10789
  index.registerInstance(this, hostRef);
10786
10790
  }
10787
10791
  render() {
10788
- return (index.h(index.Host, { key: 'ca678b2bf078526ad2669a31e35e9644681454ba' }, index.h("smoothly-next-demo-group", { key: 'a81fd297ceeb1e99445fd90a4e2a64c379894549' }), index.h("smoothly-next-demo-colspan", { key: '6bbc0a5e90779583ff1c26dbe3e2dc403ac66494' }), index.h("smoothly-next-demo-simple", { key: '439d1e5eb92c3f153cc46c9d371a9808a6c4c729' }), index.h("smoothly-next-demo-nested", { key: '8cd82bf459a6aaeac79d5710e8a1f281aff813c3' }), index.h("smoothly-next-table-demo-filtered", { key: 'd4ed47f924dbd0e8c97edd7b6394d7df5968f113' })));
10792
+ return (index.h(index.Host, { key: '2d659622c989d0c858ff5c99ef7fb2eebf1accaa' }, index.h("smoothly-next-demo-group", { key: '6116a2d49ee1beff32f486a8e763716d715b3995' }), index.h("smoothly-next-demo-colspan", { key: '9797073e9d0f80d828febab198252d867fcbc743' }), index.h("smoothly-next-demo-simple", { key: '1afb26d03fa1b8bbf74a1d9e78dd2626a5b4f056' }), index.h("smoothly-next-demo-nested", { key: 'b99a47847d961e9f53d1c38b2ed3d8e158cba591' }), index.h("smoothly-next-table-demo-filtered", { key: 'f98ab76e04a6db9b535b3fb881b42f9405a3afa3' })));
10789
10793
  }
10790
10794
  };
10791
10795
  SmoothlyNextDemo.style = SmoothlyNextDemoStyle0;
@@ -10798,7 +10802,7 @@ const SmoothlyNextDemoColspan = class {
10798
10802
  index.registerInstance(this, hostRef);
10799
10803
  }
10800
10804
  render() {
10801
- return (index.h(index.Host, { key: '286c9e4d130b2a9fdf7fbfaba2501778008571f9' }, index.h("smoothly-next-table", { key: '9a2635bb8c2c1d8ab66ddddd7b3654eac44545a2', columns: 3 }, index.h("smoothly-next-table-head", { key: 'c2c2e4d7d228b06d06f3de81d54cf1f5488754c2' }, index.h("smoothly-next-table-row", { key: '481b07ad3adfc743e860d08bbf3fa2066e7fc9e5' }, index.h("smoothly-next-table-cell", { key: '371343f537f4e4fba5c21136882a2dd7c824e3d7' }, "Date"), index.h("smoothly-next-table-cell", { key: 'cc5b66f49b92e02cff77dfbe055bca05dc5d39bb' }, "Skip"), index.h("smoothly-next-table-cell", { key: '60ec7e25b92b84a66c92007257869dfb0303f98e' }, "Total"))), index.h("smoothly-next-table-body", { key: 'e232591d592ac15222c51af89eccd9077855a2c6' }, index.h("smoothly-next-table-row", { key: '52f1dd5e37d35b6001aba097e29e9c2b44e1cfb4' }, index.h("smoothly-next-table-cell", { key: '5dba5b95e5f76f93e76b1021ba0979f322012b82', span: 2 }, index.h("smoothly-display", { key: 'e30bb1aac9f024c2bf2eae6918b0ef4ad6221594', type: "date", value: "2024-01-01" })), index.h("smoothly-next-table-cell", { key: 'fbee8007a62c7c63dc46c62799446c10d459a2e6' }, index.h("smoothly-display", { key: '0923da8b4a16569aeccb6dbdf74986abf80de103', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-next-table-row", { key: '9bfbcc72ec13e74aa92af5f39aac0b4198b2605e' }, index.h("smoothly-next-table-expandable-cell", { key: 'f432fd2009eb3ff9d153f44b9ee4569f76194033', span: 2 }, index.h("smoothly-display", { key: '03f1775e95cb31ddb19658d7176392c942196cbf', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '242558d4d9f4a66ee03b54201e8430f26ea1dbea', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-next-table-expandable-cell", { key: 'b1e8e9fe62ea94f9d84e3842c57a06f1101b43e7' }, index.h("smoothly-display", { key: 'cfd49a2c395e7a49b16d2235d2670c6a73073d56', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: 'cb64bd62592cd9a975bca04cfd34c4241ab4fcf9', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), index.h("smoothly-next-table-row", { key: '8fb4feda41f64fef31c481560b1f1b2d8b284265' }, index.h("smoothly-next-table-cell", { key: 'd0dee65308e20a400fa50d4e11941aefec5cccbe' }, index.h("smoothly-display", { key: '3dd886daec3f95c1f9e33315ee7962f7b93ff891', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: 'cb67fd161e3fc1eac3c0616d5c3579ebe2e4e8cc' }, "Not Skipped"), index.h("smoothly-next-table-cell", { key: '96e33c9ad154e03d9c2b010d4a7f75465507c9f1' }, index.h("smoothly-display", { key: '93e815bb78e784b1b383d280f9727f6fe0e5aaa4', type: "price", value: 320, currency: "EUR" })))))));
10805
+ return (index.h(index.Host, { key: '863d60dcbb24dac9fbcbeb2363b485216b6ddae7' }, index.h("smoothly-next-table", { key: '86a2017520c71c5120f64043db6f34737dafabfc', columns: 3 }, index.h("smoothly-next-table-head", { key: 'bdb568a54cfeab1606994d76e2c43b5c008df001' }, index.h("smoothly-next-table-row", { key: 'c47bc0abe7389d9728260227a33621dd4a90abb3' }, index.h("smoothly-next-table-cell", { key: '2a702562304985a6236ff0721d98ac31a292fa50' }, "Date"), index.h("smoothly-next-table-cell", { key: 'f8119d6520b3deeb60753d050fdf0d904f9b8afe' }, "Skip"), index.h("smoothly-next-table-cell", { key: '665f69fe52efd3a8a6f2c82bf1e86fb180e55b92' }, "Total"))), index.h("smoothly-next-table-body", { key: '5a3ec0132bb8e868ca9ecda022383e87f2a84c8d' }, index.h("smoothly-next-table-row", { key: 'f507219d430a9b618c1f6d4fc0e2df3650265512' }, index.h("smoothly-next-table-cell", { key: '0ba5a451fe2375c031a7cc1d5acb2c7313125178', span: 2 }, index.h("smoothly-display", { key: '79a3451362a40be095b6be3ff567704ce09e1ed4', type: "date", value: "2024-01-01" })), index.h("smoothly-next-table-cell", { key: '81d22251edee07d77f08d653acdb492310509b88' }, index.h("smoothly-display", { key: 'da5487f22adb4bff9d1c5182b9fb8c896e99d9f5', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-next-table-row", { key: '8f3d7bb1b2f6ff655e57e4101f9852b795407354' }, index.h("smoothly-next-table-expandable-cell", { key: '48cb036699a8f4744ab125f566ee5048b49b2eab', span: 2 }, index.h("smoothly-display", { key: 'cfee0e93f05e44ca04ccd51f42ab40ea947b5af4', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '1151792f83953b2a73b225c0880963062c51263a', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-next-table-expandable-cell", { key: '58e005534cbaac02e895223c6ab3002b5fbfe13e' }, index.h("smoothly-display", { key: '9cdff71fea6184b56e062f065fef18aaeb785d41', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '371bfe562b9f60cbfc14ab960cc8de40a65ed059', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), index.h("smoothly-next-table-row", { key: '36a5e3ab529e2948b7a99198d1a2a10ff4ef67c0' }, index.h("smoothly-next-table-cell", { key: '1ce4ff81f76a856caba6e9312370903b89d97a62' }, index.h("smoothly-display", { key: '128ed619ef2b09e0711edc49d2b7fb9e007c1dde', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '6638aacbb3bfd7773e107cfc308b3a11f31b06df' }, "Not Skipped"), index.h("smoothly-next-table-cell", { key: '5cfed8b41811973bac89e4d2205037f188263022' }, index.h("smoothly-display", { key: '7a9a1d127e35f13ae546f59fc6b27be8d47f0d30', type: "price", value: 320, currency: "EUR" })))))));
10802
10806
  }
10803
10807
  };
10804
10808
  SmoothlyNextDemoColspan.style = SmoothlyNextDemoColspanStyle0;
@@ -10811,7 +10815,7 @@ const SmoothlyNextDemoGroup = class {
10811
10815
  index.registerInstance(this, hostRef);
10812
10816
  }
10813
10817
  render() {
10814
- return (index.h(index.Host, { key: '9d318e604b16beb223d62946dc47dee725773671' }, index.h("smoothly-display", { key: 'fd5a18641a4b9baa18458b67beff1ff9cfce6802', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: '0c0050143bdd2be1a04d8a03a41b37e93652b257', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: 'e4bcddcfde3913b9ff0a0e135d3c252aff1f86ba' }, index.h("smoothly-next-table-row", { key: '6bfed3199d55e7eeed36a53434dacf25248ba3c3' }, index.h("smoothly-next-table-cell", { key: '791a22db07861618aa0a64415c9c122b0dac6f74' }, "Date"), index.h("smoothly-next-table-cell", { key: 'fd6a8b3c613bebd48aa18c7d04cd0b3d88d4d1dc' }, "Total"))), index.h("smoothly-next-table-body", { key: 'b3d7d1b5477f14a51c3c5825dab71e2bf086fdda' }, index.h("smoothly-next-table-row-group", { key: '94c7686be44666b0630d14796c76533d5345b3da', align: true }, index.h("smoothly-display", { key: '187f2bab16b6f08e99cddad51a7d2792f74158a5', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'b3292fc8239935c80a9a79a40fb0ba9b35d9b1a8', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: '4da1185ed6d6aeeb1ad244740ae114e4bff3b0c2' }, index.h("smoothly-next-table-cell", { key: '8528322300a26a62b1381e95d614b7c617d949c1' }, index.h("smoothly-display", { key: '94bd607ca4c4aec800635333396b39b950e6a1b6', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '6807df44be3d6e83ebb5c928eb5db4da030e3a46' }, index.h("smoothly-display", { key: '970f1b68b2ef381574b33a06c178cac4533b3207', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '31d9d9d6834575933e687321843d4b22678242c1', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'e045e9bf51456430913870368508a8a70f29d1c6' }, index.h("smoothly-next-table-cell", { key: '4983b58520683ab549cccc0470408c7ee8dfdac4' }, index.h("smoothly-display", { key: '77ddcdbe96427cdeb5cfb431677098996286fc66', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '66d7a8e78681c13c4a432b5c179d21eb805fcfa5' }, index.h("smoothly-display", { key: '9681b0155630c20699e8f60cab14590995ecbf85', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: 'dcebc1eae26a1df431c37888c1b178a8b5835171', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '8ab6d77de7ba4c370b613cd37973cf32c63a2fe1' }, index.h("smoothly-next-table-cell", { key: 'f7f97fdb8575c6c228ff7b69b25eb04804419aaf' }, index.h("smoothly-display", { key: '05b64870e9627282ad70a4468e9beb6c801c5e00', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: 'd250135f24aef08c3e47faa91b689aaa2366ab52' }, index.h("smoothly-display", { key: 'f33157d2baa055d7743056aff9317513ccdc8220', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: 'f910a84a56f9bbe37b3c0f60c6c43d975264a94b' }, index.h("smoothly-display", { key: 'f0c48bfdc43b9110709873bbcb26f51a624dde69', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: 'a5c0ef46eaf2a43036f76fd760771d9fd1cd017b', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '7f395cace31de1b724343fe844671d39bcfe7100' }, index.h("smoothly-next-table-cell", { key: '031dad75837fea9eadb6f55c04ee7a8427b729e4' }, index.h("smoothly-display", { key: '997597ca90158928d9ba083df820de615e6caaa1', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '77ba67fee0722f0269a9a4d9df446d848fa80612' }, index.h("smoothly-display", { key: '428e4c872fcef45b5be7c7f8b21a8a0cdfc7332d', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '6acfa153963808dc423420a79e0b8662f32f8e76', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '9de5150850e3959d3d1eccfb45dec6d9dafab67f' }, index.h("smoothly-next-table-cell", { key: '88b2117ca1757b7536f4fd6b2f300818a532f280' }, index.h("smoothly-display", { key: '10378122a94db398876c567eca9c3756d0e9f2f8', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'c35393619db55ef449f5dbac6cd0b79c34830c8f' }, index.h("smoothly-display", { key: '375607ab0150e5ca90729a8de1cecc2a3ba76940', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '87e99779c48eb2c79dd1d96970503a786cbbfe02', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '55a7acb478c7f913a095c378bfa028efc97c7ba6' }, index.h("smoothly-display", { key: '7bc624a662c22963cf05c8ebe63f5b73bc00e0d9', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: '4bfcc227053fcace5b2be9e56cd0ca15b2be7e4b' }, index.h("smoothly-next-table-cell", { key: '252f60c3499637c752efd2a757fa92383d6275a7' }, index.h("smoothly-display", { key: '02b3711b8657784db8e0adad430bdf651cfaf7d4', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'fb762e2e9773b4849473f3272a18aa3f1b050928' }, index.h("smoothly-display", { key: '5a24224bc0266407dbf638be179982b3e7277924', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '473ac7b3580a2c9f9f4f472c0a501ea6fbd1da08', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: 'ff28c90c72b1886137c33c1add32d1b9acba5f83' }, index.h("smoothly-next-table-cell", { key: '2383aacd8aeb2b605ec745afd88cf7deeafe2d00' }, index.h("smoothly-display", { key: 'cb00e1ffe58a891d3dc712ab0435139a8d68a34e', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'e47f9b2dd571560a01d6091cd79094ba667c7a2a' }, index.h("smoothly-display", { key: '8e3db6f1188e36929c2802870b070841dee5e23a', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'ab8c19cb12f8900bea0a9c46b87b864ede936899', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '6cd00dd812d0f82699f8bcda7dee3d0fa080004a' }, index.h("smoothly-display", { key: '727543f354ee7a21e9defda1a504e6b343480c9c', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '425330ca6f675fee34e211df5c4b24e7c39e7447' }, index.h("smoothly-next-table-cell", { key: 'f55d9c74a5e680954161a8e633c6160a60e553ba' }, index.h("smoothly-display", { key: '28771e24150aeb11dc307335659006c526d85883', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '90664074835a3145b5699d523394405bf8ceca63' }, index.h("smoothly-display", { key: '7e58413cc7a888d80b5fb60f16ba72012944cd1d', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'f4d0acd1e334dff5d198988b98bf56366b31e3c8', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '2a8a33ca1041f7ea59e8cea9f3381203cd6c649a' }, index.h("smoothly-next-table-cell", { key: '7def851268de34727cbf1050eb29022fa9831596' }, index.h("smoothly-display", { key: '386810deff7533dbdc6173360447bd4cdd49cf65', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '0b17f0357aac361ca84e5fc78e77791af8b21477' }, index.h("smoothly-display", { key: '92b2789b15e53c2fbbe6b9550ba95ff09d9f50fc', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '22ce6ebdabcea8930ccecc5b7e8bd8e1eaa47330', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '0d3f2ac1c2d3eefcf399c6c7e3d1be65cf317525' }, index.h("smoothly-next-table-row-group", { key: 'a6ef9378a516f6c9f8662e4c3fd539d90225586d' }, index.h("smoothly-display", { key: '27b04293285e3bdd9e7bec4ce7006ff0fe5e90d4', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'feff39102a068b6c209947f46827b7464cd9558c', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '00fdf54831bcd510a7dd7e5742e87127abfd87d7' }, index.h("smoothly-next-table-row", { key: 'd236c164ad40ab711c434f45d430bfcd17910422' }, index.h("fake-cell-wrapper", { key: 'ebd97777756a84ba2dbb8c02e148dbf271b76f8d' }, index.h("smoothly-next-table-cell", { key: 'dc1eeea0e74738e9895553412591a9868c32d984' }, index.h("smoothly-display", { key: '150242e600bfaf439d5a0d57c859775b80c72b9a', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '5bfef93882e46e0806337d708ba40c70e7f3e31e' }, index.h("smoothly-next-table-expandable-cell", { key: '134e1896615ba14788dcad290e33e10ffc2cc84f' }, index.h("smoothly-display", { key: 'f2cb03e7e090e40d1993c933478e80947704de40', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '3e73fe40dcfaa66a748f06909f8368bd3369f64a', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: 'ca07ee03727ad559b85221a0764f42a0418702dd' }, index.h("smoothly-next-table-expandable-row", { key: '9f0b352a39eed47605ec7220f12bb8c036b8c1d2' }, index.h("fake-cell-wrapper", { key: '8eef72fbfd43479615dc2184004f60966a6a616c', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '7c05580575581ee6731dc97d7b350393b365902f', span: 2 }, index.h("smoothly-display", { key: 'fe07967733c56797138478053c681de16a8496ba', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: 'c0aba3f36157086048d07caba2c3803d3b965fbd', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '6e42af1cb65b57a7a12ecc9a4a924367caa08292' }, index.h("smoothly-display", { key: 'd8aa5f5d85a26e86edf039493ec3ca9e773334b4', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '21bb517454dd43739e682f00fe4728bc8ebe493e', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
10818
+ return (index.h(index.Host, { key: '098ed5721d47488e2ec477b9393c823820c6cc27' }, index.h("smoothly-display", { key: 'dd1efeab82fb14a8cd01daa0f65a6a1133b7c56d', type: "text", value: "Group" }), index.h("smoothly-next-table", { key: 'd57da525c8dbf285ae8f13feff66b272cbc205b9', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '2ca8db41ef08ceb2142216d1cf21b139dc7a2fbe' }, index.h("smoothly-next-table-row", { key: 'a7328b4727a996bd17d34acbb5bce696d8fd3183' }, index.h("smoothly-next-table-cell", { key: '2b6945b5ec49cf167def8836efb0646cbbeaf1ac' }, "Date"), index.h("smoothly-next-table-cell", { key: 'bff797c9c0e8c6a0b1da6377c3fd064d8def3580' }, "Total"))), index.h("smoothly-next-table-body", { key: 'c90fd640f2a5787a06dfe762d9fd631e9cca2529' }, index.h("smoothly-next-table-row-group", { key: '660341da58c29a36e9de0711cf4fd8cf7f0613e0', align: true }, index.h("smoothly-display", { key: '6140cb3390f7c123959561e2916a6fca7f28bf31', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '61d1f473b3b33809ffc4c005da03eb767582ce1b', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-next-table-expandable-row", { key: 'ce246622ccd9204951c2be0c94e9ee495b3915d2' }, index.h("smoothly-next-table-cell", { key: '81c5dd6c64900f3e376d3eaf7d9c204edc574643' }, index.h("smoothly-display", { key: '33b919b9d1021fcb727adf948489ca87ff5059ed', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'cb2babe50a9d191c6cb7d853aea120e1e79d9429' }, index.h("smoothly-display", { key: 'eb6fb1eae1908c85d7007b3e60e62a6705361eac', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: 'e6b14e6ab80fefffd5f3bcebbf5e2b529e7dd30b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '0569658810e92d68178e32e581d6d156bb66542b' }, index.h("smoothly-next-table-cell", { key: 'ed6c9b7bec0626d3599522de48db99ca56461e97' }, index.h("smoothly-display", { key: '2221b82421625b49f8d93172048ab1accc4c9516', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '7b5c48ec7382adbfd0ae09ecc0773ae1d2cc1813' }, index.h("smoothly-display", { key: '3ad0e0257a4533771b6f4a6171b58eef3978d01e', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '2f705c8df0e36b29e754111cf2fad9a50d698470', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-next-table-row", { key: '9d8d4146047389b3785c373581b370b566091aef' }, index.h("smoothly-next-table-cell", { key: '8dcdda4a2199230964efbc40fdd34fb96a73708c' }, index.h("smoothly-display", { key: '3eaa32a3b770c08141fea8e4e3825df05d7f1385', type: "date", value: "2024-01-02" })), index.h("smoothly-next-table-cell", { key: '88e888ebfefc53306dbda2bc4b79af720067c62c' }, index.h("smoothly-display", { key: '83fdd526b47911bb505b3022f9166cbeed5be1e9', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-next-table-row-group", { key: 'ff7d7d907064a03d3b305f9206447faadef1d8b4' }, index.h("smoothly-display", { key: '398f4c4134690c222465457b74e5c9f33e15bea3', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '2a6643526985bb2b9fbf457f5c247c0ddb21f121', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: '126e1e14e4c868bf8e917d0b1bb62abe9d834263' }, index.h("smoothly-next-table-cell", { key: '93de7d772975c6472829aa1aaba6735b9c45d9d9' }, index.h("smoothly-display", { key: 'e1309d73225d0d41a1be70333e89544807f96eb4', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '55c7077b8d8d08ea25c2d78042c3efcd9cd50063' }, index.h("smoothly-display", { key: '22649c3db71f226608a9349400fcafca36732d60', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '96b6496da8666362e43f581286b1d6e09f9cf996', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '6eb7273a68de8ed4a288de23b6a8f7f551c03d3b' }, index.h("smoothly-next-table-cell", { key: '384e2a4178690c3dbdb4cfdf2d3f426ba72e46b6' }, index.h("smoothly-display", { key: 'd3a6a99e88675a4e9810700f1d77aec339e0fd44', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'aeb9ed5b36e968a92758b200f4b4b2fc5c1eed13' }, index.h("smoothly-display", { key: 'd43781919082cc7a2818dcbc17dcd5326cfa5429', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'c1cc2c71b325b5be4c63c860ebf88e82a0f9532f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: 'a6aa1319c12ccd85aa9ab8c1833518c07f50cf7b' }, index.h("smoothly-display", { key: 'dc814abe1975a6081df2c6c3d672aef43403d4f0', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-next-table-expandable-row", { key: 'a3e055345196beaf025b1356b5da4373231e6a55' }, index.h("smoothly-next-table-cell", { key: 'ad8654dce8fc763ade47c7bccc96d0d3a0245e76' }, index.h("smoothly-display", { key: '03f954e5f3fc7c733daec96ce0543e7222569973', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '2592d4276b13d7c77433f464f3472b432950858d' }, index.h("smoothly-display", { key: '9f2239869708cbe1872c68914699fcab84e6ab4a', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '79b2a54064d04089c383dc4cfd4ae5f8e094239b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '45d159bac640c5c67bad19259c740525b7356746' }, index.h("smoothly-next-table-cell", { key: '544c676ba2c672a0bc823e18a5da45a06af25a66' }, index.h("smoothly-display", { key: 'f1906c649bff5e97455edfa75d46a90b6b7440bb', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'b1521586d42c9f051ddb34c1ac76ccbeda413444' }, index.h("smoothly-display", { key: 'c851e204cc21be7cf46fd48e4c7bdb51e7309061', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'eb60f28b135b665f6df21671505516509c306c93', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-next-table-row-group", { key: '52b97099dbffd28b10d3d9ac6cddcd43c6ac46eb' }, index.h("smoothly-display", { key: 'b25f15111a3ae40459bad88105664137bb9c5c25', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-next-table-expandable-row", { key: 'ed596717f2f0c23dda162ccc1719f55f26d90b5a' }, index.h("smoothly-next-table-cell", { key: 'c22ca646f532bf0fc33741cd0d40e5a05bf8bdef' }, index.h("smoothly-display", { key: '90b35b8c41efaff4f47ef12279cc0f8359b7882f', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: 'bfed43cb324809725291bab3339defd4740b9bb2' }, index.h("smoothly-display", { key: '53a108a9ad9da8b967a8b898701b01b0ca984fbd', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'd409764d0635ee33ab0f04b2dab33ef6968f8da8', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-next-table-expandable-row", { key: '93c06480664e31ac9bc5e314ff94ba32db0c9ef3' }, index.h("smoothly-next-table-cell", { key: '32743eee5e81c83c74fe3012d65c030cd50f89ef' }, index.h("smoothly-display", { key: '54adb9253ab0cba0a0397b2b36338773874fcf38', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-next-table-cell", { key: '4712e6a9380253720263525ae35b0ead96fffbe9' }, index.h("smoothly-display", { key: '561d24102faf7ff31bb890b1e286529196cd828f', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '3c3916db65c4b86c5d552624583da0db34b3cb42', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '142d1c5b627ae92a1752f7d6ef06d501441cc32c' }, index.h("smoothly-next-table-row-group", { key: '283b4de00b567ae384979c71491ae5b1da68b8a3' }, index.h("smoothly-display", { key: 'c2528bbaee0d1768089e3d65f640c2ec4dde9b17', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: 'd49a4418315e316666a2498bbc7219c9127ed44c', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '8d8156af71ecd1a2191da0c3f6ef0eea2069d2f5' }, index.h("smoothly-next-table-row", { key: '7b5fc6cef1ba76f8d2dedb7bfc7db3a2334a7954' }, index.h("fake-cell-wrapper", { key: '07b950bfa6ec9d08e25044055611bbe33085eb4f' }, index.h("smoothly-next-table-cell", { key: '735b7f2bd5696544ea2dac10b4334c703c1d3916' }, index.h("smoothly-display", { key: 'd48e34a42b66af9e6e3128c7361159bc8b6783e2', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'b796aa04e676ff95464d7a1e57515358eca59244' }, index.h("smoothly-next-table-expandable-cell", { key: 'a2e7beb3bc66ac381882d6436aa95ba40fea927d' }, index.h("smoothly-display", { key: 'cdd6557f9f5be1e75e619aaa43c7be25ecdc25bc', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '373b952c59b56bc9c86ca73716ef260b3e6b0495', slot: "detail", content: index.h("span", null, index.h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", index.h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), index.h("fake-expandable-row-wrapper", { key: '6002630598a704756ab1033d4add3e5be3f70da6' }, index.h("smoothly-next-table-expandable-row", { key: '280218959b52cfddc1d0a76d09d00ea16ce1ceee' }, index.h("fake-cell-wrapper", { key: '929b56a60bb688bea8c0216ddd30b4115ced99e4', class: "span-2" }, index.h("smoothly-next-table-cell", { key: '14ee5e81ebcc49152e4312f76f8bb48ec7705e63', span: 2 }, index.h("smoothly-display", { key: '56d758a97fc974cb4252f13920f17b365561e74d', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '810b564db032af7aa940eaadf47c60fb24d737b6', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-next-table-row-group", { key: '0d82be7690fa661b08f06269839abfc01a343530' }, index.h("smoothly-display", { key: 'f917da5169a8cf3b3291f2a7569f940f7b55704c', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '54a827feee811e4af7e34fea3dece9f583f65fbd', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
10815
10819
  }
10816
10820
  };
10817
10821
  SmoothlyNextDemoGroup.style = SmoothlyNextDemoGroupStyle0;
@@ -11757,7 +11761,7 @@ const SmoothlyNextDemoNested = class {
11757
11761
  index.registerInstance(this, hostRef);
11758
11762
  }
11759
11763
  render() {
11760
- return (index.h(index.Host, { key: '6c1222c532752e787cd37262f5e2a3104736f3f6' }, index.h("smoothly-display", { key: '99db4a77045305809c42acbda3518d6f9fcf29ac', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: 'f8221579dea4fc16f7c237f8e6df49d80c5b9080', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: '5e84c94ed2cef94cf823fa26290b696f5ce7b9f5' }, index.h("smoothly-next-table-row", { key: '7898fbcc36629738a6b9be5dfe7fd41bb041cbea' }, index.h("smoothly-next-table-cell", { key: '1f54bde1b99783652f91a0e9858ca71ed8476d7e' }, "Id"), index.h("smoothly-next-table-cell", { key: '2de42f3b99e2a150f1816dc393f83484aa56eead' }, "Registered"), index.h("smoothly-next-table-cell", { key: 'f3c1ba49ec8b9faca13f99c6125b0f10d602b48c' }, "Name"), index.h("smoothly-next-table-cell", { key: '79d1963ea0c335b2472bd0a823012fac8c3a2350' }, "Age"), index.h("smoothly-next-table-cell", { key: 'b71a2bd651d3ea73622c1a82ef5a9d237e491d35' }, "Balance"), index.h("smoothly-next-table-cell", { key: '026529065c4235a92162d6c397a96a3859dfdf85' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '5500c05e0bdea447c8c2e1b5b4e667636ccb75f2' }, "Gender"), index.h("smoothly-next-table-cell", { key: '398d770ac9ecc0e3721a08cc71556f2e5053ed3e' }, "Company"))), index.h("smoothly-next-table-body", { key: '21c834388c4e2bfa2b5dba008c827090654f3b8a' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.registered), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance), index.h("smoothly-next-table-cell", null, entry.eyeColor), index.h("smoothly-next-table-cell", null, entry.gender), index.h("smoothly-next-table-cell", null, entry.company))))), index.h("smoothly-next-table-foot", { key: '1d8b161dcbcc857d56fdd15314765b7c15125006' }, index.h("smoothly-next-table-row", { key: '987d5cbe2607ab9552a04d4188559aca7f2dad63' }, index.h("smoothly-next-table-cell", { key: '7a091d951cb4d83c069438fe3698bb884ff04d63' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: 'c202d01be30a7c40bd66c970531b407145e987b9' }, "Footer Cell"))))));
11764
+ return (index.h(index.Host, { key: '89a29e89849460cc58d0086c4ff8a72f24cda894' }, index.h("smoothly-display", { key: '43ee80dbf910dca06007da141f97aa6ab7305957', type: "text", value: "Nested" }), index.h("smoothly-next-table", { key: 'f94c8585784ae56550e6719fd995b1165fcee86b', color: "primary", columns: 8 }, index.h("smoothly-next-table-head", { key: '506fb8a08658b92c019456533fef433b7f05ef42' }, index.h("smoothly-next-table-row", { key: 'ec496a2aa1c8bbfa6e5be6859fcecdfbb857ed5b' }, index.h("smoothly-next-table-cell", { key: '9c0ead531c4252c40dfd90afae6ad784a404147a' }, "Id"), index.h("smoothly-next-table-cell", { key: '2a0e555f9834b8442ec322e31eb0d1ca22f43fcc' }, "Registered"), index.h("smoothly-next-table-cell", { key: 'a9c816eefdd26b12f25d6c33df292fb2d8aeadd0' }, "Name"), index.h("smoothly-next-table-cell", { key: '2b971a0bbf8d2d9fb8e3ca6da5f7d543ccbc1294' }, "Age"), index.h("smoothly-next-table-cell", { key: '6394e8b66f3d1c7cdc1853b4f04ff64fc9a2986d' }, "Balance"), index.h("smoothly-next-table-cell", { key: 'bfd49029f94b71374618ad4430e8145be86eba55' }, "EyeColor"), index.h("smoothly-next-table-cell", { key: '0a6de0a355ac00a13c2140c3ca1a790bd04abf5f' }, "Gender"), index.h("smoothly-next-table-cell", { key: '685f62027378dc13f55a907bb461995983f0f14a' }, "Company"))), index.h("smoothly-next-table-body", { key: '860ca5a46e781a229ed0e269a1efb41b71e96f6c' }, data$1.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-demo-nested-inner", { color: "secondary", data: entry.friends, slot: "detail" }), index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.registered), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance), index.h("smoothly-next-table-cell", null, entry.eyeColor), index.h("smoothly-next-table-cell", null, entry.gender), index.h("smoothly-next-table-cell", null, entry.company))))), index.h("smoothly-next-table-foot", { key: '8a83d1b386433b339047b7a5030aa480b359241a' }, index.h("smoothly-next-table-row", { key: 'f6664b70aded827756499df90c3adc1c07ec84d8' }, index.h("smoothly-next-table-cell", { key: '4cbe5897de6711eb7f42671a8cf2707a032cdd8d' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: 'ddf7f64df031f06696e64fafe3e78a7ffe2773e6' }, "Footer Cell"))))));
11761
11765
  }
11762
11766
  };
11763
11767
  SmoothlyNextDemoNested.style = SmoothlyNextDemoNestedStyle0;
@@ -11772,7 +11776,7 @@ const SmoothlyNextDemoNestedInner = class {
11772
11776
  }
11773
11777
  render() {
11774
11778
  var _a;
11775
- return (index.h(index.Host, { key: '7bdbe0cca1ca5e3bc02c428cf321293fb80c56da' }, index.h("smoothly-next-table", { key: '84af30b3b2962c7e5e6089483127f5091abd571b', columns: 4 }, index.h("smoothly-next-table-head", { key: '947db2198e62e3b7aaa910a69a4b30ea93aa02e3' }, index.h("smoothly-next-table-row", { key: 'dcc1094650ea6c5d7dd255cc683d9291cb7caade' }, index.h("smoothly-next-table-cell", { key: 'eccf443f03590455dbbc39d8d7a28cd888e6f5db' }, "Id"), index.h("smoothly-next-table-cell", { key: '4642970e8221f135966ca358d13adcdf973752be' }, "Name"), index.h("smoothly-next-table-cell", { key: 'fe4d34b15cf4330dcbe8af0cbd9a1c1848ec4264' }, "Age"), index.h("smoothly-next-table-cell", { key: '5577e7e729c955e8e7ea6f33cc062104e0a396be' }, "Balance"))), index.h("smoothly-next-table-body", { key: 'd8fa4f3533483a13c79cd8a9ee49a12fe4927339' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance))))))));
11779
+ return (index.h(index.Host, { key: '7d6a874d2afbf62bd1e49e7dadc0b65145ceb136' }, index.h("smoothly-next-table", { key: '72bfd023b189d08e1f3857b4ea26fa0708545fa0', columns: 4 }, index.h("smoothly-next-table-head", { key: '56c59bfce6ec946222917e48876c996cef0b114f' }, index.h("smoothly-next-table-row", { key: '6fc38c165ad49000675b2e71337b154f08eab75c' }, index.h("smoothly-next-table-cell", { key: '34dad67ac1c2fbbf800b13b8db670b7b175cb23c' }, "Id"), index.h("smoothly-next-table-cell", { key: 'eb7238e744ab1906c743f0964fb42abdca3245f3' }, "Name"), index.h("smoothly-next-table-cell", { key: '68a6e03c09b6383fdfd3e2bfbd6675ebe1e9a471' }, "Age"), index.h("smoothly-next-table-cell", { key: 'a25a964780a82e726aad0ad1b5f63ace20f3c9c8' }, "Balance"))), index.h("smoothly-next-table-body", { key: '869c690e4e6f01353729f9ac50c0f4e9f2a474fe' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-next-table-expandable-row", null, index.h("smoothly-next-table-cell", null, entry.id), index.h("smoothly-next-table-cell", null, entry.name), index.h("smoothly-next-table-cell", null, entry.age), index.h("smoothly-next-table-cell", null, entry.balance))))))));
11776
11780
  }
11777
11781
  };
11778
11782
  SmoothlyNextDemoNestedInner.style = SmoothlyNextDemoNestedInnerStyle0;
@@ -11785,7 +11789,7 @@ const SmoothlyNextDemoSimple = class {
11785
11789
  index.registerInstance(this, hostRef);
11786
11790
  }
11787
11791
  render() {
11788
- return (index.h(index.Host, { key: '59015a7d8f31b47fdc9e54c3d41a159e15050ff4' }, index.h("smoothly-display", { key: '356ff9628989b5a9db02fcabdc7627c05e7c0cc9', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: 'cce03a1804b87c9d3bca09b67dc733d3d7106b15', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '218c5f1840f70c925598042e2ffa84915b659081' }, index.h("smoothly-next-table-row", { key: '6a5de8ed9929fa3e5acfd8e3593157f428ff9168' }, index.h("smoothly-next-table-cell", { key: '2d5d08afe81d55ecb77452517f1c508c8e3b35ae' }, "Breed"), index.h("smoothly-next-table-cell", { key: 'c88d3218e43fd87d9000d11b392179dfb2b1a4d5' }, "Coat"))), index.h("smoothly-next-table-body", { key: 'd0720583d042a7a5cc90e3a2e3b678698525465b' }, cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-next-table-expandable-row", { key: '040d2d963a123a6629a1f199c36fa65049a4cde0' }, index.h("div", { key: '74cdf556a394fe8b02de80a1b1471cdb9e81a139', slot: "detail" }, "Content", index.h("br", { key: 'fe8260d11dcf91d87d95926c756f865187492de3' }), "of", index.h("br", { key: 'd23940cb8a1307804b4b9e99da6574a53bcd62de' }), "the", index.h("br", { key: 'f786bae91e426aade013334a9c18ddc15be8ffef' }), "expandable", index.h("br", { key: 'dec8f6de1a5d9b71187a29131825aedd81ffec9f' }), "row"), index.h("smoothly-next-table-cell", { key: 'e83c7094afaca4202aee0171606376ebbd90ddfe' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: '6e5cc8b1448f9c94edf290cd0e11067913a8a954' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: 'dffeed613a144726a85414e155aede48fb9dee4b' }, index.h("smoothly-next-table-cell", { key: '39e5871308ec66b3fe0f5582e17667f8588c9bab' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '9a827243c22d79b2ccc3f9c991ffb1a4f2c1cef7' }, "Expandable Cell", index.h("div", { key: 'a50b192489b8b95f1b3abb2527504bddcd092644', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: 'd4578dd07bcbb1e8be7b70c16b335c7529d0717c' }, index.h("smoothly-next-table-expandable-cell", { key: 'de121b6ca32417b9684a2a029432e694e40c297c' }, "Expandable Cell 1", index.h("div", { key: '9ee0a0cf837897f105aee5a567770db350d8c5b4', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: '0c703c8644a6507fd3a920762135ae27faaf8b32' }, "Expandable Cell 2", index.h("div", { key: '1a8e339334ea5232ab93e052915f4fcd7aa1cbb1', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: '99047da3ea93cc79f146c5de7c8739737041886c' }, index.h("smoothly-next-table-row", { key: '267cec599982bc2e8b29d3146f8606a235b2f76e' }, index.h("smoothly-next-table-cell", { key: 'b976d2b65e40beab63bf1b384cba726f50c72431' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: 'ebf45a1ff9a7808a10c02c2757e70784080cc52c' }, "Footer Cell"))))));
11792
+ return (index.h(index.Host, { key: '4bde0d3ee7c28e70e0dd2d07d26f34161d91511b' }, index.h("smoothly-display", { key: 'd379a2be5cd14894d421027c1df1e4cbc01fce58', type: "text", value: "Simple" }), index.h("smoothly-next-table", { key: 'f13b6ea02d48139757a2dcbd3cc9511faae2cc5c', color: "primary", columns: 2 }, index.h("smoothly-next-table-head", { key: '37e5984ada87c5549c3c72787b03cbb5699796b7' }, index.h("smoothly-next-table-row", { key: 'b129724ae15b6b5a5d55a4b423c555961462a9cd' }, index.h("smoothly-next-table-cell", { key: 'e14c84c49572af67559022e715bbdc8e77366bc1' }, "Breed"), index.h("smoothly-next-table-cell", { key: '36f4fe71c8b0c669bd2c60d2eb0217e504960474' }, "Coat"))), index.h("smoothly-next-table-body", { key: '8efcce79368d3d1ce2009fc589d87d388fa65246' }, cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-next-table-expandable-row", { key: '6ad4da6d8254eb2e64b5ad95514f17b4dac3b4ea' }, index.h("div", { key: '8e5582d2068a4c471fef3325b8a9b392474599cd', slot: "detail" }, "Content", index.h("br", { key: '89a49ed01c77bc9a864b2a06eaa1cd81871deddd' }), "of", index.h("br", { key: 'c376c9dcc6b7f97d905016163d34f31067c176f5' }), "the", index.h("br", { key: '48add0198d48e7de1829ae9e21f2f98c46bc98a8' }), "expandable", index.h("br", { key: 'd21a93e148002f3783f024f1737fea9f4fe21d43' }), "row"), index.h("smoothly-next-table-cell", { key: '64e5d929f5f8d30b4e9f421b48656e29e7029056' }, "Cell1 in expandable row"), index.h("smoothly-next-table-cell", { key: '279cc7f765ccd463e40c6bc0368f50bc9964cf26' }, "Cell2 in expandable row")), index.h("smoothly-next-table-row", { key: '9b49c8547fd78c8b670515bb99f1e4136cca1890' }, index.h("smoothly-next-table-cell", { key: 'e09983c68e376c1c7e8f4c23a2498a9c727fbda0' }, "Cell5"), index.h("smoothly-next-table-expandable-cell", { key: '752ae4c92abed2525084cd21ed2554252623a6f6' }, "Expandable Cell", index.h("div", { key: 'f42d3c7d4af3e3d14d7027dcef0edecdd350ce78', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-next-table-row", { key: '0e2187a7e759f2561ffd9d5e650fad0843161118' }, index.h("smoothly-next-table-expandable-cell", { key: 'a321301b2264a6d661a872549582524d8cf9c69a' }, "Expandable Cell 1", index.h("div", { key: 'f9c076bd684723346e39684abc2b585c70465772', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-next-table-expandable-cell", { key: 'ca4c51d9ee0b4219c6229cfabd8a449fb5ece100' }, "Expandable Cell 2", index.h("div", { key: '59d6bf2e25ed1ddf51573e11bb8a54878adff248', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-next-table-foot", { key: '1c1388ae4a1a8081e370fe2402ae1e363b42e95e' }, index.h("smoothly-next-table-row", { key: 'a8725994945941a86df354860dab9b77e6b9bb4a' }, index.h("smoothly-next-table-cell", { key: '07d2b050686f1df849f9e67ab42cb86c51cf9c68' }, "Footer Cell"), index.h("smoothly-next-table-cell", { key: '785026444230779dc76d667b497cd3f0b3670ae2' }, "Footer Cell"))))));
11789
11793
  }
11790
11794
  };
11791
11795
  const cats = [
@@ -11874,7 +11878,7 @@ const SmoothlyNextTable = class {
11874
11878
  event.stopPropagation();
11875
11879
  }
11876
11880
  render() {
11877
- return (index.h(index.Host, { key: '6804dbace6376e8c54b713a5fec8c5d56992f775', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: '4841f6c01636a504f75000475e74755eefda9000' })));
11881
+ return (index.h(index.Host, { key: '43c249ace5297e238fbe927d386c09ab1bac9d8a', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: '0ec05adc401a50ba6060062442c44a8a759320a6' })));
11878
11882
  }
11879
11883
  };
11880
11884
  SmoothlyNextTable.style = SmoothlyNextTableStyle0;
@@ -11887,7 +11891,7 @@ const SmoothlyNextTableBody = class {
11887
11891
  index.registerInstance(this, hostRef);
11888
11892
  }
11889
11893
  render() {
11890
- return (index.h(index.Host, { key: '5d0983155cbff68854670d5bd8fa1848bbcb6259' }, index.h("slot", { key: 'f6911755301325986613180423d9e4033cde1e30' })));
11894
+ return (index.h(index.Host, { key: '505af2c36044e6869d86dc6b26e6302828c34a97' }, index.h("slot", { key: '3d487bf713a64ff2d7a1c3d24f560f0af336d413' })));
11891
11895
  }
11892
11896
  };
11893
11897
  SmoothlyNextTableBody.style = SmoothlyNextTableBodyStyle0;
@@ -11902,7 +11906,7 @@ const SmoothlyNextTableCell = class {
11902
11906
  }
11903
11907
  render() {
11904
11908
  var _a;
11905
- return (index.h(index.Host, { key: 'dee99fbdbbdf1645ff4bbb973530cef4d37ac172', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '4a298f6d7707982e572e1e997cee76123b297738' })));
11909
+ return (index.h(index.Host, { key: 'f9dbda8d6802f5e706add1c4dbfa886b2d09f890', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '21817f6a421f8c6171ce1cb608ca6740210c59ed' })));
11906
11910
  }
11907
11911
  };
11908
11912
  SmoothlyNextTableCell.style = SmoothlyNextTableCellStyle0;
@@ -11974,18 +11978,18 @@ const TableDemoFiltered$1 = class {
11974
11978
  }
11975
11979
  render() {
11976
11980
  const cats = this.cats && filter(this.criteria, this.cats);
11977
- return (index.h(index.Host, { key: '4caa8a680f0e80d982ce5d3cd7c1455c14d7cdd0' }, index.h("smoothly-display", { key: '04990c9f111ce14eb58d34f1970f28a5812a3158', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '592475cbddd1b25ae03992d3f5456d81286872cb' }, index.h("smoothly-filter-toggle", { key: '913b3980eeebbcaed87afaa1b3c833e62bdc1ba4', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '7a15e6a0b61269a4d88a834c6ce3ca8dbf957bfc', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'e22c428860e4209809ed32c6f0654051940cbbe4', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'c1e437d8d761234ffca6d129f8d35ebfc6c78403', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '5009681434e452ab2d04a65305e2a89cc2333c08', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
11981
+ return (index.h(index.Host, { key: '3df9fb90a91084e2848ba9d6d08a388332fa2b27' }, index.h("smoothly-display", { key: 'e5a6ad12b56a089347e235d7c991dc2e1a378ffb', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: 'bc6213511a687b4337223cb80dede154e1858cac' }, index.h("smoothly-filter-toggle", { key: '09dfdca0035b048f742d7024662bdfda7a740108', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'f12deb462badb5b1b8434e03cf946953c1ed34be', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '960d6eb11fc5353e5c74eea8ce5de4f41511b127', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'c2c992dcee89a5ece0a1f6d664a0b876e3122258', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: 'fceb57ead03f5a939e4efc629c41252483d9b7b4', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
11978
11982
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
11979
11983
  var _a;
11980
11984
  return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
11981
- })), index.h("div", { key: '4197f4917f6631ab8c4ba95125d15bf4a693a14c', slot: "detail" }, index.h("smoothly-form", { key: 'ff0fbf3151867a27e4f0ad3e4d7590dbd55d7c07', looks: "border" }, index.h("smoothly-filter-select", { key: '104489be5d7c20a052c0e3606e7c0206f7eca51e', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
11985
+ })), index.h("div", { key: 'b0978309ddf6131415ce3f21072b3c021096291a', slot: "detail" }, index.h("smoothly-form", { key: 'c114e99147ccf9b11f06fc9e2378e017e1065058', looks: "border" }, index.h("smoothly-filter-select", { key: 'f7e91aaf56528edb2cf950554149861211ca510c', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
11982
11986
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
11983
11987
  var _a;
11984
11988
  return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
11985
- })), index.h("smoothly-filter-select", { key: 'b43045e1ead447970dbee1d624d2fa9dfa7f0802', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
11986
- Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: '36635c2b16f5fc746f0ecf8eba451961d2ed8c4e', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
11989
+ })), index.h("smoothly-filter-select", { key: '73dd016ecbf20173e2706bd3e3941b8c85fb1e9a', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
11990
+ Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'a25076490b756ba7d17c6e0cbb3d0365ce0c4e0f', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names$1)
11987
11991
  .flat()
11988
- .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '129e906f704b829c31e0b27d6c448e7d7c7b51ef', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'bb9a705e15a9e87426c76e762a253ec87988891b', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-next-table", { columns: 4 }, index.h("smoothly-next-table-head", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cats)), index.h("smoothly-next-table-cell", null, "Breed"), index.h("smoothly-next-table-cell", null, "Coat"), index.h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cat)), index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-next-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-next-table-foot", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
11992
+ .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '0e1de70a5b0641d12d9073d821219f88f75f5f98', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'e5b6d592672ac9b7b7bc73f7e66cbb10ebcb6c4a', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-next-table", { columns: 4 }, index.h("smoothly-next-table-head", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cats)), index.h("smoothly-next-table-cell", null, "Breed"), index.h("smoothly-next-table-cell", null, "Coat"), index.h("smoothly-next-table-cell", null, "Price"))), cats.map(cat => (index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", null, this.selector.render(cat)), index.h("smoothly-next-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-next-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-next-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-next-table-foot", null, index.h("smoothly-next-table-row", null, index.h("smoothly-next-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
11989
11993
  }
11990
11994
  };
11991
11995
  const names$1 = {
@@ -12021,7 +12025,7 @@ const SmoothlyNextTableExpandableCell = class {
12021
12025
  }
12022
12026
  render() {
12023
12027
  var _a;
12024
- return (index.h(index.Host, { key: '15852d3a176598468ef2c6c0dccaa165e5e88fde', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: 'c43083d50752290cd162ce62f80959be1cbdc794', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: '011689646169da8430d7c9823f0ff5d3fcbae938' })), index.h("div", { key: '4e2e3aa1e0c2e5b00bf484a273e07a3500f59062', class: "detail" }, index.h("slot", { key: 'b711aee82b0b9f46095320fdb7dd6cb287237e48', name: "detail" }))));
12028
+ return (index.h(index.Host, { key: '20867e885ac6a9f679e1dfe1151acf835f1252d4', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("div", { key: 'f57f0759018fa5ed33e12ed330ac5eb97578ba3a', onClick: () => this.clickHandler(), class: "content" }, index.h("slot", { key: 'ff589f47e23de01d3251f72f78f4d9016faaf359' })), index.h("div", { key: 'ae1ed6182461aa6c79e06666aa36e0788a27b2a4', class: "detail" }, index.h("slot", { key: 'eb96b75a3cd5236b7fb6f5d413d51509c83d1456', name: "detail" }))));
12025
12029
  }
12026
12030
  static get watchers() { return {
12027
12031
  "open": ["openChange"]
@@ -12045,7 +12049,7 @@ const SmoothlyNextTableExpandableRow = class {
12045
12049
  this.smoothlyNextTableExpandableRowChange.emit(this.open);
12046
12050
  }
12047
12051
  render() {
12048
- return (index.h(index.Host, { key: 'eaa01abedb8fc3a464646dc35eab0b32c138b95d', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '52c99d47bf141b049e1fe13745f5cdbb012babb0' }), index.h("div", { key: 'c31828a2c84e9cd0c02ff8279349805490e14d10', ref: e => (this.div = e) }, index.h("slot", { key: 'c9d8c7486da475a0155dba7c177c7ec0d15e31c8', name: "detail" }))));
12052
+ return (index.h(index.Host, { key: '2a54e8c8cb9bcaf124e7d2bb42a08d6d6b82da06', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '98b19e77f6c21a32a0c3f2173bbc6257d1642e17' }), index.h("div", { key: 'd39b943bb196bc19017cd00f18ffc689d04e06f7', ref: e => (this.div = e) }, index.h("slot", { key: '8fc9b2f5f4413120311330f730bf6adf255b7d66', name: "detail" }))));
12049
12053
  }
12050
12054
  static get watchers() { return {
12051
12055
  "open": ["openChange"]
@@ -12061,7 +12065,7 @@ const SmoothlyNextTableFoot = class {
12061
12065
  index.registerInstance(this, hostRef);
12062
12066
  }
12063
12067
  render() {
12064
- return (index.h(index.Host, { key: '9ecc131c68b9365e2b5f156e734a51b6b936753c' }, index.h("slot", { key: 'afb9f1c59bb8c9a95f870bc8f3b78637587a34c2' })));
12068
+ return (index.h(index.Host, { key: '52dc46409103f2a315380ad6e541a81c1ef9fd90' }, index.h("slot", { key: 'ca0e9347b58ae72798f0bf62d92a585074d6334c' })));
12065
12069
  }
12066
12070
  };
12067
12071
  SmoothlyNextTableFoot.style = SmoothlyNextTableFootStyle0;
@@ -12092,7 +12096,7 @@ const SmoothlyNextTableHead = class {
12092
12096
  (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
12093
12097
  }
12094
12098
  render() {
12095
- return (index.h(index.Host, { key: 'e3274eee4c77d1df9b5571e84acd9bfcaaef4521', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '6f14748501de2c7508dc6820f4732986871b83d5' })));
12099
+ return (index.h(index.Host, { key: '204c81c04897145a2c712cbd8895d4ce949b7bdf', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '126851e42c32f6109c07203cb6c7e9422252bcd2' })));
12096
12100
  }
12097
12101
  get element() { return index.getElement(this); }
12098
12102
  };
@@ -12116,7 +12120,7 @@ const SmoothlyNextTableRow = class {
12116
12120
  event.target != cell && cell.close();
12117
12121
  }
12118
12122
  render() {
12119
- return (index.h(index.Host, { key: 'aa9d04e6fbf7f3cfa4c19cdb99de6b5bf11f33cd' }, index.h("slot", { key: 'c128bf893c44a6f9e5c37d89549fd46e1e878939' })));
12123
+ return (index.h(index.Host, { key: 'b454058d2dee4a498f7a0654079e7b4073a5634e' }, index.h("slot", { key: '47e980e2993cbd4427b125b917b298f5ab259879' })));
12120
12124
  }
12121
12125
  };
12122
12126
  SmoothlyNextTableRow.style = SmoothlyNextTableRowStyle0;
@@ -12136,7 +12140,7 @@ const SmoothlyNextTableRowGroup = class {
12136
12140
  this.smoothlyNextTableRowGroupChange.emit(this.open);
12137
12141
  }
12138
12142
  render() {
12139
- return (index.h(index.Host, { key: 'ea9a77b41bbe77c69bab7c6549147e66a6299ad7' }, index.h("div", { key: '994fd56ae6a24b9efb2411ae63c3cc83a748e545', onClick: () => this.clickHandler() }, index.h("div", { key: '3088403d02d58569095097ae6fd4ab05f1d3f864' }, index.h("slot", { key: 'e498a86313fdeaecfff044dad8fe2ae5ee52bba0', name: "start" })), index.h("div", { key: 'd33dfe21b41ec7ad5a9ee932a0d48ea6450c6f1a' }, index.h("slot", { key: '6fea222cee6095820e2810037312ab9cbab16ed2', name: "end" }))), index.h("div", { key: 'bbdd744d6eec83f26ec49dc216e8513f525326af' }, index.h("slot", { key: '8ae8d5603ada93c11e0bcbc2248d3ea1b6af6dbe' }))));
12143
+ return (index.h(index.Host, { key: '4709bffe064ca8000f2c065eac559971c0ca35b3' }, index.h("div", { key: '2cdf3ae92dc2c511c8e144509e5c0377cf88b14b', onClick: () => this.clickHandler() }, index.h("div", { key: '1183805151aa60fd6a5d8da676cbb200c996f4a5' }, index.h("slot", { key: 'd913e76d9a3c4fb644f2c03eef0c04c0bd46dcc0', name: "start" })), index.h("div", { key: 'a6d18d7a074b652dd18775ecd9814358fd055b54' }, index.h("slot", { key: '95a8552d69822561f289ae9582d62b77ca6f5ce9', name: "end" }))), index.h("div", { key: '2f7930c3ea699c2d0e1433e684e9869ce100050a' }, index.h("slot", { key: 'abf4639d9850a19e066d7863423962db7f553b9b' }))));
12140
12144
  }
12141
12145
  };
12142
12146
  SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;
@@ -12196,7 +12200,7 @@ const Notification = class {
12196
12200
  this.onUpdatedNotice(this.notice);
12197
12201
  }
12198
12202
  render() {
12199
- return (index.h(index.Host, { key: '46c1dad38c0ca382bde65ec5fcee0bdea0acc7c0', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '3261e54288a7fa48609fe3a9749488dd394ecfbd', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '1d86d2da4cf00285162c46dc14dbd7d343c95a66', name: "close-circle-outline" }))), index.h("span", { key: '012526a4ef0b30903c2f94ce7efc8af84e796325', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: 'c2850f12703931a875a89ec5b836f24107ce7236', name: this.properties[1] }), index.h("p", { key: 'e224c645d1ed9369cd3bfd83040694477dfa97dc' }, this.notice.message))));
12203
+ return (index.h(index.Host, { key: 'c59bbeb274b600e0e548203b66f719499e74a893', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '28baed218fdb80c7e559b0ed3938495bae653bdf', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: '19475a1645cc740071f812202fb4178d338e5c77', name: "close-circle-outline" }))), index.h("span", { key: '5454deaa11b6855ae85d262c5cbb4e5f420d71cb', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: '2cbdc9a62d8bb1d998a02c701ec1f581ca1ee629', name: this.properties[1] }), index.h("p", { key: '50114c412a23fe6eedf36aeeb08dbcf0a134323e' }, this.notice.message))));
12200
12204
  }
12201
12205
  static get watchers() { return {
12202
12206
  "notice": ["onUpdatedNotice"]
@@ -12221,8 +12225,8 @@ const Notifier = class {
12221
12225
  }
12222
12226
  render() {
12223
12227
  return [
12224
- index.h("slot", { key: '2b7a3567c8c83551b88a806a4ae3679cb23d8e66' }),
12225
- index.h("aside", { key: '538be034d30c719df675f7e48ca83d78d5517697' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
12228
+ index.h("slot", { key: 'ff64a0c26301115f0a221588570ecf0a68b32239' }),
12229
+ index.h("aside", { key: '89c5886ab3cf0ff6a44c82137e68a8c90ef620d1' }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon })))),
12226
12230
  ];
12227
12231
  }
12228
12232
  };
@@ -12239,9 +12243,9 @@ const SmoothlySpinner = class {
12239
12243
  }
12240
12244
  render() {
12241
12245
  const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
12242
- return (index.h(index.Host, { key: 'cdd6a5a7f32966d4a5dec1d28523a92aa418ae62', style: {
12246
+ return (index.h(index.Host, { key: '69db7a03caefa5ea1af957d9b87bad86b498ff2f', style: {
12243
12247
  "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
12244
- } }, index.h("svg", { key: '24845a030a852541482e632ce4512518b95e059e', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '74f68ac4ea13de901db5b2560f6d12fae14e1829', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
12248
+ } }, index.h("svg", { key: '6797c171a2daca6662eff6f3b08a8fb8c6c73aff', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'c348aedbcd4effe35728527c217c33f0da315027', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
12245
12249
  }
12246
12250
  };
12247
12251
  SmoothlySpinner.style = SmoothlySpinnerStyle0;
@@ -12274,7 +12278,7 @@ const SmoothlySubmit = class {
12274
12278
  (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
12275
12279
  }
12276
12280
  render() {
12277
- return (index.h(Button, { key: '7385202d1343f06c46271127857dc3abc869d155', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'aa5e4eb43e752d9b68ee24246d449f6793241969' })));
12281
+ return (index.h(Button, { key: '0a23fc9162eda74983ead804c92022b1833a401d', disabled: this.disabled, type: this.type }, index.h("slot", { key: '929b4102441c673a44c156745ff622593dfcff63' })));
12278
12282
  }
12279
12283
  };
12280
12284
  SmoothlySubmit.style = SmoothlySubmitStyle0;
@@ -12309,7 +12313,7 @@ const SmoothlySummary = class {
12309
12313
  }
12310
12314
  }
12311
12315
  render() {
12312
- return (index.h("details", { key: '31afe4ad1883102e9a33c9887621d60457f84648', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: 'a0d4c0826dc9802c8cbf4fdde83e54dfd00356b8' }, index.h("smoothly-icon", { key: '7bc48d6671b5e4a45295f3f7f024803511eb824b', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: '6103fc1ce41709d95ab39a4b8c248504680452e8', name: "summary" })), index.h("slot", { key: 'a4030c82d20ef785867456fdb219ea6279989f75', name: "content" })));
12316
+ return (index.h("details", { key: '834040f9835aae1e77b355bcace12938bd45876b', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: '44fc10d98a75627a64be2f385e01e97da6d14074' }, index.h("smoothly-icon", { key: 'bda9f35b9a9a9105b33d78a31fe07c662d5b140f', name: "caret-forward", color: this.color, fill: this.fill, size: this.size }), index.h("slot", { key: 'be55477e5b84c3a1db0033b869feef9b9dca60c3', name: "summary" })), index.h("slot", { key: '6fa4a282cfe35bf531f13e69df10aaf1c52b02fc', name: "content" })));
12313
12317
  }
12314
12318
  };
12315
12319
  SmoothlySummary.style = SmoothlySummaryStyle0;
@@ -12351,7 +12355,7 @@ const SmoothlyTab = class {
12351
12355
  }
12352
12356
  }
12353
12357
  render() {
12354
- return (index.h(index.Host, { key: 'fb5fad2c8b54e4910a20c8464345cf5197927442' }, index.h("div", { key: '2bc025d58b544b5fc44336faa6c2cf8ce88586fc' }, index.h("label", { key: '886e2e89141e2a3fb0def77df64a94c7b4f1ad1e' }, this.label)), index.h("div", { key: '7e06df9aa1f628c8d154719c9c5f6fd287792254', hidden: !this.open }, index.h("slot", { key: 'f2d02a7e66f0e964979632eb39f6e3af831471b0' }))));
12358
+ return (index.h(index.Host, { key: '3898783d8e55c3f3a1f1b23b17c2efb589d281a5' }, index.h("div", { key: '46771f042f424d469910a188e2692f3f36405aa5' }, index.h("label", { key: '1e48e3cb0e91f223ec3511c1e7c3fa4a2151fea6' }, this.label)), index.h("div", { key: '9e1fc142cff5bbc15c79a224a507d57cea7e3127', hidden: !this.open }, index.h("slot", { key: '8a6aa9ac747667f69f1b8b585c55286f7e858ccc' }))));
12355
12359
  }
12356
12360
  static get watchers() { return {
12357
12361
  "open": ["openHandler"]
@@ -12402,7 +12406,7 @@ const Table = class {
12402
12406
  event.stopPropagation();
12403
12407
  }
12404
12408
  render() {
12405
- return [index.h("slot", { key: '48c6cd161d4cfc2210d795fc0a9eac3fd191bed5' })];
12409
+ return [index.h("slot", { key: '4aa8fd7c3ffc62f2d043ef82e3f2c8a06b2bf7f2' })];
12406
12410
  }
12407
12411
  get element() { return index.getElement(this); }
12408
12412
  };
@@ -12416,7 +12420,7 @@ const TableCell = class {
12416
12420
  index.registerInstance(this, hostRef);
12417
12421
  }
12418
12422
  render() {
12419
- return (index.h(index.Host, { key: '6db54e2931b7274b42aa71c7ead9f06dfa7d84ba' }, index.h("div", { key: '01cb833fbf3ccbddad41080e3081a12fe3927732' }, index.h("div", { key: '9b052702295148fb99843df899634c2744b6fd54' }, index.h("slot", { key: 'd792d87f8310d874244a769823cb49c6fba69195' })), index.h("smoothly-icon", { key: '95ea28456dcd3c72ee9d8071fd8da7520b0c2632', name: "caret-forward-outline", size: "tiny" }))));
12423
+ return (index.h(index.Host, { key: '342e8c9cdfa98a71d9897e1e5376a43abc2b5c75' }, index.h("div", { key: '035cfef7d4f70177b9c62c20b4a2a382727979d2' }, index.h("div", { key: 'fc85f192f5ca54d6988eea0bfcb3932756181b8f' }, index.h("slot", { key: 'a7982d67338f7e72aca950120c2795e780b2c287' })), index.h("smoothly-icon", { key: '9f73e93f4da25e231c1015feade2a2a76948512d', name: "caret-forward-outline", size: "tiny" }))));
12420
12424
  }
12421
12425
  };
12422
12426
  TableCell.style = SmoothlyTableCellStyle0;
@@ -12429,7 +12433,7 @@ const TableDemo = class {
12429
12433
  index.registerInstance(this, hostRef);
12430
12434
  }
12431
12435
  render() {
12432
- return (index.h(index.Host, { key: '92f513d55227dba228e26e494406f6bb9d9ad429' }, index.h("h4", { key: 'abc1315b9edea212668f88155b8d1c213f37abe8' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: 'f904a00c90bb8c921f3e4ccfcac2cc96197275d1', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: 'd803672bd5fcb32562f9c62d0c974bf431228f1e' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '0809e1c7a09f84280027b30718960bf2dd318ec9' }), " ", index.h("h4", { key: '6237b7cb08a7f2f7a88cb2907825be7220f84ee7' }, "Demo table 3"), index.h("smoothly-table", { key: 'c0c166d0f0678837eb21d143d2145aca89b5da5d' }, index.h("smoothly-table-row", { key: 'a68d8ed2e13f323def5844ae7ad9f0d5fd0c4cfe' }, index.h("smoothly-table-header", { key: '238de73bec46cfc727631f75301ea21ddb24ad2c' }, "Header A"), index.h("smoothly-table-header", { key: 'fb4a501c1c18e38394bccc80810df03bb4406f53' }, "Header B"), index.h("smoothly-table-header", { key: 'f91f15e38af7bcc9b17f1131df06f198cd44740c' }, "Header C"), index.h("smoothly-table-header", { key: '2c42c7264d9a2ecaa9730a9c5147374ac2e57812' }, "Header D")), index.h("smoothly-table-row", { key: 'd5826ec87939f46fdf5b30e729a0e26ebfddf5ff' }, index.h("smoothly-table-expandable-cell", { key: '679a116c9ecd188f55fb45fee071d9551c19fe9f' }, "normal row (exp.cell)", index.h("div", { key: '0c963febfc2dd18c47b628e0fbf884aab2413020', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: '7a89811787a703d1367f4a80f5223ad2c5d76638' }, "expandable cell", index.h("div", { key: '80a98eedad313c107ed523ab876cd5fd04d9b566', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '38d30f1089f07a3f34bb05a0b7f1ba6c3e4b0187' }, "expandable cell", index.h("div", { key: '241d2b0bed2b36afa8139526a9e6b9ca9257a265', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '0f886b844535df7af6aa92e1b7277dafc4b7cb41' }, "expandable cell", index.h("div", { key: '973ea5c201ba68d934c0a69de33bdd4ad88ce5c6', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '4c2ebd9796cbdc87be116661409497cac5e8812f' }, index.h("smoothly-table-cell", { key: 'a1c3656a8c0e29d7ffe77207cbec5553b8ee1a75' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: 'bcf4078fac7e16da37be32fe26ebf81b485a61a2' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '614bfed4620c5c1aa987d99466260b1303ed650a' }, "expandable cell", index.h("div", { key: '6e9f3c38acd04facea39c77519e9badf94da296b', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '3e31629d1b7c03eca92fa836f985178a05eb47e8' }, "expandable cell", index.h("div", { key: '2bd3b882a0bf7aa5beda30361972080443bd0f63', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '24bace1d70f5b668b32e92b57f471f2b165f54e1' }, index.h("smoothly-table-cell", { key: '00d7830c11bad043c9104b06321578bbe6e66b3f' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: '472de2351e7302c32b5c08d8dfc8e55e12a9cebd' }, "Normal cell"), index.h("smoothly-table-cell", { key: 'ea89bf1cd6a8a3cecf49fd1a9f99e700e3b0591b' }, "normal cell"), index.h("smoothly-table-cell", { key: '38290e8aaba337cde1b723b10ecb10ddf863ca61' }, "Normal cell"), index.h("div", { key: '8cce4827a1fd11216dd3f805c82e1e949148effc', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '68518686b0182d1514ef7cbeff95b9bc24b74271' }, "Demo table 4"), index.h("smoothly-table", { key: 'eac5df37d0f23b58df257e45bfe5053ce2528c31' }, index.h("smoothly-table-row", { key: 'a293380c9513fb04dca9e1ead25d2724bdb1f0d2' }, index.h("smoothly-table-header", { key: '778d3ad63b1f14dacbd2694ac6f5139b49088e7d' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '87d5bb118e6094a4db27ad64a93b8e61c11d9002' }, "Header expansion", index.h("div", { key: '4abe10bfb3dff27ece7a68c945bc5da9e8430d9a', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: 'fadaaad5867c81e2cf695150c4c76f870ecf3c33' }, index.h("smoothly-table-cell", { key: '882ec61c1ddce70ebefff560da78ba6e8f7e4315' }, "A Content"), index.h("smoothly-table-cell", { key: '561070b787072233db76082c39a7a15e1f5557a2' }, "Expansion cell"), index.h("div", { key: 'e9bb8faf1c9d48245ea6f070e6db1699e4ab7c14', slot: "detail" }, index.h("smoothly-tab-switch", { key: '06ada5099231fd695db8d49d349e7375ea26a62d' }, index.h("smoothly-tab", { key: '48bce3ce64782c6c4f53c83c35fe6df3be6e1645', label: "innertable 1", open: true }, index.h("smoothly-table", { key: '471ace064438c2d2cee67054b8b0ee490d2e6285' }, index.h("smoothly-table-row", { key: '64683dd83627d6fc388d4be7ac6c5510583b2d91' }, index.h("smoothly-table-header", { key: '189665dbf7bc2ed9e48f7a59fbb39b57f706733d' }, "Header B")), index.h("smoothly-table-expandable-row", { key: '1eb9b2a8235f87f5951c390fabc4e91f8cc4ec1d' }, "B Content"))), index.h("smoothly-tab", { key: 'c5fac85e652570bf165450122702c3685859e395', label: "innertable 2" }, index.h("smoothly-table", { key: '84583ab1af0ceebe0b7a16684829ef83229cbb2c' }, index.h("smoothly-table-row", { key: 'ca16e0eb345a93d3994931171dde89a8d55d871f' }, index.h("smoothly-table-header", { key: 'da222edb5d2caf51646e6dc2c592c6c782b67042' }, "Header C")), index.h("smoothly-table-expandable-row", { key: '83535279796e2ca9c343fbabbf15338118335ddd' }, index.h("smoothly-table-cell", { key: '4e6e3852bcab06a3a2984cf083ff6de8ad5fae39' }, "C Content"))))))), index.h("smoothly-table-row", { key: 'dd63e3ebb3f5df4c5a6180307ac882eebf96d20b' }, index.h("smoothly-table-cell", { key: '49fb10e90814d69dfd5cd8fc1810c7a789e29df7' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: '7f97b2f62924b4e20514089aec2b9d3fd1b1d1d2' }, "Expandable cell", index.h("div", { key: 'af0d900eb7ab2e182ece231aa04a903a2413787c', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '96ca0dd5b1900a579a2e7cd6fc2a2137654e141b' }, "Demo table 5"), index.h("smoothly-table", { key: '18a0befe39245234b0f41523281118bb64a60861' }, index.h("smoothly-table-row", { key: 'a26c4c901f88cda5db2e5db2855de2ff47d184ce' }, index.h("smoothly-table-header", { key: 'f82d23dc4cf4a0ae3c21805a4b0af5d30568b237' }, "A"), index.h("smoothly-table-header", { key: '895ea7304a8f9011ce163bf2a3d32672a257ff31' }, "B")), index.h("smoothly-table-expandable-row", { key: 'f85932a94e2e41bc1f1a9409a6602d2b31dba846' }, index.h("smoothly-table-cell", { key: '945dec300b9c931e64d97fadb3f79ade01506753' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '77096641712735c81db99d5c6c4df763a64c3de0' }, "b row"), index.h("div", { key: '98e1219afd7ac37f01a5fe0ce4e25248c8ca0ebc', slot: "detail" }, index.h("smoothly-table", { key: '3f52747a3c18f7bf4918d3c60bb50a09d0fa67fa' }, index.h("smoothly-table-row", { key: 'e6c5dc79f8ba20f568f5194800ed8915644fdbd5' }, index.h("smoothly-table-header", { key: '5baa9f42e473fee16830daad45d7649c1260941e' }, "C"), index.h("smoothly-table-header", { key: '5e0514012ea5bb0a17cb8d1e117cb8d06587cb42' }, "D")), index.h("smoothly-table-expandable-row", { key: '46a34e53adc1f874bd8e586ab7848d3ced7c812d' }, index.h("smoothly-table-cell", { key: '81bdd9d99030044b72036cf861f1178854d5431b' }, "c"), index.h("smoothly-table-cell", { key: '82b8d6cc31613b107b2d890082c4ed1c4d37d986' }, "d"), index.h("div", { key: '06f895d065d0feb8dbec51bc9ccda0fe7e99226d', slot: "detail" }, index.h("smoothly-table", { key: 'b2cd52043f5e6d99e0aa192935e208b5fa022f41' }, index.h("smoothly-table-row", { key: '0e3d379389aeaa8513e8d2280b3fbcae441d49e2' }, index.h("smoothly-table-header", { key: 'ec7bd5c96a31f935a55f0a82e54ad16e63d3ae12' }, "E"), index.h("smoothly-table-header", { key: '4e49a439dfee969d87bb76a5e27606b1959384de' }, "F")), index.h("smoothly-table-expandable-row", { key: 'f50c6f85fb3edff6141cb7cf5c4628f45078b290' }, index.h("smoothly-table-cell", { key: '9dfa9d7ad4d33c9b8ef6b93528d8fdb141afe686' }, "e row"), index.h("smoothly-table-cell", { key: 'd452bd4fd696b0f83ca6ec09e4f9ccc43308d795' }, "f row"), index.h("div", { key: '013ef03d962936e9e60a5b1d493570fb9239b11f', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: '8f5c879b1af647c8f85929e6e1f7d2fe0c019c25' }, index.h("smoothly-table-cell", { key: '18a66b17f682c1b4c3680bbb05663f1f4dc5e613' }, index.h("span", { key: 'fe7e0b98649def95222a40a394be54c4870bd420' }, "one"), index.h("span", { key: 'dae691330a8a6bfd6318dd2f65320ec12a67a893' }, "two"), index.h("span", { key: 'a8e5fdb6c136e0c0c6711f87c398594787b91869' }, "three")), index.h("smoothly-table-cell", { key: 'ddb09a805e30f143628ba7567c595fc51ef91845' }, "five", index.h("smoothly-icon", { key: '7bf7fc8565a14b3ad2cf846a2b2e4511bdd7224c', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '95104e018f31db26e452a95da47a91f494fbb9ea', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '8acc8ed9bb2a62292d05c1b25e1460037ad07559' }, index.h("smoothly-table-expandable-cell", { key: '85d656d74971a530eb223733623b9e8676927269' }, index.h("span", { key: 'bbdd4168cc99cc6f93385e6ffc6f9353359daca1' }, "nested expandable cells"), index.h("div", { key: 'ab8485bfa2748bc529461a208d13f352198799b0', slot: "detail" }, index.h("smoothly-table", { key: '5896a31a6252734b936ffb248337ae3024b5eb39' }, index.h("smoothly-table-row", { key: 'bc9ac8e9a4a8ad2099dbb034c976fc42f74f9c6a' }, index.h("smoothly-table-header", { key: 'a78ac4c685ac1ca605b3d5dcc4a06a2d7c64d7c2' }, "E"), index.h("smoothly-table-header", { key: 'e87b9e033d6e43782032f4efe23cbd8147fc44b5' }, "F")), index.h("smoothly-table-row", { key: 'd3b571f79298e2be00f7759afce4475155e39382' }, index.h("smoothly-table-expandable-cell", { key: '225c0db4a88a5b44912383233956bdffc190222c' }, "e cell", index.h("div", { key: '4861b493306a793c4814a216eddf9c752c63e8ca', slot: "detail" }, index.h("smoothly-table", { key: '539561d4f24a417661bb94a017ac22634b5cd9b4' }, index.h("smoothly-table-row", { key: 'e1a13304421896669ef5f076cfe52213a3acea2b' }, index.h("smoothly-table-header", { key: 'b1fa8dba9dbbda98f646db56d0aded684198a24f' }, "G"), index.h("smoothly-table-header", { key: '34c35f86c2aa241cd08872473805aafebcc6d59d' }, "H")), index.h("smoothly-table-row", { key: '794f7b9acd9e2257a5c7bdb5f95957678f1ae0aa' }, index.h("smoothly-table-expandable-cell", { key: '257c8e7a7bca28c32bf1c611bfd07274c851bc71' }, "g cell", index.h("div", { key: '21e9bbfecad8f8dbfd82759096a12d6ead16d0da', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '6a6b1c514400f6333f70e8945d8dee89a0ff61a9' }, "h cell", index.h("div", { key: '49e59a495d3ebe2984dc22efecd66f9346684cf2', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: 'fe08dd288ac453f4d4b35fb66cdf5554d0730f56' }, "f cell", index.h("div", { key: '23ff6e03766ac523407c08768cd062d1e0543531', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '3b5c8df8466fb3cd0c418f8f7627b7a4875782b4' }, "b cell", index.h("div", { key: 'b89b7f19dd2bd7f1bc95b45703f19964b35c377a', slot: "detail" }, index.h("smoothly-table", { key: '632d6e96645c05971bb6f0f0fa30769736a989dd' }, index.h("smoothly-table-row", { key: '59adbb355f900853f02371b7b4a093df375f903d' }, index.h("smoothly-table-header", { key: '0369b526c6dc781c0c0ea06eebd5f014bb362eff' }, "C"), index.h("smoothly-table-header", { key: 'e45efd3511204b0dc2a54d2c4bca586d3c2518e5' }, "D")), index.h("smoothly-table-row", { key: 'b88788cca67a0fbcc0700d55e7ecd5c16bd66342' }, index.h("smoothly-table-expandable-cell", { key: 'f93640c17f8886b92ad34aeefdd6c736a51d438b' }, "c cell", index.h("div", { key: '83efa6ab4f856a955bff94cc6ada5f890f463866', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: '6d39111c0699afda6400e729a32ea101a94abd97' }, "d cell", index.h("div", { key: '591db81554b54b5b7aa9cb045990d84d5a5f9c37', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: '51d144c15c36a0fecb0056d53c4e8472c9d49298' }, "Demo table 6"), index.h("smoothly-table", { key: 'faec39526381a87a7a8dbd5fdff087dc501eef55' }, index.h("smoothly-table-row", { key: '46a065067d021c219b5c874319d9744eb6a1812f' }, index.h("smoothly-table-header", { key: '09941772a69bff08c6681c9d85ccd75c85ef541d' }, "display"), index.h("smoothly-table-header", { key: 'ce625cd535f27f024b50c4e6d7c95d6f161e9342' }, "contents")), index.h("smoothly-table-expandable-row", { key: '4675312372a6ea3dbe154d33c9848ec909affca9' }, index.h("div", { key: '6cbeabc6112c899a1c94a4875a1256acce203f6c', class: "content" }, index.h("smoothly-table-cell", { key: '0ecf7e42fc25bc05454b5ba26f145db33b991f26' }, "A"), index.h("smoothly-table-cell", { key: 'c2656b3527955fbf3cef6016effe7862d06e1c32' }, "B")), index.h("div", { key: '31db0d8320aa107d139d809225b257dc16975e4b', slot: "detail" }, "expansion"))), index.h("h4", { key: '827c517f02de1a18a2eb0856e0940c2065093da3' }, "Demo table 7"), " ", index.h("span", { key: 'e904bddba69326ada411b8ef85ab48d5153aedc4' }, "nested 1 then normal"), index.h("smoothly-table", { key: '11eab87842c42037ef1d99d7c48b17f17fc0d766' }, index.h("smoothly-table-row", { key: 'f7a78af9cd4309e473ddc4f9a87d523ef32cef75' }, index.h("smoothly-table-header", { key: '4385b91ddbc1e6fb1614bd684cdb66deaea9df99' }, "A"), index.h("smoothly-table-header", { key: '46c7d7e054adf946c9f7b1def325c4ba70f89a24' }, "B")), index.h("smoothly-table-expandable-row", { key: 'f294015adc36b31e573bf8c434947298f6adbbc9' }, index.h("smoothly-table-cell", { key: 'd32cbc547fec7a3aed236582b558d577e3bf0307' }, "a"), index.h("smoothly-table-cell", { key: '2d2c45c966b7545face1af153e7aed1f2f6fa49b' }, "b"), index.h("div", { key: '99616cbded68c3f2b441e51fa6107a78339da28c', slot: "detail" }, index.h("smoothly-table", { key: 'e40acdf5959217b93993eb10f377b50b12c48963' }, index.h("smoothly-table-row", { key: '848ff4b574eeaba4e75bf717ffc3416d1a9b300a' }, index.h("smoothly-table-header", { key: 'afa4fe911e0b6a8470fb5dd30ca2f1b87b9ef989' }, "C"), index.h("smoothly-table-header", { key: '19f006c2e75354c588f97ec84c503d2eb1eb3608' }, "D")), index.h("smoothly-table-row", { key: '87890946c8960441657632b985d372778b5bb44f' }, index.h("smoothly-table-cell", { key: '4143f46756ceb53f616746b28a015c7c4232ed39' }, "c"), index.h("smoothly-table-cell", { key: 'd4a1bc9c58b2f32ec4f38c9ad1996406132ed271' }, "d")), index.h("smoothly-table-row", { key: '6f34b2af0893d5c0cfed662bddd40716e7072ae9' }, index.h("smoothly-table-cell", { key: 'ea7d288c161754a1b40b8597889f222cc8f566ae' }, "ccc"), index.h("smoothly-table-cell", { key: 'a01b1038521ed24381c4efc79088a68f5d9bea9d' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'd2a80adb1d8850d95250206d08cd1f34bf2629e5' }, index.h("smoothly-table-cell", { key: 'd83b23188ca452988fe24c700a748fb4204a75b2' }, "cccc"), index.h("smoothly-table-cell", { key: 'ad4f31606ec5f8b155ac8b14ca13251224b6f4da' }, "dddd"), index.h("div", { key: 'bd03fdee8a42a49201559901ea93242e7debf932', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: 'c4b1c77f4675b3fb2d90bdff16e33decff1adae6' }, index.h("smoothly-table-cell", { key: '18c6a3e79a523e6bbc9471cf44fa6582061b70a2' }, "ccccc"), index.h("smoothly-table-cell", { key: 'c80c3ad954a1b23853095c37812ec0113e18ceba' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '28c10740b070508b97e1a3c482923b6fb47c2515' }, index.h("smoothly-table-cell", { key: '68e3d6fc2a55ef57270965076f02491527bd7470' }, "cccc"), index.h("smoothly-table-cell", { key: '61c9e1e74b2cfbb96ddd913b4c8e4b4bef60579b' }, "dddd"), index.h("div", { key: 'f2b14582a16ddc951c6025026e12b7de98532344', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'b9256802ba84836c4a25f65cb2984177b91afc11' }, "Demo table 8"), " ", index.h("span", { key: 'b91fc7e31ebe2af5f1fba55ede282f67485c6ce3' }, "not nested"), index.h("smoothly-table", { key: '7819e1f783ac6902ca55521e51ed8e072ac44ca1' }, index.h("smoothly-table-row", { key: 'f2756c02a681b71043c78a5fcd036d0974e9852f' }, index.h("smoothly-table-header", { key: 'd606c8299f43051f7e71d0b166da5dff6b31bd6e' }, "C"), index.h("smoothly-table-header", { key: 'b22eb7b4931133bdb97163994be9ba92ab029441' }, "D")), index.h("smoothly-table-row", { key: 'bc6f4af86e42fb9cce579c9110139e10520cc2bc' }, index.h("smoothly-table-cell", { key: '836e797be6961ab57281bafeba7e47321787edae' }, "c"), index.h("smoothly-table-cell", { key: '089f75a75991a08cbbf839d3b5036b244b484fe2' }, "d")), index.h("smoothly-table-row", { key: '5a7cb0bed54847b3c1c4f0f499df18164308fbee' }, index.h("smoothly-table-cell", { key: '5324c437e3b88c9cbc763aa2983f9411d9fdd0ed' }, "cc"), index.h("smoothly-table-cell", { key: '7a1f1a5ad98014d37110fc5a1ed6933b56166a33' }, "dd")), index.h("smoothly-table-row", { key: '56beb16541bd9df1943f54a3c0a74371e11a1ddb' }, index.h("smoothly-table-cell", { key: 'c0f7c36476ff3904d4539f4ee2be1c82044ad760' }, "ccc"), index.h("smoothly-table-cell", { key: 'd9603fdaa2b8f1b81e979a77d587e7ceca31fe96' }, "ddd"))), index.h("h4", { key: '8844ff2ded7a7f6a9ecff76a48ee6ad4f1b32cd7' }, "Demo table 9"), index.h("smoothly-table", { key: '14c3305cf3e4cb13a24f1d4dcdcf96d0e2f0a5c2' }, index.h("smoothly-table-row", { key: 'a2ea6a75f6417f24d438aca91498fa1a9f59cb41' }, index.h("smoothly-table-header", { key: 'c5118528d8b1c367454e87d6c425e5effbc27126' }, "First name"), index.h("smoothly-table-header", { key: 'a52c61f4af76236ca1eef03192493300ab8b861d' }, "Last name"), index.h("smoothly-table-header", { key: '6b5b6cd09ff75074c469f3c5927a072c972aecb0', style: { width: "1px" } }, index.h("smoothly-icon", { key: 'a726200f85881671933e330f3b74481fe49f08d3', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '31d0666b373101603a32c5712873fb3e0425687e' }, index.h("smoothly-table-cell", { key: 'e608c00df92fdd50a127403786960deb9af9dacd' }, "Jessie"), index.h("smoothly-table-cell", { key: '339fd80bbad8919bca08bbb2d162eee2882422eb' }, "Doe"), index.h("smoothly-table-cell", { key: 'f79c6f6a77974ba6e3a16e37e0f2dda416ab425c' }), index.h("div", { key: '579f14bc2a822ef5323ffb20f82c49ad03dadd90', slot: "detail" }, index.h("p", { key: 'a63b51f46aacf40910329967802a8670767affde' }, "This is Jessie")))), index.h("h4", { key: '8964e72562787540716acdb5180889656e392afc' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '978be8d29b056ef35b182353f1a1579836f0f133' }, index.h("smoothly-table-row", { key: '785113cacb57b9e2dfa226b6bfc5aab3a5807296' }, index.h("smoothly-table-header", { key: '04b6ff1b35b2909058ead2f8e1ebefc1eaf6e89a' }, "Company")), index.h("smoothly-table-expandable-row", { key: '470ad01c9bff5de234cea9145066a2f6eca6cd96' }, index.h("smoothly-table-cell", { key: '071fba0c86ac6a05f77c781d0a60c646bb3af0ed' }, "Proquse"), index.h("smoothly-lazy", { key: 'd4333d54ed14686191ead1ee48db4c0fc822cdda', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: 'fe3f70c5efe4610e53a465d6d5fdc0272137af9f' }, index.h("smoothly-table-cell", { key: '40bf0f853655a90ae0d54e73979cca79e1e2717b' }, "Pax2Pay"), index.h("smoothly-lazy", { key: 'deaea0307ba6ec14cccd4837c859cd88367f7358', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: '911cd90cb28e02227d062dd8c6c6c7f657f323e7' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: '2977807bf0a7e7f6bb8a634e57f44c390755e3a6' }, index.h("smoothly-table-row", { key: '556ba829c90bd2f8cb30bfcaaed7da5ef40832c5' }, index.h("smoothly-table-header", { key: 'c6eb2b50aca6489eeb61a9166b860790648e4832' }, "Company")), index.h("smoothly-table-row", { key: 'ee52b727dd98e67ad5112918059e55e393158eb8' }, index.h("smoothly-table-expandable-cell", { key: '763087ef0870ada3ebc6deb9b191ddbb19f34c6c' }, "Proquse", index.h("smoothly-lazy", { key: 'c24ec2b1462deecae6ab8f17fb21c459a441030b', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '86154b9e18ac127dffc017dc914622a3050a7376' }, index.h("smoothly-table-expandable-cell", { key: 'feec7baec3968a09c993be77f875843be15ed9c3' }, "Pax2Pay", index.h("smoothly-lazy", { key: '23232b27cf6d7c561cadde4441fdce2550885c29', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '51343618cced71aafc8e15d5dac2e69c1d13cd71' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '2bc496e41e9e31c90adb59958bc736845fed36ac' }, index.h("smoothly-table-row", { key: 'd5ba81ce7513e04af03c316bf63f26a64c823604' }, index.h("smoothly-table-header", { key: '502605f5dc8433f6e69682cabd950055396a58fa' }, "Name"), index.h("smoothly-table-header", { key: '781c32dd031bbb659f317c35235f0560ffe191d8' }, "Age"), index.h("smoothly-table-header", { key: 'a21cfd212a4215102e2ef02005e7057eb37f49f3' }, "Location")), index.h("smoothly-table-row", { key: 'fc61edc0b97454696dcf50bbcc8769227580de48' }, index.h("smoothly-table-expandable-cell", { key: '762adb2e955c12596cadc8f3234494d6744776de' }, "Jessie", index.h("div", { key: '29414852e8691ce3dcbcb41d6ef815dffcb1493e', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: 'e602cccf45ff250382f92b9ad113c7bf529b87f8' }, new Date().getFullYear() - 2000, index.h("div", { key: '211cf61b4c97b6913e092fc4d52ea0eac21832da', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: 'e3f27365828542a4ac324c28a3b31792830750d3' }, "UK", index.h("div", { key: '6cb18c8dfee6aede94ce55df9f7a03f0ef627791', slot: "detail" }, "London"))))));
12436
+ return (index.h(index.Host, { key: '112de927446e13a6ff6de0c826e4b33655d5fae0' }, index.h("h4", { key: '0ca412f01a85db840ac52d9d837f12c7d2eab013' }, "Demo table 1: Filtered & Checked Table"), " ", index.h("smoothly-lazy", { key: '7284df7b8ccc28af03ddb83af5100b312e94ba22', content: index.h("smoothly-table-demo-filtered", null) }), index.h("h4", { key: '7b31178676c30477f449f63839092c5c0a87f7fb' }, "Demo table 2"), " ", index.h("smoothly-table-testing", { key: '8e55ca9b78f06394e204913a1eb778acc4d254fc' }), " ", index.h("h4", { key: 'cf543da572eb0fa73036fc50cf758bc71042d7ea' }, "Demo table 3"), index.h("smoothly-table", { key: 'ca3829ae8817782801578d87c1e9917cd8bf5d90' }, index.h("smoothly-table-row", { key: '5c594fb0fbd0e0a9cf1294b28d15708c7a82f5ef' }, index.h("smoothly-table-header", { key: '15185fe9b084f1c1a5887d15808911033d48a879' }, "Header A"), index.h("smoothly-table-header", { key: '032df37c80a4d5f51685896bea298c4cc8673bfb' }, "Header B"), index.h("smoothly-table-header", { key: '66784eb167b97b5de635762f31be13d80977ea20' }, "Header C"), index.h("smoothly-table-header", { key: 'f7b182ce6ff4d4c77d9156b2f03e12117995ff42' }, "Header D")), index.h("smoothly-table-row", { key: 'cd7aab628e20d259972682714e1631782048796c' }, index.h("smoothly-table-expandable-cell", { key: '79da2cbe78cdce45f61794986d9e14608519fb3a' }, "normal row (exp.cell)", index.h("div", { key: '78cc08b82bd5923577804e3dc5b842d29bdd7698', slot: "detail" }, "expandable cell 1 content")), index.h("smoothly-table-expandable-cell", { key: 'e775213f6c7c266d2ddd163c10405ca524660581' }, "expandable cell", index.h("div", { key: 'f18c98a475adfe01001208b78725f75102893f80', slot: "detail" }, "expandable cell 2 content")), index.h("smoothly-table-expandable-cell", { key: '161cbf3feaef04d304815c4c8d1e349c047b2f61' }, "expandable cell", index.h("div", { key: 'c6b3392e295e7e27fcfb49bcc06404670928d230', slot: "detail" }, "expandable cell 3 content")), index.h("smoothly-table-expandable-cell", { key: '25dd7135451cad66cb70eb173f3f103b26f936ea' }, "expandable cell", index.h("div", { key: 'a74e8048b0b174cd64747143a335b0980244fe89', slot: "detail" }, "expandable cell 4 content"))), index.h("smoothly-table-row", { key: '4f925af66ed4a7dbad5e1e96672649b8e1c3e0a9' }, index.h("smoothly-table-cell", { key: '91bb5400761f17a3948a25f2f9c50ac23730b626' }, "normal row (nor.cell)\""), index.h("smoothly-table-cell", { key: '546ad1a08b3677f5f6f48c521e29f3aad9b3e470' }, "normal cell"), index.h("smoothly-table-expandable-cell", { key: '56d29532ecf1c2eb5c20ccea50b6a193ea2b74b3' }, "expandable cell", index.h("div", { key: '6da7dd2039ada2687a1d542903ac4c6e498b83bd', slot: "detail" }, "expandable cell details.")), index.h("smoothly-table-expandable-cell", { key: '18083db1b4477ca85a4fd0b4a4cf48f6fbce2e48' }, "expandable cell", index.h("div", { key: '4a23052e69cd408f742ac0eb7ca27a31b3f74cc9', slot: "detail" }, "expandable cell details."))), index.h("smoothly-table-expandable-row", { key: '77ad4d2bab4b105140e1841e982d18aa05396b33' }, index.h("smoothly-table-cell", { key: 'a9c1b0e695171b4196f8082922a0097f2a49bd91' }, "expandable row (nor.cell)"), index.h("smoothly-table-cell", { key: 'd06dd06a3c1cb2ea4b1e6e827befa4b7b29c071e' }, "Normal cell"), index.h("smoothly-table-cell", { key: '711f6a6f6a43658c504bb179d1c48bba8cfaa0fe' }, "normal cell"), index.h("smoothly-table-cell", { key: 'a52dba5771e75c75211502f346fcfe7c7720bcff' }, "Normal cell"), index.h("div", { key: '14b463c1fc11df6d51716c6b0bc46d9137963f99', slot: "detail" }, "expandable row content"))), index.h("h4", { key: '878aa1af3b9d3bf4cef70646bfec241748f88852' }, "Demo table 4"), index.h("smoothly-table", { key: '5a348142990b362d65150df03f81495f505693b0' }, index.h("smoothly-table-row", { key: 'f722e053b1a8640c22f33c9ebfee982a17026a28' }, index.h("smoothly-table-header", { key: 'c639583df3faf0ac837b17bb85ab76eeb6e1d26b' }, "Header A"), index.h("smoothly-table-expandable-cell", { key: '9976e2ffab16e25ca353b9c3d5f32f5967ed83a9' }, "Header expansion", index.h("div", { key: 'ff01e1df084f325be84bb3c7800253beed422884', slot: "detail" }, "Expansion content"))), index.h("smoothly-table-expandable-row", { key: '2c36a81b262ccb1cc60dece208b69adbba1db930' }, index.h("smoothly-table-cell", { key: '96215d78e2ebdaa50a5427441750e0398c0c6be5' }, "A Content"), index.h("smoothly-table-cell", { key: '5530879a8ad34831834b482e8449cc6c372c08b7' }, "Expansion cell"), index.h("div", { key: 'bdad6b059502ca50cd257bae0603ee8c891b988d', slot: "detail" }, index.h("smoothly-tab-switch", { key: 'fb7ab170a92287e687684c60921c7df84c6f0208' }, index.h("smoothly-tab", { key: 'a77b4537f163caca2cf8a5e1b4f07dbf0c05492d', label: "innertable 1", open: true }, index.h("smoothly-table", { key: 'e95509292af26b9d68ae6110cbb139202cccc227' }, index.h("smoothly-table-row", { key: 'f279813f4c3172296f8766299fd78807ad3a20b8' }, index.h("smoothly-table-header", { key: '77de5e8abf009536a75ac29bbcabacf0362536ff' }, "Header B")), index.h("smoothly-table-expandable-row", { key: 'e9ec1f3d693f9ff1d338c444ed497dec5e85fdd8' }, "B Content"))), index.h("smoothly-tab", { key: '0ce68ac72b2f32bfdc9985dbdbd5ef4331b6fa56', label: "innertable 2" }, index.h("smoothly-table", { key: '9e1bd7a05ba27943006d3ec820cb35b8cd94c13f' }, index.h("smoothly-table-row", { key: '06f52f9fecc06ed8b1a07e34e01e4b83f5b786b4' }, index.h("smoothly-table-header", { key: '255cb4214524b0de1d8ad80cbb507311cef66e92' }, "Header C")), index.h("smoothly-table-expandable-row", { key: 'fd8c0569c999d98758f4804abd5c27927dc0b3af' }, index.h("smoothly-table-cell", { key: '205e6c93960046acaddebed28bdfde8fd342a27f' }, "C Content"))))))), index.h("smoothly-table-row", { key: '78acc08880a8e9c02f92478d73e3779259239835' }, index.h("smoothly-table-cell", { key: '4ca1f4c9f5cfc82c0a9de9c44c46127a8571fb14' }, "A Content"), index.h("smoothly-table-expandable-cell", { key: 'ca9a743df336eff6368e31fda5b40bc68bcfa25c' }, "Expandable cell", index.h("div", { key: '6c54f59f4baf8b8edfceb2e2f6b6b1de9c9865b7', slot: "detail" }, "Expansion content")))), index.h("h4", { key: '64634ebf3a0288a3bdef564ab4e7734b4adc106d' }, "Demo table 5"), index.h("smoothly-table", { key: 'a5294010d3d8b152963ee57f75850a801a396ac9' }, index.h("smoothly-table-row", { key: '50ca377821b29d27913d8305c39a3321ead395c2' }, index.h("smoothly-table-header", { key: 'ca3e91d0a43a76d46a36e99135ec0adb0467e58e' }, "A"), index.h("smoothly-table-header", { key: '38a7cebfddc92776d118cf194b114c91e9c031ec' }, "B")), index.h("smoothly-table-expandable-row", { key: '819203d0e2c28dbd69c075296b85fcc036d99358' }, index.h("smoothly-table-cell", { key: '3f369b33ba6aa175cf93eeb3ec285b2a3a16daeb' }, "nested expandable row"), index.h("smoothly-table-cell", { key: '98b51303271d61644ac1b75c38743a981f52988c' }, "b row"), index.h("div", { key: '042c9b0ea28b722fb38d7cad375bcdee60436aec', slot: "detail" }, index.h("smoothly-table", { key: '09abc7a7f0913d457358078f47d1dd74b29f7c20' }, index.h("smoothly-table-row", { key: '6c1ce5abf10898dd2b3a4946e10d68c64917618b' }, index.h("smoothly-table-header", { key: '2c0d2ca3a8c994ff3d604e30f92a2032448e17e1' }, "C"), index.h("smoothly-table-header", { key: '488349d36ac67128f2d33f6b4a919f5354271db7' }, "D")), index.h("smoothly-table-expandable-row", { key: '84cc2d3d865df8890152dc78394e9075744230c2' }, index.h("smoothly-table-cell", { key: '1e67770d5d98d333125cd52d1a5151101407f6e3' }, "c"), index.h("smoothly-table-cell", { key: '8e183795d240dd4c57ff8c53ee8d031bb158b904' }, "d"), index.h("div", { key: 'e683a2e30afe3504ad58b85200343d2f1538baaf', slot: "detail" }, index.h("smoothly-table", { key: '7ffa6610f76d710be3666911fc186fa2cb989c39' }, index.h("smoothly-table-row", { key: 'bdad27301f1b72c4d75796b31310b8ef62bac213' }, index.h("smoothly-table-header", { key: '7fc6dea3db6b5b699f4f8b89c1bf570fa809aeb1' }, "E"), index.h("smoothly-table-header", { key: '48b76a0f42406b0e92cf63767113c03e53ee6c44' }, "F")), index.h("smoothly-table-expandable-row", { key: 'd4b8dc3153a93e2e96c3e9f77031628208724873' }, index.h("smoothly-table-cell", { key: '2cb53816be9e04b8b8c27274241821b407e5eda0' }, "e row"), index.h("smoothly-table-cell", { key: '47f1d43a0e8d9327580b2c1c53ea879a9b6d06a8' }, "f row"), index.h("div", { key: 'c20259534467a948efd4e3cd7e9da5872c7ae795', slot: "detail" }, "nested expandable row expansion e f")))))))), index.h("smoothly-table-expandable-row", { key: 'd234705cfcc0cfb16c81cfc43ea683a50038b353' }, index.h("smoothly-table-cell", { key: '90e43ec9e2835869fb11b4d1800e59071ccad982' }, index.h("span", { key: 'e47af24d55eddbdce0cd6fa5a590faa8b3a6d518' }, "one"), index.h("span", { key: '9d4470fc8387a4e66d4190a70ded996de39df318' }, "two"), index.h("span", { key: '1014a78f7dbaf86666fb0154c7b6e5d617036c7d' }, "three")), index.h("smoothly-table-cell", { key: '588619fb1add4c0bc2127284e93706c2a5ae2337' }, "five", index.h("smoothly-icon", { key: '4094a79520fe1228392f08ba4070375968f08396', name: "paper-plane-sharp", size: "small" })), index.h("div", { key: '822d05ad4b3c582db61115a240f49992e2bc201a', slot: "detail" }, "four")), index.h("smoothly-table-row", { key: '39639ef67e55ce304658c081deaa2d323fa71a07' }, index.h("smoothly-table-expandable-cell", { key: 'bb351fe086c9661d0736d9429e4915fdd9e81093' }, index.h("span", { key: '830e083c81a4fa73a77332988eaa918bb68c899b' }, "nested expandable cells"), index.h("div", { key: '6c69c8ddc6e47f9d6d2430709729464639ddcdd8', slot: "detail" }, index.h("smoothly-table", { key: 'c8e03b732d601218e43cf5cde90bbe797a6a8ce9' }, index.h("smoothly-table-row", { key: '1138efe1b5f44439f5e025c0d1e28d2833213f75' }, index.h("smoothly-table-header", { key: '4bb54d4e8a465cea94be96df4dbbf02ba2209204' }, "E"), index.h("smoothly-table-header", { key: '0a91912df392fb774602127c9797b75168acf4a0' }, "F")), index.h("smoothly-table-row", { key: 'b5b87d51ed95f83fd4710a57e353dba34a2fdc22' }, index.h("smoothly-table-expandable-cell", { key: '5080e8cef12fa95147de5c4b96ba345dbe8b411b' }, "e cell", index.h("div", { key: '3fc67a555e2c1f827a930ffaf73090e831dc2889', slot: "detail" }, index.h("smoothly-table", { key: '4ceb69ba4dc2dff14a1f916cb81edad48af8a9fb' }, index.h("smoothly-table-row", { key: '38b5e053d71474a27d7695e1107dbd6c5117e3fc' }, index.h("smoothly-table-header", { key: '266c28527fba05ac4f683e8e66e90406dfd7c96f' }, "G"), index.h("smoothly-table-header", { key: 'eaeab41bfea801a517ddb24d7dedfa18a6ed7929' }, "H")), index.h("smoothly-table-row", { key: '25e5243307118b45625664ce3106cf671a2969d9' }, index.h("smoothly-table-expandable-cell", { key: '20dce28d5466a193870ed62022bb08d342d0b3dc' }, "g cell", index.h("div", { key: '6bf17ebae0769008fbdae1d64ba8f4654486c285', slot: "detail" }, "nested expandable cell expansion g")), index.h("smoothly-table-expandable-cell", { key: '8b976cf17fbee90e1f78646251d6b793ef03ddbb' }, "h cell", index.h("div", { key: '3b7ca428bbdd7605feba54e5764594c341494664', slot: "detail" }, "nested expandable cell expansion h")))))), index.h("smoothly-table-expandable-cell", { key: 'a8103d635a5af23677ea0abdd20f8b15205fefd5' }, "f cell", index.h("div", { key: '1068f08f5ed362e36ed4e83a6c77a9775f240aa1', slot: "detail" }, "nested expandable cell expansion f")))))), index.h("smoothly-table-expandable-cell", { key: '8272982c0008038f4c494cd9172e72f66938fdf9' }, "b cell", index.h("div", { key: '634b58dce5106b4e1b5ac807e78d04cf7dbee622', slot: "detail" }, index.h("smoothly-table", { key: 'a1433649c0314ba7cdd2b8d2ec15e341899f4b63' }, index.h("smoothly-table-row", { key: 'c101e6243949b29b10a9088f289eaf5cafd3545c' }, index.h("smoothly-table-header", { key: 'de633374484f852dcdf93f77d70e84a7e8bbe262' }, "C"), index.h("smoothly-table-header", { key: 'ce913d8297fa167932883af79f2c6c8fcd31c1c0' }, "D")), index.h("smoothly-table-row", { key: 'bd489d58cfd016e2d8a5ade4ee2018748054d431' }, index.h("smoothly-table-expandable-cell", { key: 'bfc1f1778132fe6065b696c8e0da6a6169e39609' }, "c cell", index.h("div", { key: 'b60a149194a3a00aafad8ae07edb7e007583fde5', slot: "detail" }, "nested expandable cell expansion c")), index.h("smoothly-table-expandable-cell", { key: 'd9eef722d45393ef7c99bcb3b1d3e7d991cda281' }, "d cell", index.h("div", { key: '9ae8c201b2e25135f012504d5776f262ca5af34a', slot: "detail" }, "nested expandable cell expansion d")))))))), index.h("h4", { key: 'c36d23dd1d3982eaf2d05efcc60e698f9c0491af' }, "Demo table 6"), index.h("smoothly-table", { key: 'cbeeb4373e6aa41946e0326640fb4fa4a2a7118b' }, index.h("smoothly-table-row", { key: '97f030cb6b55bcf06fb6472a9f35f944e74ae475' }, index.h("smoothly-table-header", { key: 'cf9ec680c5480bc6833280280b0d30ccc19ae3e2' }, "display"), index.h("smoothly-table-header", { key: '362e3ac84693103393617178850c71a6e9e688c4' }, "contents")), index.h("smoothly-table-expandable-row", { key: 'aec3cf9ec6a47af7a69ab02b7b86ad42d8eef91a' }, index.h("div", { key: '72dd01b0a8592ad340528dfbafd67690edf07976', class: "content" }, index.h("smoothly-table-cell", { key: 'cb4f13006d5b11e34a5a785ea62a50fe6efcae98' }, "A"), index.h("smoothly-table-cell", { key: 'd09524025a8d1a252953f66147b62cdc346ae9ae' }, "B")), index.h("div", { key: 'a526f9a54bd787cc9918ca8c92db7e5762f22149', slot: "detail" }, "expansion"))), index.h("h4", { key: '65ef9ec2fa4709218e564c369494164b52cc4c78' }, "Demo table 7"), " ", index.h("span", { key: 'f413772cb517b938662c323e35f84eba74f8dc5e' }, "nested 1 then normal"), index.h("smoothly-table", { key: '58d58d9e21419a2ba963185d2c3d9993bc5ebb80' }, index.h("smoothly-table-row", { key: '80c1ec64f85096a9262f2c2c85896be2223cad27' }, index.h("smoothly-table-header", { key: 'a1b51d51042c17aab5fcf0298f58f46f340ebf59' }, "A"), index.h("smoothly-table-header", { key: '37a4dcf8017b8d706562cbcd742d4b7591e4a22b' }, "B")), index.h("smoothly-table-expandable-row", { key: '0153690a04931017060b284f76c07dfa3a08a8e1' }, index.h("smoothly-table-cell", { key: '6c1c0d445ce39fd27b312dc1fc1fc0a0e058c2de' }, "a"), index.h("smoothly-table-cell", { key: '44bfb5ad0224971258d2663a5b52e427d4e9951d' }, "b"), index.h("div", { key: 'e15d4f7089be9b7cbd6f7edeea18f8a767f862d5', slot: "detail" }, index.h("smoothly-table", { key: '227f667933a3fa1e7c38584922bb0bde23a8ea48' }, index.h("smoothly-table-row", { key: '028975d1f17b0efc57882fbe4b64c5c9eaedb66f' }, index.h("smoothly-table-header", { key: '20c448585b00b08e8b4be707863e6955f2be3165' }, "C"), index.h("smoothly-table-header", { key: '0aba0045e4d5419401f3218a20c02805c785d6b7' }, "D")), index.h("smoothly-table-row", { key: 'a7bee785cf257b2b95feee39b5901eded2fe75a5' }, index.h("smoothly-table-cell", { key: 'ea34a95fdc3498d1c02c083d018ab218eb2e9a3f' }, "c"), index.h("smoothly-table-cell", { key: '0233ca8aea5f29b30571495a2f0d1dc31dd24e0f' }, "d")), index.h("smoothly-table-row", { key: '70d7de4a19d40c52457c96a1b0ef08e94cd0c99d' }, index.h("smoothly-table-cell", { key: '265df9be85ad94d45e827c406bdf3ff6873afbd8' }, "ccc"), index.h("smoothly-table-cell", { key: '423037af6e2756865aa6cbf6988e49fc96141a77' }, "ddd")), index.h("smoothly-table-expandable-row", { key: 'd5e3a2696d0d01d986fc30d99dd4b75a8f36c388' }, index.h("smoothly-table-cell", { key: '3676c3eb6c8a674b150b418012a16dd5e4491673' }, "cccc"), index.h("smoothly-table-cell", { key: 'ca3243c8ab223ae7b0b76b9130ab59d9981ca39b' }, "dddd"), index.h("div", { key: '710017d79ae4be52ecb797516d9192316d1838ce', slot: "detail" }, "CONTENT")), index.h("smoothly-table-row", { key: '558c341772a7b4184639d0efe8eb2f55d069adeb' }, index.h("smoothly-table-cell", { key: '432d38d8eed301e016d975a4a53025e2c674633d' }, "ccccc"), index.h("smoothly-table-cell", { key: '4ad5eb4283a84cc9fb27b1a8df79ad7ca7ae008d' }, "ddd")), index.h("smoothly-table-expandable-row", { key: '578c085d5b99f31e383997baa27ae13e0b05e6b5' }, index.h("smoothly-table-cell", { key: 'ba92a81a34c433e9ba7002ceccfa7a2ff328c7ae' }, "cccc"), index.h("smoothly-table-cell", { key: '15c2556e874e310eb442491ff91802aa95a240ed' }, "dddd"), index.h("div", { key: '83dda4f04b29df46d38ba2e142648a44411dbb6a', slot: "detail" }, "CONTENT")))))), index.h("h4", { key: 'e97327174a441b833fd5a189143243689d68a657' }, "Demo table 8"), " ", index.h("span", { key: '690fc3f1c588da443c933efdc336c7efd2f6c32c' }, "not nested"), index.h("smoothly-table", { key: 'fea1c9fd95e05a4f84a7e4d8cc7919b024e558c4' }, index.h("smoothly-table-row", { key: '5f40aa02eeafdd9da796bf0f84d5b3924aa17173' }, index.h("smoothly-table-header", { key: 'b77d152a3d485b2545852d6fe638526e52ee08f8' }, "C"), index.h("smoothly-table-header", { key: '4b75ca9b0e3771efd9463cf03cfff5c2f4e1734a' }, "D")), index.h("smoothly-table-row", { key: 'ab145aabaaa9874800d4818ebb818e7fadb6e4a7' }, index.h("smoothly-table-cell", { key: '151d7f5c5e07352a038f4c2c4d82d909f0a55911' }, "c"), index.h("smoothly-table-cell", { key: 'b1d36eba7f7cd774a41838a5b54282a119b22d0a' }, "d")), index.h("smoothly-table-row", { key: '1e87721f62fd2e69eccf6d4e191798aaabe9b072' }, index.h("smoothly-table-cell", { key: '4e03b1e62d23c0b58d4433672192ff3f0346b19f' }, "cc"), index.h("smoothly-table-cell", { key: '2cebe5623928632faa34b9ace8566bf207fca379' }, "dd")), index.h("smoothly-table-row", { key: '604c60291ff3f2eae8681526059ad5a8105a1a9c' }, index.h("smoothly-table-cell", { key: 'cfaca20e757519e5d78c95ef605aa8feae9668c0' }, "ccc"), index.h("smoothly-table-cell", { key: 'f54be192d777c7cfdc3fde33c0e12df1cd22bff8' }, "ddd"))), index.h("h4", { key: 'a289bff46284b8fcdf7eb0b67428ec20cbecb89f' }, "Demo table 9"), index.h("smoothly-table", { key: 'edc7057a9018cbdc7d821a874dda7b3e6f998b02' }, index.h("smoothly-table-row", { key: '69cffb1f821746f7e8266bcdaa5c5b784c351608' }, index.h("smoothly-table-header", { key: '8b9c0f55e9ef7c2eddbd6ca98e24bfcce8c5b9f3' }, "First name"), index.h("smoothly-table-header", { key: '0fadda92b7d55fb438fe498204e35967787bae86' }, "Last name"), index.h("smoothly-table-header", { key: '9ab6a8078593493cc48eff988924a7ef24ff3600', style: { width: "1px" } }, index.h("smoothly-icon", { key: '8dd6e1869c11c9bf7743889ba281f683a6a7e8f9', name: "alert-outline" }))), index.h("smoothly-table-expandable-row", { key: '6e866d020e2b0fdc520c50763d09c631b3e5f6af' }, index.h("smoothly-table-cell", { key: '6e3ed40208dd476c089dbb6b8d7e39ae88efbed3' }, "Jessie"), index.h("smoothly-table-cell", { key: 'f95419c44c653c33eb1fd4c765f9dbdb56e4b021' }, "Doe"), index.h("smoothly-table-cell", { key: 'ed0532fc13b7aa9524c33d88e2d55d1a05397a6c' }), index.h("div", { key: 'cbae9a004801614a8430a7c5d5f2827a69e4366d', slot: "detail" }, index.h("p", { key: 'ee0937ca9dd38051d6c77e0aaf3cbf2868ae6003' }, "This is Jessie")))), index.h("h4", { key: '37e35f996b1c5c1f18ba45959e80441a60034bc2' }, "Demo table 9 - Lazy expansion rows"), index.h("smoothly-table", { key: '8a3758fd18893878883cbc5f857588a5390a3ae0' }, index.h("smoothly-table-row", { key: '6dca3b6696269076d85964e44441ffa9841f4f8c' }, index.h("smoothly-table-header", { key: 'c814aef74145d839c9917998c8639428707ddfa2' }, "Company")), index.h("smoothly-table-expandable-row", { key: '55ec7c8cb9f96ca5f587229c70032e2d6eadde5f' }, index.h("smoothly-table-cell", { key: '97d9276dfbe5c4a011efc5fafc64cbf68e7e9428' }, "Proquse"), index.h("smoothly-lazy", { key: '02f177aa21f3f3ba85556b945921cd9ea537eeb8', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) })), index.h("smoothly-table-expandable-row", { key: '8cd1a9f002c0538a54abb793ffb8d11a1d315d78' }, index.h("smoothly-table-cell", { key: '38043088ffc3d0c96fe423f065a764f333a9f0f1' }, "Pax2Pay"), index.h("smoothly-lazy", { key: '936263a140c20405d33e6203fb984bf7ccaa5d55', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) }))), index.h("h4", { key: 'c1a39e3696ee32d9aea4d0f6fd59e947237d29ff' }, "Demo table 10 - Lazy expansion cells"), index.h("smoothly-table", { key: 'daea0e7771798d381050bf2da25587de55404f8c' }, index.h("smoothly-table-row", { key: '0e09ce152e2ea57f514626429eca94600da67334' }, index.h("smoothly-table-header", { key: '8754a2389641ab7a8f1a18ca6a5b6147f5e4e643' }, "Company")), index.h("smoothly-table-row", { key: '22a037215578704299f0ad7463892648689cbdd8' }, index.h("smoothly-table-expandable-cell", { key: '775da09668bb0b0e44cdc02fba9df5e4c1911729' }, "Proquse", index.h("smoothly-lazy", { key: '4518b9115c1b5b190c67878d12e35069338c2640', slot: "detail", content: index.h("img", { src: "https://brand.proquse.com/logo/proquse-black.svg", alt: "Proquse Logotype." }) }))), index.h("smoothly-table-row", { key: '4671817683949e24e640fa89665454a708c5309f' }, index.h("smoothly-table-expandable-cell", { key: 'de8baed6fa2a2a6be7f3cf665a033d4a96f6e953' }, "Pax2Pay", index.h("smoothly-lazy", { key: '309467301864b8b6d90ebd198d9fd55ca1c846bf', slot: "detail", content: () => (index.h("img", { src: "https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg", alt: "Pax2Pay Logotype." })) })))), index.h("h4", { key: '83a239b2580c56f8a48d1e83976c7a58a4b10c18' }, "Demo table 11 - expandable cells"), index.h("smoothly-table", { key: '7ddb6e03f197e0a25cd6162f49753c969e586de1' }, index.h("smoothly-table-row", { key: '60e0b7a61cc7e9cabb8414775d0f9b1f46cbd42c' }, index.h("smoothly-table-header", { key: '7d467b22a6a16c822e0165652794f4ae840f2928' }, "Name"), index.h("smoothly-table-header", { key: 'b6aba8a280624f9878cfabdeb15793e9af7abc7c' }, "Age"), index.h("smoothly-table-header", { key: '5ea1a02d04b300575d8d871282a7dae7202b418d' }, "Location")), index.h("smoothly-table-row", { key: 'bdb696de8b10b595e025a96685206587af11b289' }, index.h("smoothly-table-expandable-cell", { key: '60bf0a98303ce8a6db44df066b9e5113f1cc487d' }, "Jessie", index.h("div", { key: 'b209de95a6b63311658ea1b16b055fc77deecbfb', slot: "detail" }, "Doe")), index.h("smoothly-table-expandable-cell", { key: '364f561c53b5fc42625081e3c9bedaf9ca50a060' }, new Date().getFullYear() - 2000, index.h("div", { key: '21fdecb49374bd0097a92ffa247b7516cbacd8f8', slot: "detail" }, "2000-01-01")), index.h("smoothly-table-expandable-cell", { key: '1815d3e84d4b0beef8a2f0c246524d71e34d556c' }, "UK", index.h("div", { key: '137fe9c6ebabffe7018c75804d97df439aa8cbb9', slot: "detail" }, "London"))))));
12433
12437
  }
12434
12438
  };
12435
12439
  TableDemo.style = SmoothlyTableDemoStyle0;
@@ -12463,18 +12467,18 @@ const TableDemoFiltered = class {
12463
12467
  }
12464
12468
  render() {
12465
12469
  const cats = this.cats && filter(this.criteria, this.cats);
12466
- return (index.h(index.Host, { key: '83dcd49e8f7b163772ef51498d8318b4c598b8a0' }, index.h("smoothly-filter", { key: '2bbdb7566b2a9ceaab59bfc51a6515227f033d41' }, index.h("smoothly-filter-toggle", { key: 'f0567d1bfc8af47b2050093cb086de7be5d209d2', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'adccbbd2383f1f44a233b2a0f734483ff7e460a7', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '9e3c9955a9467f50cad8c9e7516d9a1722c9e6f4', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '63d0328e00a3f264aeac0205b886493fa83fe8c6', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '17719758dba9e81d1540a7caf2c645040004982e', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12470
+ return (index.h(index.Host, { key: '5b93a82e6fd913c9b03530292ff087c2d479c997' }, index.h("smoothly-filter", { key: 'ae91a4bc55790bcd416764e0f715b07fc122f0b9' }, index.h("smoothly-filter-toggle", { key: '037eafefbe30546b2de22f36a333b7c1e4d70dd6', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'af7ac392884df3562ba5ea743a7ea30240511edb', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'c89720b60ff1df43caea8430f6609bfd053c9c8a', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'f6b6edb17fc8508723e936236a5180316b0bb84c', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '6bb5bfd80c45e9bfc6763b6e4536df93cfadec7b', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12467
12471
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
12468
12472
  var _a;
12469
12473
  return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
12470
- })), index.h("div", { key: 'e7d9a221f045158a108be6979dc4a5b63c5740ac', slot: "detail" }, index.h("smoothly-form", { key: 'f4a6bce250ee6e45d4e54c145aab591b81fbc9f1', looks: "border" }, index.h("smoothly-filter-select", { key: 'c4a25b8374050e5cba2698331c0b1a563879b985', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
12474
+ })), index.h("div", { key: '1551b25b69df321440438268137809e130ff9797', slot: "detail" }, index.h("smoothly-form", { key: '9341d72451a0905f95331e835ed8af81e3674717', looks: "border" }, index.h("smoothly-filter-select", { key: 'e43da5a61ebb4a1199a0ad40c897e90731d99734', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
12471
12475
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
12472
12476
  var _a;
12473
12477
  return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (index.h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
12474
- })), index.h("smoothly-filter-select", { key: 'cb974f6a3e02a88c45eda1871cb2ff5016524158', label: "breed", property: "breed", multiple: false }, this.cats &&
12475
- Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'b5634cddd623535bd3bb7399f3329484e20a2d18', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12478
+ })), index.h("smoothly-filter-select", { key: '3cbccf82aab5fbe0755defedcce63ad033146155', label: "breed", property: "breed", multiple: false }, this.cats &&
12479
+ Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (index.h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), index.h("smoothly-filter-select", { key: 'fd2f5581346baa82f93f9011774b99af55cee168', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12476
12480
  .flat()
12477
- .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '49d648769abd6651454084768bc30555ec524b58', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'd9a75b80bc567fb349f451aaeb47456beffd2c33', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, this.selector.render(cats)), index.h("smoothly-table-header", null, "Breed"), index.h("smoothly-table-header", null, "Coat"), index.h("smoothly-table-header", null, "Price")), cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cat)), index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-table-footer", null, index.h("td", { colSpan: 5 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
12481
+ .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (index.h("smoothly-item", { slot: "items", value: name }, name)))), index.h("smoothly-filter-input", { key: '1ccc235f381fbfba1524bf2405b9e09aa895eda9', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '368c015e396dfc8d864b168a0cff58faadf71e44', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", null, index.h("smoothly-table-row", null, index.h("smoothly-table-header", null, this.selector.render(cats)), index.h("smoothly-table-header", null, "Breed"), index.h("smoothly-table-header", null, "Coat"), index.h("smoothly-table-header", null, "Price")), cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cat)), index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country: ", cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), index.h("smoothly-table-cell", null, index.h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), index.h("smoothly-table-footer", null, index.h("td", { colSpan: 5 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
12478
12482
  }
12479
12483
  };
12480
12484
  const names = {
@@ -12530,7 +12534,7 @@ const TableExpandableCell = class {
12530
12534
  event.detail(this.element);
12531
12535
  }
12532
12536
  render() {
12533
- return (index.h(index.Host, { key: '92d07acfac9c753fcb3611913c97cf18893444f2' }, index.h("div", { key: '2c2148701a40c1b9a4677b48a1e868e5d72df56e' }, index.h("smoothly-icon", { key: 'c0023b12e5162a5ff47ede34ac850f1f08f0c2d6', name: "caret-forward-outline" }), index.h("slot", { key: '9d0a317dfae5e9dd387aa2922a5f21fa84e432fc' })), index.h("tr", { key: '8de7645b43a134bb6e5a4fa70cbd0689f6481de7', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: '6cbcb85c04cfe070d8943d2c4510030f63bf7fc1', colSpan: 999 }, index.h("slot", { key: '436e93ca85c5ea9507723e82abdf8fdc3d22f54f', name: "detail" })))));
12537
+ return (index.h(index.Host, { key: 'd178a79d18b8fa016bde18e83a0166bf3e8a2042' }, index.h("div", { key: '1359d0b436a82eea47092761f0fb667506527b99' }, index.h("smoothly-icon", { key: '1bef44e30bc30561c98571b66a8c2b749fdf1fc8', name: "caret-forward-outline" }), index.h("slot", { key: 'b4b15069a583de04687a13b66d77bf4ee07fce07' })), index.h("tr", { key: '52c2993ae0487f1548ed17a3601423ff5299e94f', class: { spotlight: this.spotlight }, ref: e => (this.expansionElement = e) }, index.h("td", { key: 'e2dce0be610b15e0268c652e666ef6e25df66db4', colSpan: 999 }, index.h("slot", { key: 'ecb44a42939edf476dc141aa396882b457e41b9d', name: "detail" })))));
12534
12538
  }
12535
12539
  get element() { return index.getElement(this); }
12536
12540
  static get watchers() { return {
@@ -12566,7 +12570,7 @@ const TableExpandableRow = class {
12566
12570
  event.detail(this.element);
12567
12571
  }
12568
12572
  render() {
12569
- return (index.h(index.Host, { key: '40181795715df0586a7c5d574a14ef9cc035318c' }, index.h("div", { key: '643b951710c56b6cbc92e5d09e4e5232742b2250', onClick: () => (this.open = !this.open) }, index.h("slot", { key: '7e0d7557c6c4c9814abe21425890486946918b96' })), index.h("tr", { key: 'c1a7fd5a972f9e062632c37b637d18a8f6232202', class: { spotlight: this.spotlight } }, index.h("td", { key: '3caa5893880606fc4f931e21633f857c0962f84b', colSpan: 999 }, index.h("slot", { key: '05a9d592965964a072ab6f8959b452cc17fb94a7', name: "detail" })))));
12573
+ return (index.h(index.Host, { key: '866d9fd832dca4f86a8d4f16c596b0e65f774ce7' }, index.h("div", { key: 'e694a6e4c21d18b6636a8d37ea1002f4b262eb38', onClick: () => (this.open = !this.open) }, index.h("slot", { key: 'babc5af75b03ba00d02d79117a95fce573eefce5' })), index.h("tr", { key: '6b1208a1c881fbf9a07e586f27126dc7761549ab', class: { spotlight: this.spotlight } }, index.h("td", { key: '128de0fd8462641258d3795685a759c0ac755861', colSpan: 999 }, index.h("slot", { key: '557da8c5cd8d01eade1d9e7349fd7a49782acfbd', name: "detail" })))));
12570
12574
  }
12571
12575
  get element() { return index.getElement(this); }
12572
12576
  static get watchers() { return {
@@ -12584,7 +12588,7 @@ const TableFooter = class {
12584
12588
  index.registerInstance(this, hostRef);
12585
12589
  }
12586
12590
  render() {
12587
- return index.h("slot", { key: '5ead02dc2a5d1cde2e6b6582abcc5b114f527008' });
12591
+ return index.h("slot", { key: 'ce1072b60fb267ecb005afd4bb8305e868ca8ad9' });
12588
12592
  }
12589
12593
  };
12590
12594
  TableFooter.style = SmoothlyTableFooterStyle0;
@@ -12598,7 +12602,7 @@ const TableHeader = class {
12598
12602
  this.name = undefined;
12599
12603
  }
12600
12604
  render() {
12601
- return (index.h(index.Host, { key: '87d5055ddf90571262b25133043a09816aa076fd' }, index.h("slot", { key: '9c714b90b1326a39b86147cb2536df4b7d981389' })));
12605
+ return (index.h(index.Host, { key: 'f970c7e0bde6fe240a994fcdcd20cda921f94f06' }, index.h("slot", { key: 'ca229698d77bc840b8292612b57a8f16b3569314' })));
12602
12606
  }
12603
12607
  };
12604
12608
  TableHeader.style = SmoothlyTableHeaderStyle0;
@@ -12628,7 +12632,7 @@ const TableRow = class {
12628
12632
  (_a = this.element) === null || _a === void 0 ? void 0 : _a.after(event.detail);
12629
12633
  }
12630
12634
  render() {
12631
- return (index.h("div", { key: '423c4727dc600f14f1e378de3eb3753a7d6adb1f', ref: e => (this.element = e) }, index.h("slot", { key: '4392d623d577e856928f71f58ad83d0436a90c99' })));
12635
+ return (index.h("div", { key: '046164ef91cc56c3a1c113e587f4846a1022e845', ref: e => (this.element = e) }, index.h("slot", { key: '97bcfdffea01671f0b07b3f26b7bab1235ee40b9' })));
12632
12636
  }
12633
12637
  };
12634
12638
  TableRow.style = SmoothlyTableRowStyle0;
@@ -12670,7 +12674,7 @@ const SmoothlyTableTesting = class {
12670
12674
  this.counter = 0;
12671
12675
  }
12672
12676
  render() {
12673
- return (index.h(index.Host, { key: 'eaccc81d11a2cfbeec688de500ead508bba546ad' }, index.h("smoothly-table", { key: '930b588e1212533d4075664597341807b6796af7', color: "dark" }, index.h("smoothly-table-row", { key: '049d2c23150561aec33021e41470e61fd0dd222c' }, index.h("smoothly-table-header", { key: '555262f828b3d9e9c11eb886db4f063e380e5724' }, "Type"), index.h("smoothly-table-header", { key: 'e50b2d4470f41fa994c924acaa94c3d5ed38d2d9' }, "Name"), index.h("smoothly-table-header", { key: 'e998fa69570f4d2fa33dc076442e6516dc9880a6' }, "Age")), data.map(animal => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-cell", null, animal.name), index.h("smoothly-table-cell", null, animal.age), index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-expandable-cell", null, animal.name, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))), index.h("smoothly-table-expandable-cell", null, animal.age, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!")))))), index.h("smoothly-table-footer", { key: '61ecadf4ea87ff8248f8aee89f50b1404c73b420' }, index.h("td", { key: '8104650001b0f270deb0beb6506ec69b032d4894', colSpan: 2 }, index.h("div", { key: '9567d52fba5d5b7a8f532dde92958c37bb78ab53', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: 'b73f7a233fe7a1dc3f0064783e09ff0208540f31', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: '1c639ee7fe74e74917e6b8e5549ba40d63c8ad49' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
12677
+ return (index.h(index.Host, { key: 'fd1ea5640990bfcd387983d72a7b3f8f9d7c6b34' }, index.h("smoothly-table", { key: 'd46513a64c648f8a0f17a09a5771176fe076c436', color: "dark" }, index.h("smoothly-table-row", { key: '7f1b09b5c2818c24ffe6bcc0929805cfaf187705' }, index.h("smoothly-table-header", { key: '32fac74e93d249abf920a3e95ef4f1de84adb2d6' }, "Type"), index.h("smoothly-table-header", { key: '1e7a358f579dac1afef3f819938bdf1a6f01a97a' }, "Name"), index.h("smoothly-table-header", { key: '08c8865a26a2111813fd86d29860d97fc2176354' }, "Age")), data.map(animal => (index.h("smoothly-table-expandable-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-cell", null, animal.name), index.h("smoothly-table-cell", null, animal.age), index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))))), data.map(animal => (index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, animal.type), index.h("smoothly-table-expandable-cell", null, animal.name, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-submit", { slot: "submit" }, "Submit!"))), index.h("smoothly-table-expandable-cell", null, animal.age, index.h("smoothly-form", { slot: "detail", onSmoothlyFormSubmit: () => this.counter++, looks: "line" }, index.h("smoothly-input", { value: animal.type }, "Type"), index.h("smoothly-input", { value: animal.name }, "Name"), index.h("smoothly-input", null, animal.age), index.h("smoothly-submit", { slot: "submit" }, "Submit!")))))), index.h("smoothly-table-footer", { key: '07cef2ffec33e187262795cb1250345345ffac7d' }, index.h("td", { key: '0eb946a79106bb89e9cdc9a527ce9fa5fd612ac8', colSpan: 2 }, index.h("div", { key: 'd7dca5b373b8c096766ede592a4093f9c4052f1a', class: "footer" }, "Currently viewing content from:", index.h("smoothly-display", { key: '06141ee097f434b15ddfd4a2176b83319272a4ea', type: "date", value: "2023-10-12" }))), index.h("smoothly-table-header", { key: '21eb23014dfb375e4e6e1a897a6b455dac66e165' }, "Total age: " + data.reduce((r, a) => r + a.age, 0))))));
12674
12678
  }
12675
12679
  };
12676
12680
  SmoothlyTableTesting.style = SmoothlyTableTestingStyle0;
@@ -12702,7 +12706,7 @@ const SmoothlyTabs = class {
12702
12706
  old.open = false;
12703
12707
  }
12704
12708
  render() {
12705
- return (index.h(index.Host, { key: '496172473c6e9f11ecea04a1fc286cb3dd3bf351', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: '3ae0189b793575caad2dabf84215645fe79e45e3' })));
12709
+ return (index.h(index.Host, { key: 'bb4fdd1ad35e0a6680900884d35279f8ec0633d9', style: { "--tabs": `${this.tabs.length}` } }, index.h("slot", { key: 'ee4f40f1b2be8e7b785feb23bfd643d188bcf956' })));
12706
12710
  }
12707
12711
  get element() { return index.getElement(this); }
12708
12712
  static get watchers() { return {
@@ -12719,7 +12723,7 @@ const SmoothlyTabsDemo = class {
12719
12723
  index.registerInstance(this, hostRef);
12720
12724
  }
12721
12725
  render() {
12722
- return (index.h("smoothly-tabs", { key: '1451ced94ad9268848e6507534d2ee42c89d2bbb' }, index.h("smoothly-tab", { key: '10350d9f713eeefcff8afe7f702ecd33eade70b4', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'd595a6010d4c0df2e7a5e94f1a38d60d805856b4', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: 'ed167f2cbdb1fe91d5e3d461e4e2e233a584ceb6', label: "test3" }, "this is a test message again!")));
12726
+ return (index.h("smoothly-tabs", { key: '006ae6b149b78de30f07db6ef5520179e6a982f7' }, index.h("smoothly-tab", { key: 'f53c12aa9de46e8d76f11d32f8bcdf4e16e32d2b', label: "test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '76abbc0b73327d221a99c3901f2557708d0fc52e', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: 'c9e30e7f7b79577d8ec1148c5c81a6395d3528aa', label: "test3" }, "this is a test message again!")));
12723
12727
  }
12724
12728
  };
12725
12729
  SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
@@ -12733,7 +12737,7 @@ const SmoothlyThemeColor = class {
12733
12737
  this.color = undefined;
12734
12738
  }
12735
12739
  render() {
12736
- return (index.h(index.Host, { key: 'e44ef386353a0aaa0ce8b8342bea09b6378c7af0' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
12740
+ return (index.h(index.Host, { key: '17c0af8ae3f69d90556f06cda84003a946b08a9b' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
12737
12741
  }
12738
12742
  };
12739
12743
  SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
@@ -12785,7 +12789,7 @@ const SmoothlyThemeDemo = class {
12785
12789
  index.registerInstance(this, hostRef);
12786
12790
  }
12787
12791
  render() {
12788
- return (index.h(index.Host, { key: 'e5b3adadf990badafbce91f627eba018c6458bbd' }, index.h("h2", { key: '486a5c0b19b13782c804f1de7d65c42ba064d1bc' }, "Theme"), index.h("smoothly-theme-picker", { key: 'e73266d5919acb0ea592f2b6c3f2d767c7cf7f09' }, index.h("smoothly-item", { key: 'fff810a25c4f106551eed9e1d78f14efa022c19a', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '9142e8e2f65c1e11a011e69c0aa2026dd447a2cc', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '5c4df5edf4b88350fefb4e7d7dacff71c72bd9e3', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '96aed8bb1be8047c49e64f076fb75bc48fb5fedd', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'd16afa5cdc7da396a025604329ff4b77edc6b5a3', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '819c8a66a6a6e57fa6880428283ec15abdbe156c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '8fd782c2ff869a6fa4c97d5b288e22cd2fa7ba23', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: 'a81599aff2048e1892786bb8fe9bac7b2d7b40b1', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '2518dec8fcdb41d90515f87acf9b3e2981b566c5', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'e888e7073def48cffe0ce154e24e1b9fe9135611' }, index.h("smoothly-theme-colors", { key: 'c8c3534552f5323237d85fc7d50af3fc6f533090' }), index.h("smoothly-theme-guide", { key: '869257251d0729234703bd6cb8c68de0db849b43' })), index.h("smoothly-button", { key: 'd3ecb0a5b3d88cb4c63b60cf330c6017f898dab4', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '56a2e47b8b4d36cadfc442391bc95b56ccf311b3', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '991344bf7d8a88f2fe738b515ef29ba62a8a0d5c', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: 'b94998a705611595cf25226ffc19d570b6dc5464', type: "link", link: "redirect/nested" }, "To redirect nested")));
12792
+ return (index.h(index.Host, { key: '37a519e0d31c795a6776660e8c56f795f447fd2b' }, index.h("h2", { key: '246963412c6e96b385a2a0b8bbe4832e594c759a' }, "Theme"), index.h("smoothly-theme-picker", { key: '2acc6b78896cefd5820f1434bc7a72a6713da907' }, index.h("smoothly-item", { key: '9230232fb86c916bf2dea9407c6f669f8f1225e6', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'b85d3dc7d43982da4b292b863552b158a532d62c', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '8be71ca06cbebb7834068cab48ab36a812ac11de', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '11b972b4b779b08a13cfaac9a369e8609aedba77', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '2acade6e6d973390181dbc3ed2ac295e6956ebd6', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '72051ad0ebc33a97d78bfdffe593e2d929cb9c2c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'f60cad194305997f74705602355a859ccb6509fb', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '68a0b9913d9f70852bacabeac8ba812c653d6c10', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '143bf1efaf659bf0713cccdf1fd77430ec41a0d3', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'fd71430c81af645c9e894979fc82c537a75a66b6' }, index.h("smoothly-theme-colors", { key: '71394e5b1f806b0fdadc2047a48a27fcbfe48ddd' }), index.h("smoothly-theme-guide", { key: '84323bf55999912e65e1c02ebcf665dc3959a87c' })), index.h("smoothly-button", { key: 'd3ff65683cc2ed09e45fdd45f99e3a54c78cc2ad', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '6cda0c7eda40b8ddb3b4906538ef5f0ae79c2911', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '1ff04e5ad87908f9d4ef51fd2f948c69649e73e4', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: 'ffce14e9d1923220c4f8fd824177b2c13c9867be', type: "link", link: "redirect/nested" }, "To redirect nested")));
12789
12793
  }
12790
12794
  };
12791
12795
  SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
@@ -12799,14 +12803,14 @@ const SmoothlyThemeColors = class {
12799
12803
  }
12800
12804
  render() {
12801
12805
  return [
12802
- index.h("smoothly-display", { key: '5f3e82ef898a908dad3df3bb045134ab8ec9807a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
12803
- index.h("br", { key: '8bee8f4e946cdc9cf6e3f80317654c43869e731c' }),
12804
- index.h("smoothly-display", { key: 'e02e4a3628e4b324a5b86186fab39c588c0e14af' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
12805
- index.h("br", { key: '1177655f64e95a71ab171b6de3e3e6a6959013da' }),
12806
- index.h("smoothly-display", { key: '25b2a9479054ec6444219f283bee9e15213ac625' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
12807
- index.h("br", { key: '1fc34addce8b39423e0dad54d079ad9eb9d0c91b' }),
12808
- index.h("smoothly-display", { key: '2242f781b7215cf26bd949040d2b973668c4b339' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
12809
- index.h("br", { key: 'f6e78bb809b328a097dc190cb0af9d6c2e9a551a' }),
12806
+ index.h("smoothly-display", { key: '76b05c2e90fd17bfbca48def8dec17322961330d' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
12807
+ index.h("br", { key: 'c04575e8823229e4576ea3ce09989a685475fa84' }),
12808
+ index.h("smoothly-display", { key: 'c4d5499df0ce5b250842dbb7ad0deb86bb807405' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
12809
+ index.h("br", { key: 'b2c98d0b8e14666828ce2d55f7b03aa86e9e07a1' }),
12810
+ index.h("smoothly-display", { key: 'af33573258889914e4ac16a06ad8c2977f7b1b30' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
12811
+ index.h("br", { key: 'adf1edab07f010bb7d9eace4c9e1547b90a4ed4e' }),
12812
+ index.h("smoothly-display", { key: '19f6fa594d7bcd59ee676dd9af74711cfdde27e8' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
12813
+ index.h("br", { key: '7816997e586561e443e89c546b7084f2f16e3401' }),
12810
12814
  ];
12811
12815
  }
12812
12816
  };
@@ -12821,11 +12825,11 @@ const SmoothlyThemePicker = class {
12821
12825
  this.element = "smoothly-css";
12822
12826
  }
12823
12827
  render() {
12824
- return (index.h(index.Host, { key: '74d4249c1c95bd276711448cb0a2ab23589cd17a' }, index.h("smoothly-input-select", { key: 'd3eb6ca7003a9cb9b2354481b7c8fbd9bbc696c6', name: "theme", looks: "border", onSmoothlyInput: e => {
12828
+ return (index.h(index.Host, { key: 'cd973e71a42ed091aabc8a4ad7a80e667c594f5b' }, index.h("smoothly-input-select", { key: '47d91b398b5da42e70008fd44005da88d833fa46', name: "theme", looks: "border", onSmoothlyInput: e => {
12825
12829
  const element = document.querySelector(`#${this.element}`);
12826
12830
  if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
12827
12831
  element.href = e.detail.theme;
12828
- } }, index.h("label", { key: 'bc5cd26f28ddb26320b6cd3735b2eb2f007903f6', slot: "label" }, "Select theme"), index.h("slot", { key: 'd401bb6124c7367621ffbc096d009991da03c788' }))));
12832
+ } }, index.h("label", { key: '8259eb8f098d182c657a46aa18925371186d1143', slot: "label" }, "Select theme"), index.h("slot", { key: '5a9dc670ce5f7e9ae82890583260b60cc50e687b' }))));
12829
12833
  }
12830
12834
  };
12831
12835
  SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
@@ -12846,7 +12850,7 @@ const SmoothlyToggle = class {
12846
12850
  this.selected = !this.selected;
12847
12851
  }
12848
12852
  render() {
12849
- return (index.h("button", { key: 'dcc4fb1501d1059f1a845a616e4387f4a6ba675f' }, index.h("slot", { key: '6570d25b681e52225d5e31d8a184734eb402a12d', name: "icon-slot" }), index.h("slot", { key: '6c19de7e4e15280fc28487e96baef1aa57d789dd' }, this.name)));
12853
+ return (index.h("button", { key: '05d17a3e2729a86c8980da5aef754e71ae75f3e2' }, index.h("slot", { key: 'd67aa0d7f6ce810906f7c81e61ac8b96f5c059ae', name: "icon-slot" }), index.h("slot", { key: '4f96ffe5033672d925d5f735081866209a0a5f47' }, this.name)));
12850
12854
  }
12851
12855
  };
12852
12856
  SmoothlyToggle.style = SmoothlyToggleStyle0;
@@ -12870,7 +12874,7 @@ const SmoothlyToggleSwitch = class {
12870
12874
  this.smoothlyToggleSwitchChange.emit(this.selected);
12871
12875
  }
12872
12876
  render() {
12873
- return (index.h(index.Host, { key: '9169a2949e95bb111323cf750b56f907da78bcf7' }, index.h("button", { key: 'c6429fc7967b812d1481c1cba31978b9b74828cb', disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: '49d849d7fc6aa852df2bfca25ef2a7fae5940e83', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
12877
+ return (index.h(index.Host, { key: 'ab2e3b389c3a12ae60b634981aaef42dd71bd426' }, index.h("button", { key: 'a1f7e1ccedbb8e5522b4734794eaf3926d7e50c2', disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'f7ace0e0e877c98a58c06fd09f52571e92c37b3b', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
12874
12878
  }
12875
12879
  };
12876
12880
  SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
@@ -12883,7 +12887,7 @@ const SmoothlyToggleSwitchDemo = class {
12883
12887
  index.registerInstance(this, hostRef);
12884
12888
  }
12885
12889
  render() {
12886
- return (index.h(index.Host, { key: 'f39c9bd96a09d0e923d1c3224a6a5035b4767cff' }, index.h("h4", { key: 'a685c0f405df706eb35f0e0a6db45a43607b79e3' }, "Toggle switches"), index.h("div", { key: 'e3630439aad613b588ece3e486cf0c118e152660' }, index.h("p", { key: 'd375bbd5a1dc9c0a8947fe48f77f81e84cc38c59' }, "Checkmark"), index.h("span", { key: '7f4b37a2262b0e88771b51e174c89b7003a45096' }, index.h("p", { key: '1e0dc32ee07e2b0f1bb80d0fe18be846153533c3' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '7d70e3cb529a1746d4d5760beb382563ee4cd37c', disabled: false, size: "tiny" })), index.h("span", { key: '369fea518ce84566a6c437d7cf9d51174a3194f9' }, index.h("p", { key: 'a78206bd549fe7ab82e62d52a4c1f0d66a5b6ef3' }, "Small"), index.h("smoothly-toggle-switch", { key: '4f76542dba6e99088aaf9768787707b6a6629f0d', disabled: false, size: "small" })), index.h("span", { key: '3daa27b3b684458f5d3960aba871c64bbcfb266b' }, index.h("p", { key: 'd36cfba0cdf94938a46cfb53e31a10bdb053f788' }, "Standard"), index.h("smoothly-toggle-switch", { key: '171bddf8a2fbeb403ac200471254d6147bad885e', disabled: false })), index.h("span", { key: 'ff29db9889a9df8c80845bdedab507609bb54428' }, index.h("p", { key: '20795a3c0a45899cab621d7142e9435b6a80e8ae' }, "Large"), index.h("smoothly-toggle-switch", { key: '5b68c70b33e58f0f4fd63780de5733061986c7f0', disabled: false, size: "large" })), index.h("p", { key: '965f67b0d14a9dc98a7c8115e9ddbb3733be77dc' }, "Colors checkmark"), index.h("span", { key: '71792ecaefb78247161087a5d62b14d9c10443e6' }, index.h("p", { key: 'd50d14cde3991ff05988cb5c632a2b5c32e7e4b2' }, "Danger"), index.h("smoothly-toggle-switch", { key: '5f73bf6fea5fc81b7d91b82ce0950af559371190', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '9e66d73d65a83b81c1fbd7ec11bb923d50e897e6' }, index.h("p", { key: 'c8033049223aba40a7e00c12cc5762203d053116' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'a6c202c12451d0ce08bba7796b07c1e9bc88bec7', color: "primary", disabled: false, size: "small" })), index.h("span", { key: '4ac63276bd759a9c4e1e64b830b154686f339f16' }, index.h("p", { key: '7268b7bc3de165f687f8d8456ee4b6c568deef73' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '119c5892e7f9898c16a0ddbef6603944900bd1ad', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: 'cc2bbd9cffc582e142d1e7c397badbd64446670e' }), index.h("p", { key: 'cb5b70edec4f45a624685932dd6c11a55ce2781f' }, "Colors no checkmark"), index.h("span", { key: '7c7cc88cfab6d67e8ab03885110d71534cbfb73d' }, index.h("p", { key: '1f1d2ff9db3e33f2bd0e155cd923be66c117a1f3' }, "Danger"), index.h("smoothly-toggle-switch", { key: '79d9fca1c1588dfefd03386c9fa59dabc53d063a', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '79e0dfaca75de0d237083e5d358f61a8fd01d6c1' }, index.h("p", { key: '1ebaf619c7dbfa34dcbf1f04a4924c399a986240' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '4e300e6628cb3d90a7aa17b51f0b2c7963eb5e4c', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '45f12ad93e943ffe76dfc04bb10bce6b69352eef' }, index.h("p", { key: 'e7fd0c8f688c675ea4db618fe50483983d1b0eba' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '76ca16c9db5362e7bc78cf1c732e0a2f585e9be4', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
12890
+ return (index.h(index.Host, { key: '57ef3c6397ff0cccd77d859fceed77e7c00965e5' }, index.h("h4", { key: '4f583c5c83f1bc5aa31f21e925589eae62c3b68f' }, "Toggle switches"), index.h("div", { key: '776a37d3d16ad83078408389e4866629ceb56ca2' }, index.h("p", { key: '0ee9f1efe9532ea1558192db3ac86bf6af11ba1b' }, "Checkmark"), index.h("span", { key: 'aa1bab23ac896138046cb9f81b83c5820fbaec12' }, index.h("p", { key: 'f1fcc1d43607052c32bf1fa5a02b43c2a04a7ab5' }, "Tiny"), index.h("smoothly-toggle-switch", { key: 'dfd05d7991b0068246bc1d559844e61ec9622bdb', disabled: false, size: "tiny" })), index.h("span", { key: 'f92efdd42d426ceb7cf588d451e99023d8651ff5' }, index.h("p", { key: 'e48c6112dd29dd82059010efb01f121e82b124bb' }, "Small"), index.h("smoothly-toggle-switch", { key: '3be986ea9b2af1493cc4bf25f5e7a11dbd236c53', disabled: false, size: "small" })), index.h("span", { key: '016361bc5f710e1a65743fc170f3f66e7499e2ae' }, index.h("p", { key: '763d628bd8f96f8c5dbf7e8075a20cc6cb2ed68b' }, "Standard"), index.h("smoothly-toggle-switch", { key: 'ca3265f04f61a436466a142ce7d4cd3c74a3890f', disabled: false })), index.h("span", { key: '643191356033b3503211c0c4f0bedbb92d9c46e5' }, index.h("p", { key: '6570a9e629407be039fea065095de8e5b7e55a2e' }, "Large"), index.h("smoothly-toggle-switch", { key: '7a71e1a49dc73495d1701fa5a6b070dde85bae28', disabled: false, size: "large" })), index.h("p", { key: '52a354cf4319bebf82a878297c0c5d0fffd1091b' }, "Colors checkmark"), index.h("span", { key: '26e8562a4f7e28cf1cbaa70162216a37b616d3f1' }, index.h("p", { key: 'ba9c31a1c598944f7d62c749a36a8c3c448d24e3' }, "Danger"), index.h("smoothly-toggle-switch", { key: '09f9525a1190b4de78a1d519198804161aac6add', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '6e086b838483b85a3f036d76fd5aba54751df777' }, index.h("p", { key: '812543fe04bdcdd5d3b94ca727ddf0bf14be9a83' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '304d86fc047d50f985f70510710d8a3b60271a63', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'a64dde19b59ac5d42e2f0301441c66c5eecc6508' }, index.h("p", { key: '0b21cacca0b66263261578a5388e6c349c572036' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: 'd89a16ed8aebb4e94d9acaa149a161c722d43db3', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '5cc056a554035e089e3c438de050fb75172dc7cb' }), index.h("p", { key: 'fca6c955f0d7ccb62adbee419215a7f9f07c513c' }, "Colors no checkmark"), index.h("span", { key: 'd81b60019b2cf5b57e4c142638c8c23fa6bf5f3b' }, index.h("p", { key: 'efef99d1b5cda0a455f9872b2e1e3cdf0164719b' }, "Danger"), index.h("smoothly-toggle-switch", { key: '955be9d473cb6f2f346b1fb82534423762a07fd0', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '2b561ef3dc5c3ac524f71ea958c9dbf46f334643' }, index.h("p", { key: 'cb03fbd74f648940d6f2dadce87ec321f25576fa' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '5757115ce8c620e622bd75db337a984fedabedcf', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '56f8c5ef98b359f8e9f6c053f7e4f5ee587e6367' }, index.h("p", { key: '27d2518d8fe82e5199024f0952977d92c9839cd0' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '170bef6759a4fb33017874aab421a3197c8c032c', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
12887
12891
  }
12888
12892
  };
12889
12893
  SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
@@ -12914,7 +12918,7 @@ const SmoothlyTrigger = class {
12914
12918
  result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
12915
12919
  break;
12916
12920
  case "button":
12917
- result = (index.h("button", { key: 'e54d9390e576d5a16a53e1e5ad9db82c270642e9', disabled: this.disabled, name: this.name }, index.h("slot", { key: '979dc421800ca3678880d890e350e5301623f655' })));
12921
+ result = (index.h("button", { key: '95896964d93f81a4413924fa6a8f32fd27fbbc99', disabled: this.disabled, name: this.name }, index.h("slot", { key: '79919839f1e24ae62b65d095c0aa6a828098a462' })));
12918
12922
  break;
12919
12923
  }
12920
12924
  return result;