smoothly 1.95.0 → 1.97.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (383) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_103.cjs.entry.js +101 -101
  3. package/dist/cjs/smoothly-app_103.cjs.entry.js.map +1 -1
  4. package/dist/cjs/smoothly-submit.cjs.entry.js +1 -1
  5. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  6. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly.cjs.js +1 -1
  8. package/dist/collection/components/input/checkbox/style.css +3 -0
  9. package/dist/collection/components/input/color/style.css +3 -0
  10. package/dist/collection/components/input/date/index.js +2 -2
  11. package/dist/collection/components/input/date/index.js.map +1 -1
  12. package/dist/collection/components/input/date/range/index.js +22 -4
  13. package/dist/collection/components/input/date/range/index.js.map +1 -1
  14. package/dist/collection/components/input/date/range/style.css +13 -1
  15. package/dist/collection/components/input/date/style.css +11 -1
  16. package/dist/collection/components/input/date/text/index.js +1 -19
  17. package/dist/collection/components/input/date/text/index.js.map +1 -1
  18. package/dist/collection/components/input/date/time/index.js +5 -5
  19. package/dist/collection/components/input/date/time/index.js.map +1 -1
  20. package/dist/collection/components/input/date/time/style.css +3 -0
  21. package/dist/collection/components/input/demo/date/index.js +1 -1
  22. package/dist/collection/components/input/demo/index.js +4 -4
  23. package/dist/collection/components/input/demo/price/index.js +1 -1
  24. package/dist/collection/components/input/demo/standard/index.js +1 -1
  25. package/dist/collection/components/input/demo/standard/index.js.map +1 -1
  26. package/dist/collection/components/input/demo/user-input/index.js +3 -3
  27. package/dist/collection/components/input/edit/index.js +1 -1
  28. package/dist/collection/components/input/file/index.js +1 -1
  29. package/dist/collection/components/input/file/style.css +4 -0
  30. package/dist/collection/components/input/index.js +1 -1
  31. package/dist/collection/components/input/index.js.map +1 -1
  32. package/dist/collection/components/input/month/index.js +4 -4
  33. package/dist/collection/components/input/radio/item/index.js +1 -1
  34. package/dist/collection/components/input/radio/style.css +3 -0
  35. package/dist/collection/components/input/range/demo/index.js +1 -1
  36. package/dist/collection/components/input/range/index.js +4 -4
  37. package/dist/collection/components/input/range/style.css +3 -0
  38. package/dist/collection/components/input/reset/index.js +1 -1
  39. package/dist/collection/components/input/select/index.js +3 -3
  40. package/dist/collection/components/input/select/index.js.map +1 -1
  41. package/dist/collection/components/input/select/style.css +3 -0
  42. package/dist/collection/components/input/style.css +3 -4
  43. package/dist/collection/components/input/submit/index.js +1 -1
  44. package/dist/collection/components/item/index.js +1 -1
  45. package/dist/collection/components/label/index.js +2 -2
  46. package/dist/collection/components/lazy/index.js +1 -1
  47. package/dist/collection/components/load-more/index.js +1 -1
  48. package/dist/collection/components/modal/index.js +2 -2
  49. package/dist/collection/components/notification/index.js +1 -1
  50. package/dist/collection/components/notifier/index.js +1 -1
  51. package/dist/collection/components/spinner/index.js +2 -2
  52. package/dist/collection/components/submit/index.js +1 -1
  53. package/dist/collection/components/summary/index.js +1 -1
  54. package/dist/collection/components/table/body/index.js +1 -1
  55. package/dist/collection/components/table/cell/index.js +1 -1
  56. package/dist/collection/components/table/demo/colspan/index.js +1 -1
  57. package/dist/collection/components/table/demo/filler-row/index.js +1 -1
  58. package/dist/collection/components/table/demo/filtered/index.js +5 -5
  59. package/dist/collection/components/table/demo/group/index.js +1 -1
  60. package/dist/collection/components/table/demo/index.js +1 -1
  61. package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
  62. package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
  63. package/dist/collection/components/table/demo/simple/simple.js +1 -1
  64. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  65. package/dist/collection/components/table/expandable/row/index.js +1 -1
  66. package/dist/collection/components/table/filler-row/index.js +1 -1
  67. package/dist/collection/components/table/foot/index.js +1 -1
  68. package/dist/collection/components/table/group/index.js +1 -1
  69. package/dist/collection/components/table/head/index.js +1 -1
  70. package/dist/collection/components/table/index.js +1 -1
  71. package/dist/collection/components/table/row/index.js +1 -1
  72. package/dist/collection/components/tabs/demo/index.js +1 -1
  73. package/dist/collection/components/tabs/tab/index.js +1 -1
  74. package/dist/collection/components/theme/color/index.js +1 -1
  75. package/dist/collection/components/theme/demo/index.js +1 -1
  76. package/dist/collection/components/theme/guide/index.js +8 -8
  77. package/dist/collection/components/theme/picker/index.js +2 -2
  78. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  79. package/dist/collection/components/toggle-switch/index.js +1 -1
  80. package/dist/collection/components/trigger/index.js +1 -1
  81. package/dist/collection/components/trigger/sink/index.js +1 -1
  82. package/dist/collection/components/trigger/source/index.js +1 -1
  83. package/dist/components/{p-787944b1.js → p-00165343.js} +2 -4
  84. package/dist/components/p-00165343.js.map +1 -0
  85. package/dist/components/p-003a635b.js +45 -0
  86. package/dist/components/{p-1e58d3b9.js.map → p-003a635b.js.map} +1 -1
  87. package/dist/components/{p-fd055140.js → p-02c38067.js} +5 -5
  88. package/dist/components/{p-fd055140.js.map → p-02c38067.js.map} +1 -1
  89. package/dist/components/{p-78ddc1f7.js → p-04b312ca.js} +2 -2
  90. package/dist/components/{p-78ddc1f7.js.map → p-04b312ca.js.map} +1 -1
  91. package/dist/components/{p-990382e3.js → p-0b3f1a79.js} +2 -2
  92. package/dist/components/{p-990382e3.js.map → p-0b3f1a79.js.map} +1 -1
  93. package/dist/components/{p-25eebfd9.js → p-0e242fdd.js} +4 -4
  94. package/dist/components/{p-25eebfd9.js.map → p-0e242fdd.js.map} +1 -1
  95. package/dist/components/{p-7e4a80fe.js → p-1062aeb9.js} +3 -3
  96. package/dist/components/{p-7e4a80fe.js.map → p-1062aeb9.js.map} +1 -1
  97. package/dist/components/{p-e39b1669.js → p-140b6f3c.js} +5 -5
  98. package/dist/components/{p-e39b1669.js.map → p-140b6f3c.js.map} +1 -1
  99. package/dist/components/{p-eb425cfd.js → p-19d93e64.js} +2 -2
  100. package/dist/components/{p-eb425cfd.js.map → p-19d93e64.js.map} +1 -1
  101. package/dist/components/{p-5e495944.js → p-1e46b981.js} +2 -2
  102. package/dist/components/{p-5e495944.js.map → p-1e46b981.js.map} +1 -1
  103. package/dist/components/{p-db74d132.js → p-211c0f22.js} +3 -3
  104. package/dist/components/{p-db74d132.js.map → p-211c0f22.js.map} +1 -1
  105. package/dist/components/{p-0239e2c0.js → p-21720476.js} +17 -17
  106. package/dist/components/{p-0239e2c0.js.map → p-21720476.js.map} +1 -1
  107. package/dist/components/{p-7457469e.js → p-250c5656.js} +30 -30
  108. package/dist/components/{p-7457469e.js.map → p-250c5656.js.map} +1 -1
  109. package/dist/components/{p-82c7b41d.js → p-2779565d.js} +2 -2
  110. package/dist/components/{p-82c7b41d.js.map → p-2779565d.js.map} +1 -1
  111. package/dist/components/{p-604c19c3.js → p-29853f1a.js} +2 -2
  112. package/dist/components/{p-604c19c3.js.map → p-29853f1a.js.map} +1 -1
  113. package/dist/components/{p-f1f48dd3.js → p-2b0bbc2a.js} +5 -5
  114. package/dist/components/{p-f1f48dd3.js.map → p-2b0bbc2a.js.map} +1 -1
  115. package/dist/components/{p-06a75cf4.js → p-2ef8a833.js} +2 -2
  116. package/dist/components/{p-06a75cf4.js.map → p-2ef8a833.js.map} +1 -1
  117. package/dist/components/{p-67d85dad.js → p-3270e9e0.js} +13 -13
  118. package/dist/components/{p-67d85dad.js.map → p-3270e9e0.js.map} +1 -1
  119. package/dist/components/{p-a028f8c4.js → p-3592f43e.js} +10 -10
  120. package/dist/components/{p-a028f8c4.js.map → p-3592f43e.js.map} +1 -1
  121. package/dist/components/{p-f5648051.js → p-35bfb804.js} +2 -2
  122. package/dist/components/{p-f5648051.js.map → p-35bfb804.js.map} +1 -1
  123. package/dist/components/{p-4369eee5.js → p-360f959f.js} +4 -4
  124. package/dist/components/{p-4369eee5.js.map → p-360f959f.js.map} +1 -1
  125. package/dist/components/{p-8153821c.js → p-37732412.js} +2 -2
  126. package/dist/components/{p-8153821c.js.map → p-37732412.js.map} +1 -1
  127. package/dist/components/{p-79b2dc4c.js → p-3a07b89f.js} +22 -22
  128. package/dist/components/p-3a07b89f.js.map +1 -0
  129. package/dist/components/{p-f4d38f75.js → p-3a1a67e7.js} +3 -3
  130. package/dist/components/{p-f4d38f75.js.map → p-3a1a67e7.js.map} +1 -1
  131. package/dist/components/{p-c8264085.js → p-3a2d2f1d.js} +14 -12
  132. package/dist/components/p-3a2d2f1d.js.map +1 -0
  133. package/dist/components/{p-7efc9876.js → p-3ca7060e.js} +3 -3
  134. package/dist/components/{p-7efc9876.js.map → p-3ca7060e.js.map} +1 -1
  135. package/dist/components/{p-8f210b4c.js → p-3fa2299b.js} +2 -2
  136. package/dist/components/{p-8f210b4c.js.map → p-3fa2299b.js.map} +1 -1
  137. package/dist/components/{p-7393ae40.js → p-40d2000b.js} +2 -2
  138. package/dist/components/{p-7393ae40.js.map → p-40d2000b.js.map} +1 -1
  139. package/dist/components/{p-6e5122ec.js → p-417c64ad.js} +19 -19
  140. package/dist/components/{p-6e5122ec.js.map → p-417c64ad.js.map} +1 -1
  141. package/dist/components/{p-963579c4.js → p-4f0ce21b.js} +3 -3
  142. package/dist/components/{p-963579c4.js.map → p-4f0ce21b.js.map} +1 -1
  143. package/dist/components/{p-00e370c3.js → p-50304fc1.js} +3 -3
  144. package/dist/components/{p-00e370c3.js.map → p-50304fc1.js.map} +1 -1
  145. package/dist/components/{p-60cafcb4.js → p-53eb6d93.js} +4 -4
  146. package/dist/components/p-53eb6d93.js.map +1 -0
  147. package/dist/components/{p-05a79a87.js → p-55806dd1.js} +6 -6
  148. package/dist/components/{p-05a79a87.js.map → p-55806dd1.js.map} +1 -1
  149. package/dist/components/{p-f1ab93b7.js → p-5bc54b34.js} +2 -2
  150. package/dist/components/{p-f1ab93b7.js.map → p-5bc54b34.js.map} +1 -1
  151. package/dist/components/{p-35b35841.js → p-5cd257ad.js} +3 -3
  152. package/dist/components/{p-35b35841.js.map → p-5cd257ad.js.map} +1 -1
  153. package/dist/components/{p-28d79a77.js → p-5d4481e5.js} +2 -2
  154. package/dist/components/{p-28d79a77.js.map → p-5d4481e5.js.map} +1 -1
  155. package/dist/components/{p-d3fa1e77.js → p-6008d530.js} +4 -4
  156. package/dist/components/{p-d3fa1e77.js.map → p-6008d530.js.map} +1 -1
  157. package/dist/components/{p-390005a2.js → p-6014eafb.js} +9 -9
  158. package/dist/components/{p-390005a2.js.map → p-6014eafb.js.map} +1 -1
  159. package/dist/components/{p-d73228f5.js → p-62af2a18.js} +5 -5
  160. package/dist/components/{p-d73228f5.js.map → p-62af2a18.js.map} +1 -1
  161. package/dist/components/{p-a637efc4.js → p-64e731a9.js} +13 -13
  162. package/dist/components/{p-a637efc4.js.map → p-64e731a9.js.map} +1 -1
  163. package/dist/components/{p-8aa072f4.js → p-6765b081.js} +21 -21
  164. package/dist/components/{p-8aa072f4.js.map → p-6765b081.js.map} +1 -1
  165. package/dist/components/{p-a0bb98e2.js → p-6a11096b.js} +2 -2
  166. package/dist/components/{p-a0bb98e2.js.map → p-6a11096b.js.map} +1 -1
  167. package/dist/components/{p-75a2f47c.js → p-6a24968b.js} +10 -10
  168. package/dist/components/{p-75a2f47c.js.map → p-6a24968b.js.map} +1 -1
  169. package/dist/components/{p-0d90bb34.js → p-6d1e5f27.js} +3 -3
  170. package/dist/components/{p-0d90bb34.js.map → p-6d1e5f27.js.map} +1 -1
  171. package/dist/components/{p-f4a081aa.js → p-6f96e7ef.js} +2 -2
  172. package/dist/components/{p-f4a081aa.js.map → p-6f96e7ef.js.map} +1 -1
  173. package/dist/components/{p-1842fa59.js → p-753658b4.js} +2 -2
  174. package/dist/components/{p-1842fa59.js.map → p-753658b4.js.map} +1 -1
  175. package/dist/components/{p-86737203.js → p-7550fc08.js} +2 -2
  176. package/dist/components/{p-86737203.js.map → p-7550fc08.js.map} +1 -1
  177. package/dist/components/{p-5c22b8e0.js → p-76cc6651.js} +2 -2
  178. package/dist/components/{p-5c22b8e0.js.map → p-76cc6651.js.map} +1 -1
  179. package/dist/components/{p-e17d9197.js → p-79b998a1.js} +35 -35
  180. package/dist/components/{p-e17d9197.js.map → p-79b998a1.js.map} +1 -1
  181. package/dist/components/{p-d7a498d5.js → p-7a5f9284.js} +8 -8
  182. package/dist/components/{p-d7a498d5.js.map → p-7a5f9284.js.map} +1 -1
  183. package/dist/components/{p-25651163.js → p-7a9728b2.js} +3 -3
  184. package/dist/components/{p-25651163.js.map → p-7a9728b2.js.map} +1 -1
  185. package/dist/components/{p-1fbab324.js → p-7b240f39.js} +7 -7
  186. package/dist/components/p-7b240f39.js.map +1 -0
  187. package/dist/components/{p-b014fcaa.js → p-7cc6e1f0.js} +4 -4
  188. package/dist/components/{p-b014fcaa.js.map → p-7cc6e1f0.js.map} +1 -1
  189. package/dist/components/{p-e8b4925e.js → p-827edd31.js} +5 -5
  190. package/dist/components/{p-e8b4925e.js.map → p-827edd31.js.map} +1 -1
  191. package/dist/components/{p-39293296.js → p-87ad85a3.js} +10 -10
  192. package/dist/components/{p-39293296.js.map → p-87ad85a3.js.map} +1 -1
  193. package/dist/components/p-907b02db.js +264 -0
  194. package/dist/components/{p-54fd65eb.js.map → p-907b02db.js.map} +1 -1
  195. package/dist/components/{p-824fd239.js → p-9166e0af.js} +11 -11
  196. package/dist/components/{p-824fd239.js.map → p-9166e0af.js.map} +1 -1
  197. package/dist/components/{p-984f822e.js → p-9204948c.js} +10 -10
  198. package/dist/components/{p-984f822e.js.map → p-9204948c.js.map} +1 -1
  199. package/dist/components/{p-f28884d1.js → p-97e22dc3.js} +4 -4
  200. package/dist/components/{p-f28884d1.js.map → p-97e22dc3.js.map} +1 -1
  201. package/dist/components/{p-fa06d62b.js → p-9bcdd1ec.js} +6 -6
  202. package/dist/components/{p-fa06d62b.js.map → p-9bcdd1ec.js.map} +1 -1
  203. package/dist/components/{p-2e0cfd96.js → p-9ffa8501.js} +9 -9
  204. package/dist/components/{p-2e0cfd96.js.map → p-9ffa8501.js.map} +1 -1
  205. package/dist/components/{p-4a792d25.js → p-a1a35d69.js} +9 -9
  206. package/dist/components/{p-4a792d25.js.map → p-a1a35d69.js.map} +1 -1
  207. package/dist/components/{p-2f9abfb1.js → p-a2a5e7f4.js} +2 -2
  208. package/dist/components/{p-2f9abfb1.js.map → p-a2a5e7f4.js.map} +1 -1
  209. package/dist/components/{p-7dc42c2a.js → p-a4614780.js} +2 -2
  210. package/dist/components/{p-7dc42c2a.js.map → p-a4614780.js.map} +1 -1
  211. package/dist/components/{p-e15c41d8.js → p-b25fbf6e.js} +5 -5
  212. package/dist/components/{p-e15c41d8.js.map → p-b25fbf6e.js.map} +1 -1
  213. package/dist/components/{p-92fa4a71.js → p-b5193b68.js} +6 -6
  214. package/dist/components/{p-92fa4a71.js.map → p-b5193b68.js.map} +1 -1
  215. package/dist/components/{p-0d257ab1.js → p-b773ddd6.js} +11 -11
  216. package/dist/components/{p-0d257ab1.js.map → p-b773ddd6.js.map} +1 -1
  217. package/dist/components/{p-3512fe6a.js → p-b9b392d9.js} +8 -8
  218. package/dist/components/{p-3512fe6a.js.map → p-b9b392d9.js.map} +1 -1
  219. package/dist/components/{p-4bc33cfc.js → p-ba6ea28b.js} +8 -8
  220. package/dist/components/{p-4bc33cfc.js.map → p-ba6ea28b.js.map} +1 -1
  221. package/dist/components/{p-efbd2a4f.js → p-bb94849f.js} +2 -2
  222. package/dist/components/{p-efbd2a4f.js.map → p-bb94849f.js.map} +1 -1
  223. package/dist/components/{p-817a3ceb.js → p-beab4c69.js} +23 -23
  224. package/dist/components/{p-817a3ceb.js.map → p-beab4c69.js.map} +1 -1
  225. package/dist/components/{p-8f39a458.js → p-c0073997.js} +3 -3
  226. package/dist/components/{p-8f39a458.js.map → p-c0073997.js.map} +1 -1
  227. package/dist/components/{p-dee31585.js → p-c1918e49.js} +2 -2
  228. package/dist/components/{p-dee31585.js.map → p-c1918e49.js.map} +1 -1
  229. package/dist/components/{p-2b08c195.js → p-c23cde86.js} +7 -7
  230. package/dist/components/{p-2b08c195.js.map → p-c23cde86.js.map} +1 -1
  231. package/dist/components/{p-05aa3e73.js → p-c2d6384a.js} +10 -10
  232. package/dist/components/{p-05aa3e73.js.map → p-c2d6384a.js.map} +1 -1
  233. package/dist/components/p-c41f5e08.js +123 -0
  234. package/dist/components/{p-786ae69c.js.map → p-c41f5e08.js.map} +1 -1
  235. package/dist/components/{p-56e8abd3.js → p-d422d58c.js} +3 -3
  236. package/dist/components/{p-56e8abd3.js.map → p-d422d58c.js.map} +1 -1
  237. package/dist/components/{p-0aa4e6b4.js → p-d507ffdf.js} +12 -12
  238. package/dist/components/{p-0aa4e6b4.js.map → p-d507ffdf.js.map} +1 -1
  239. package/dist/components/{p-0ce9fb73.js → p-d8c97dde.js} +3 -3
  240. package/dist/components/{p-0ce9fb73.js.map → p-d8c97dde.js.map} +1 -1
  241. package/dist/components/{p-46e831e6.js → p-dd423995.js} +10 -10
  242. package/dist/components/p-dd423995.js.map +1 -0
  243. package/dist/components/{p-97116010.js → p-e48ad105.js} +4 -4
  244. package/dist/components/p-e48ad105.js.map +1 -0
  245. package/dist/components/{p-2e37204f.js → p-e7dcaec1.js} +2 -2
  246. package/dist/components/{p-2e37204f.js.map → p-e7dcaec1.js.map} +1 -1
  247. package/dist/components/{p-0094b06f.js → p-ec815cfd.js} +8 -8
  248. package/dist/components/{p-0094b06f.js.map → p-ec815cfd.js.map} +1 -1
  249. package/dist/components/{p-24fe267c.js → p-efd2f358.js} +3 -3
  250. package/dist/components/{p-24fe267c.js.map → p-efd2f358.js.map} +1 -1
  251. package/dist/components/{p-03da765f.js → p-efd84dbf.js} +13 -13
  252. package/dist/components/p-efd84dbf.js.map +1 -0
  253. package/dist/components/{p-e3e35266.js → p-f316d417.js} +12 -12
  254. package/dist/components/{p-e3e35266.js.map → p-f316d417.js.map} +1 -1
  255. package/dist/components/{p-4db65fe1.js → p-fb97b2ff.js} +3 -3
  256. package/dist/components/{p-4db65fe1.js.map → p-fb97b2ff.js.map} +1 -1
  257. package/dist/components/smoothly-app-demo.js +87 -87
  258. package/dist/components/smoothly-app-room.js +1 -1
  259. package/dist/components/smoothly-app.js +1 -1
  260. package/dist/components/smoothly-button-demo-standard.js +1 -1
  261. package/dist/components/smoothly-button-demo.js +1 -1
  262. package/dist/components/smoothly-calendar.js +1 -1
  263. package/dist/components/smoothly-date-text.js +1 -1
  264. package/dist/components/smoothly-dialog-demo.js +1 -1
  265. package/dist/components/smoothly-dialog.js +1 -1
  266. package/dist/components/smoothly-display-demo.js +1 -1
  267. package/dist/components/smoothly-filter-field.js +1 -1
  268. package/dist/components/smoothly-filter-input.js +1 -1
  269. package/dist/components/smoothly-filter-select.js +1 -1
  270. package/dist/components/smoothly-filter.js +1 -1
  271. package/dist/components/smoothly-form-demo-all.js +1 -1
  272. package/dist/components/smoothly-form-demo-card.js +1 -1
  273. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  274. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  275. package/dist/components/smoothly-form-demo-date.js +1 -1
  276. package/dist/components/smoothly-form-demo-login.js +1 -1
  277. package/dist/components/smoothly-form-demo-pet.js +1 -1
  278. package/dist/components/smoothly-form-demo-prices.js +1 -1
  279. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  280. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  281. package/dist/components/smoothly-form-demo-typed.js +1 -1
  282. package/dist/components/smoothly-form-demo.js +1 -1
  283. package/dist/components/smoothly-form.js +1 -1
  284. package/dist/components/smoothly-icon-demo.js +1 -1
  285. package/dist/components/smoothly-input-checkbox-demo.js +21 -21
  286. package/dist/components/smoothly-input-checkbox.js +1 -1
  287. package/dist/components/smoothly-input-clear.js +1 -1
  288. package/dist/components/smoothly-input-color-demo.js +1 -1
  289. package/dist/components/smoothly-input-color.js +1 -1
  290. package/dist/components/smoothly-input-date-demo.js +1 -1
  291. package/dist/components/smoothly-input-date-range.js +1 -1
  292. package/dist/components/smoothly-input-date-time.js +1 -1
  293. package/dist/components/smoothly-input-date.js +1 -1
  294. package/dist/components/smoothly-input-demo-standard.js +1 -1
  295. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  296. package/dist/components/smoothly-input-demo.js +1 -1
  297. package/dist/components/smoothly-input-edit.js +1 -1
  298. package/dist/components/smoothly-input-file.js +1 -1
  299. package/dist/components/smoothly-input-month.js +1 -1
  300. package/dist/components/smoothly-input-price-demo.js +1 -1
  301. package/dist/components/smoothly-input-radio-item.js +1 -1
  302. package/dist/components/smoothly-input-radio.js +1 -1
  303. package/dist/components/smoothly-input-range-demo.js +1 -1
  304. package/dist/components/smoothly-input-range.js +1 -1
  305. package/dist/components/smoothly-input-reset.js +1 -1
  306. package/dist/components/smoothly-input-select.js +1 -1
  307. package/dist/components/smoothly-input-submit.js +1 -1
  308. package/dist/components/smoothly-input.js +1 -1
  309. package/dist/components/smoothly-item.js +1 -1
  310. package/dist/components/smoothly-label.js +1 -1
  311. package/dist/components/smoothly-lazy.js +1 -1
  312. package/dist/components/smoothly-load-more.js +1 -1
  313. package/dist/components/smoothly-modal.js +1 -1
  314. package/dist/components/smoothly-notification.js +1 -1
  315. package/dist/components/smoothly-notifier.js +1 -1
  316. package/dist/components/smoothly-spinner.js +1 -1
  317. package/dist/components/smoothly-submit.js +1 -1
  318. package/dist/components/smoothly-summary.js +1 -1
  319. package/dist/components/smoothly-tab.js +1 -1
  320. package/dist/components/smoothly-table-body.js +1 -1
  321. package/dist/components/smoothly-table-cell.js +1 -1
  322. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  323. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  324. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  325. package/dist/components/smoothly-table-demo-group.js +1 -1
  326. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  327. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  328. package/dist/components/smoothly-table-demo-simple.js +1 -1
  329. package/dist/components/smoothly-table-demo.js +1 -1
  330. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  331. package/dist/components/smoothly-table-expandable-row.js +1 -1
  332. package/dist/components/smoothly-table-filler-row.js +1 -1
  333. package/dist/components/smoothly-table-foot.js +1 -1
  334. package/dist/components/smoothly-table-head.js +1 -1
  335. package/dist/components/smoothly-table-row-group.js +1 -1
  336. package/dist/components/smoothly-table-row.js +1 -1
  337. package/dist/components/smoothly-table.js +1 -1
  338. package/dist/components/smoothly-tabs-demo.js +1 -1
  339. package/dist/components/smoothly-theme-color.js +1 -1
  340. package/dist/components/smoothly-theme-colors.js +1 -1
  341. package/dist/components/smoothly-theme-demo.js +1 -1
  342. package/dist/components/smoothly-theme-guide.js +1 -1
  343. package/dist/components/smoothly-theme-picker.js +1 -1
  344. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  345. package/dist/components/smoothly-toggle-switch.js +1 -1
  346. package/dist/components/smoothly-trigger-sink.js +1 -1
  347. package/dist/components/smoothly-trigger-source.js +1 -1
  348. package/dist/components/smoothly-trigger.js +1 -1
  349. package/dist/esm/loader.js +1 -1
  350. package/dist/esm/smoothly-app_103.entry.js +101 -101
  351. package/dist/esm/smoothly-app_103.entry.js.map +1 -1
  352. package/dist/esm/smoothly-submit.entry.js +1 -1
  353. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  354. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  355. package/dist/esm/smoothly.js +1 -1
  356. package/dist/smoothly/{p-68d9c9fc.entry.js → p-1591ed71.entry.js} +2 -2
  357. package/dist/smoothly/p-51b0aa9b.entry.js +2 -0
  358. package/dist/smoothly/p-51b0aa9b.entry.js.map +1 -0
  359. package/dist/smoothly/p-a00d7c21.entry.js +2 -0
  360. package/dist/smoothly/{p-4e31d890.entry.js → p-bcf83be6.entry.js} +2 -2
  361. package/dist/smoothly/smoothly.esm.js +1 -1
  362. package/dist/smoothly/smoothly.esm.js.map +1 -1
  363. package/dist/types/components/input/date/range/index.d.ts +1 -0
  364. package/dist/types/components/input/date/text/index.d.ts +0 -1
  365. package/dist/types/components.d.ts +2 -2
  366. package/package.json +1 -1
  367. package/dist/components/p-03da765f.js.map +0 -1
  368. package/dist/components/p-1e58d3b9.js +0 -45
  369. package/dist/components/p-1fbab324.js.map +0 -1
  370. package/dist/components/p-46e831e6.js.map +0 -1
  371. package/dist/components/p-54fd65eb.js +0 -264
  372. package/dist/components/p-60cafcb4.js.map +0 -1
  373. package/dist/components/p-786ae69c.js +0 -123
  374. package/dist/components/p-787944b1.js.map +0 -1
  375. package/dist/components/p-79b2dc4c.js.map +0 -1
  376. package/dist/components/p-97116010.js.map +0 -1
  377. package/dist/components/p-c8264085.js.map +0 -1
  378. package/dist/smoothly/p-a38730b9.entry.js +0 -2
  379. package/dist/smoothly/p-a38730b9.entry.js.map +0 -1
  380. package/dist/smoothly/p-eb9ae48f.entry.js +0 -2
  381. /package/dist/smoothly/{p-68d9c9fc.entry.js.map → p-1591ed71.entry.js.map} +0 -0
  382. /package/dist/smoothly/{p-eb9ae48f.entry.js.map → p-a00d7c21.entry.js.map} +0 -0
  383. /package/dist/smoothly/{p-4e31d890.entry.js.map → p-bcf83be6.entry.js.map} +0 -0
package/dist/cjs/smoothly-app_103.cjs.entry.js CHANGED
@@ -2138,7 +2138,6 @@ const SmoothlyInputDateRangeText = class {
2138
2138
  this.locale = getLocale();
2139
2139
  this.readonly = undefined;
2140
2140
  this.disabled = undefined;
2141
- this.invalid = undefined;
2142
2141
  this.showLabel = true;
2143
2142
  this.value = undefined;
2144
2143
  this.parts = {};
@@ -2314,7 +2313,7 @@ const SmoothlyInputDateRangeText = class {
2314
2313
  }
2315
2314
  }
2316
2315
  render() {
2317
- return (index.h(index.Host, { key: '946b8e3e252c5d9f8f92d0df484df7eefde5bbb1', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index$1) => {
2316
+ return (index.h(index.Host, { key: '0e110488c4cdc730b778e048d9d0a9c190a279bd', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index$1) => {
2318
2317
  var _a;
2319
2318
  return (index.h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index$1) }, index.h("span", { class: {
2320
2319
  "smoothly-date-text-part": true,
@@ -9476,7 +9475,7 @@ var Key;
9476
9475
  Key.create = create;
9477
9476
  })(Key || (Key = {}));
9478
9477
 
9479
- const styleCss$W = ".sc-smoothly-input-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)}[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-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-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}.sc-smoothly-input-h:not([disabled])>.smoothly-invalid.sc-smoothly-input{cursor:pointer}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}";
9478
+ const styleCss$W = ".sc-smoothly-input-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)}[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-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-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}";
9480
9479
  const SmoothlyInputStyle0 = styleCss$W;
9481
9480
 
9482
9481
  const SmoothlyInput = class {
@@ -9642,7 +9641,7 @@ const SmoothlyInput = class {
9642
9641
  this.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) });
9643
9642
  }
9644
9643
  }
9645
- } }), index.h("label", { key: '9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27' }))), this.copyable && this.value && (index.h("span", { key: '472fed6ffedddb52f3f62050d3a1efcabb66db6f', class: "copyable" }, index.h("small", { key: '0b31de55c8fdee49662493eedecd145265efed26' }, this.copied ? "Copied!" : "Copy"), index.h("smoothly-icon", { key: '1897225b26a2644967de560d09b9a69ae05c4e22', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), index.h("smoothly-icon", { key: '0b39d127f197daf02a4da12adcbfa590bb0ab7ba', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '35f89df18ba1d68b987eaf7a8da3714582a2201c', name: "end" })));
9644
+ } }), index.h("label", { key: '9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc', class: "label float-on-focus", htmlFor: this.name }, index.h("slot", { key: 'a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27' }))), this.copyable && this.value && (index.h("span", { key: '472fed6ffedddb52f3f62050d3a1efcabb66db6f', class: "copyable" }, index.h("small", { key: '0b31de55c8fdee49662493eedecd145265efed26' }, this.copied ? "Copied!" : "Copy"), index.h("smoothly-icon", { key: '1897225b26a2644967de560d09b9a69ae05c4e22', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), index.h("smoothly-icon", { key: '54da63747b53239c07c12c0f7b7c55d20749d24c', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'f0c938d1eac85384f527f46b58b4c8a72c68ebc1', name: "end" })));
9646
9645
  }
9647
9646
  get element() { return index.getElement(this); }
9648
9647
  static get watchers() { return {
@@ -9657,7 +9656,7 @@ const SmoothlyInput = class {
9657
9656
  };
9658
9657
  SmoothlyInput.style = SmoothlyInputStyle0;
9659
9658
 
9660
- const styleCss$V = ".sc-smoothly-input-checkbox-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)}[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
9659
+ const styleCss$V = ".sc-smoothly-input-checkbox-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)}[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{--smoothly-color-contrast:var(--smoothly-input-foreground)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
9661
9660
  const SmoothlyInputCheckboxStyle0 = styleCss$V;
9662
9661
 
9663
9662
  const SmoothlyInputCheckbox = class {
@@ -9796,7 +9795,7 @@ const SmoothlyInputClear = class {
9796
9795
  };
9797
9796
  SmoothlyInputClear.style = SmoothlyInputClearStyle0;
9798
9797
 
9799
- const styleCss$T = ".sc-smoothly-input-color-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)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-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-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
9798
+ const styleCss$T = ".sc-smoothly-input-color-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)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-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-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
9800
9799
  const SmoothlyInputColorStyle0 = styleCss$T;
9801
9800
 
9802
9801
  const SmoothlyInputColor = class {
@@ -9979,7 +9978,7 @@ const SmoothlyInputColorDemo = class {
9979
9978
  };
9980
9979
  SmoothlyInputColorDemo.style = "style.css";
9981
9980
 
9982
- const styleCss$S = ".sc-smoothly-input-date-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)}[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-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-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}";
9981
+ const styleCss$S = ".sc-smoothly-input-date-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)}[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-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-date-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-h>input.sc-smoothly-input-date,[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-h.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h .label.sc-smoothly-input-date{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-h.floating-label.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.floating-label .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value.sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h.has-value .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[placeholder] .sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly].sc-smoothly-input-date-s>[slot=label],.sc-smoothly-input-date-h[readonly] .sc-smoothly-input-date-s>[slot=label],.floating-label.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-value.sc-smoothly-input-date-h .label.sc-smoothly-input-date,.has-text.sc-smoothly-input-date-h .label.sc-smoothly-input-date,[placeholder].sc-smoothly-input-date-h .label.sc-smoothly-input-date,[readonly].sc-smoothly-input-date-h .label.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-h .smoothly-date-placeholder.sc-smoothly-input-date{display:none}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder.sc-smoothly-input-date{opacity:0.5;display:block}.sc-smoothly-input-date-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date{visibility:hidden}.sc-smoothly-input-date-h>.label.sc-smoothly-input-date{left:var(--input-padding-side)}[show-label].sc-smoothly-input-date-h>.smoothly-date-placeholder.sc-smoothly-input-date,[show-label].sc-smoothly-input-date-h>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side);margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-h:not([show-label])>.smoothly-date-placeholder.sc-smoothly-input-date,.sc-smoothly-input-date-h:not([show-label])>smoothly-date-text.sc-smoothly-input-date{margin-inline:var(--input-padding-side) auto;margin-block:auto}.sc-smoothly-input-date-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-h{cursor:not-allowed}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-h>smoothly-calendar.sc-smoothly-input-date::before{content:\"\";position:absolute;left:2rem;top:-0.55rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-left:auto}.sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-h>.smoothly-icons.sc-smoothly-input-date>.smoothly-invalid.sc-smoothly-input-date{display:flex}";
9983
9982
  const SmoothlyInputDateStyle0 = styleCss$S;
9984
9983
 
9985
9984
  const SmoothlyInputDate = class {
@@ -10102,7 +10101,7 @@ const SmoothlyInputDate = class {
10102
10101
  event.stopPropagation();
10103
10102
  }
10104
10103
  render() {
10105
- return (index.h(index.Host, { key: '9b956b0898976d82dca4d7ce284235e22b7f1639', tabindex: this.disabled ? undefined : 0, class: { "has-value": !!this.value, "has-text": this.hasText, "floating-label": this.alwaysShowGuide }, onClick: (e) => this.onClick(e) }, index.h("slot", { key: '6d9fd3c4c21eb854e247c9f57436b0c80ba94649', name: "start" }), index.h("label", { key: 'dcbfd90e319330ed9ae4c0d1d813bc2b9c9e5812', class: "label float-on-focus" }, index.h("slot", { key: 'fcf57fd7e6872ded6844fc335ab1b77cfe835e49' })), this.placeholder && index.h("span", { key: 'c12b142bebcbc9ae0e4eaf44726d638dd2687dc8', class: "smoothly-date-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'af65140586d9c3eb57e0c3c3537b2be3ececeae7', ref: el => (this.dateTextElement = el), locale: this.locale, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel, value: this.value, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.hasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onUserChangedValue(e)), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (this.open = false), (_a = this.dateTextElement) === null || _a === void 0 ? void 0 : _a.deselect()); } }), index.h("span", { key: '65be1fedbc4e9ff4b7aae075bd958cca392fe13d', class: "icons", ref: el => (this.iconsElement = el) }, index.h("slot", { key: '02d2bd88b58332797b47346cc387d34e9f0d70ab', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: '09cf6353d5806f3e97ce3f3a178c3b50690d5cbe', ref: el => (this.calendarElement = el), doubleInput: false, value: this.value, onSmoothlyDateSet: e => (e.stopPropagation(), this.onUserChangedValue(e)), max: this.max, min: this.min }, index.h("div", { key: 'df7602b9e2ed4e0a38c26b8263e091a5a4d3969d', slot: "year-label" }, index.h("slot", { key: 'a101177668b137a89e6af63a5302322cdf8a3750', name: "year-label" })), index.h("div", { key: '5bbba9b6a83438d467699324efd1ffcbd0e9fd57', slot: "month-label" }, index.h("slot", { key: 'e7e86ae5d4cea5fa80b934ab8e01ffc33fc9a132', name: "month-label" }))))));
10104
+ return (index.h(index.Host, { key: '1774fc9f0ad9ebd8fafda6949ed3ea6327a7e55f', tabindex: this.disabled ? undefined : 0, class: { "has-value": !!this.value, "has-text": this.hasText, "floating-label": this.alwaysShowGuide }, onClick: (e) => this.onClick(e) }, index.h("slot", { key: '49ef1f548c26b53a599ada5b9ea6dcc8a6ab5c1d', name: "start" }), index.h("label", { key: '005270d93bb5062e842a533032eb485d3eb75fa2', class: "label float-on-focus" }, index.h("slot", { key: '4283b716b155399df0744d2208149c48b101144f' })), this.placeholder && index.h("span", { key: '6a6dbb4f1208f72b2dad7bcda75495064bf88621', class: "smoothly-date-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: '77cd44d9b450f9f5cab4e2e8987b4edfdf96cd73', ref: el => (this.dateTextElement = el), locale: this.locale, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel, value: this.value, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.hasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onUserChangedValue(e)), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (this.open = false), (_a = this.dateTextElement) === null || _a === void 0 ? void 0 : _a.deselect()); } }), index.h("span", { key: '892e840d96de7ddbe5684b0c6b51e7af28ccd3a0', class: "smoothly-icons", ref: el => (this.iconsElement = el) }, index.h("smoothly-icon", { key: '1547a37fed6444ca643c107a0dd9080ab25d06a7', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'cec768b1f59d4a094cb47541dd067c787246bdad', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: 'b7462e5286d5d87c90444a607fbfe50c449a0f52', ref: el => (this.calendarElement = el), doubleInput: false, value: this.value, onSmoothlyDateSet: e => (e.stopPropagation(), this.onUserChangedValue(e)), max: this.max, min: this.min }, index.h("div", { key: '40a27656038a1c7de75142aa1ec0f240d59ca55d', slot: "year-label" }, index.h("slot", { key: 'c6b4bd2abac14660eb6aab6607725c0a0f9a87c2', name: "year-label" })), index.h("div", { key: '58e144fa186a2a3564fec4724c3e11bfe86d3fc0', slot: "month-label" }, index.h("slot", { key: '210710a44c6272138e547a6abfaaf89a629cf2fe', name: "month-label" }))))));
10106
10105
  }
10107
10106
  get element() { return index.getElement(this); }
10108
10107
  static get watchers() { return {
@@ -10124,7 +10123,7 @@ const SmoothlyInputDateDemo = class {
10124
10123
  this.alwaysShowGuide = false;
10125
10124
  }
10126
10125
  render() {
10127
- return (index.h(index.Host, { key: '191fe0a37d160b07317f1585c0a0b6d09c22983e' }, index.h("div", { key: 'c289398819d08aa6e608bf1e98d9149f7b981de7' }, index.h("h2", { key: '8c0875cfe6af62e2aefb1faba9185a6f1813cc58' }, "Date input"), index.h("p", { key: '7908bdc75aabfe06fa926e53cd9c854b3437c44c' }, "Different locales formatting the same date"), index.h("smoothly-button", { key: 'f4d9f68bda448d5e6dc7f6f61d124c94b24a5573', color: "primary", onClick: () => (this.date = this.date ? TimeZone.Date.next(this.date) : TimeZone.Date.now()) }, "Set date"), index.h("smoothly-input-checkbox", { key: 'fb3f1a290a0bae953e5365d5c9e96b989dde94ee', looks: "transparent", onSmoothlyUserInput: e => {
10126
+ return (index.h(index.Host, { key: 'c068de4474fb2f05836bf6e6710f066dda7a510b' }, index.h("div", { key: '3ae6ca903937ca6f78dee781cf82c22702d66cbb' }, index.h("h2", { key: 'f1207df3dde7aa2eb45ec5165a560ea847360795' }, "Date input"), index.h("p", { key: '4a87c470fd341309326106cc873adeedc0d49799' }, "Different locales formatting the same date"), index.h("smoothly-button", { key: '7a821e84182e54f7d53830be10742c3f31928c24', color: "primary", onClick: () => (this.date = this.date ? TimeZone.Date.next(this.date) : TimeZone.Date.now()) }, "Set date"), index.h("smoothly-input-checkbox", { key: '09d7fefcd06b39dfb7f17938afdf7a573de3e8b5', looks: "transparent", onSmoothlyUserInput: e => {
10128
10127
  this.alwaysShowGuide = e.detail.value;
10129
10128
  console.log(this.alwaysShowGuide);
10130
10129
  } }, "Always Show Guide")), ["en-US", "en-GB", "de-DE", "se-SE"].map(locale => (index.h(index.Fragment, null, index.h("smoothly-input-date", { locale: locale, name: locale, looks: "border", value: this.date, alwaysShowGuide: this.alwaysShowGuide }, locale, index.h("smoothly-input-clear", { slot: "end" })), index.h("smoothly-input-date-range", { locale: locale, name: locale + "-range", looks: "border", start: this.date, end: this.date ? TimeZone.Date.next(this.date) : undefined, alwaysShowGuide: this.alwaysShowGuide }, locale, " Range", index.h("smoothly-input-clear", { slot: "end" })))))));
@@ -10132,7 +10131,7 @@ const SmoothlyInputDateDemo = class {
10132
10131
  };
10133
10132
  SmoothlyInputDateDemo.style = SmoothlyInputDateDemoStyle0;
10134
10133
 
10135
- const styleCss$Q = ".sc-smoothly-input-date-range-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)}[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-range-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-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}";
10134
+ const styleCss$Q = ".sc-smoothly-input-date-range-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)}[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-range-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-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.floating-label.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.has-text.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h [slot=start].sc-smoothly-input-date-range{align-self:center}.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{left:var(--input-padding-side)}.sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{white-space:pre}.sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side);display:none}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-placeholder.sc-smoothly-input-date-range{display:block;opacity:0.5}.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-range-separator.sc-smoothly-input-date-range{visibility:hidden}.sc-smoothly-input-date-range-h smoothly-date-text.start-date-text.sc-smoothly-input-date-range{margin-inline:var(--input-padding-side) 0}.sc-smoothly-input-date-range-h smoothly-date-text.end-date-text.sc-smoothly-input-date-range{margin-inline:0 var(--input-padding-side)}[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-placeholder.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h smoothly-date-text.sc-smoothly-input-date-range,[show-label].sc-smoothly-input-date-range-h .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-placeholder.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) smoothly-date-text.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([show-label]) .smoothly-date-range-separator.sc-smoothly-input-date-range{margin-block:auto}.sc-smoothly-input-date-range-h:not([readonly]){cursor:pointer}[disabled].sc-smoothly-input-date-range-h{cursor:not-allowed}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));max-width:22rem;min-width:18rem}.sc-smoothly-input-date-range-h>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;top:-0.55rem;left:3rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>.smoothly-date-range-input-part.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>span.smoothly-icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:none;padding:0.5rem}[invalid].sc-smoothly-input-date-range-h>.smoothly-icons.sc-smoothly-input-date-range>.smoothly-invalid.sc-smoothly-input-date-range{display:flex}";
10136
10135
  const SmoothlyInputDateRangeStyle0 = styleCss$Q;
10137
10136
 
10138
10137
  const SmoothlyInputDateRange = class {
@@ -10158,6 +10157,7 @@ const SmoothlyInputDateRange = class {
10158
10157
  this.placeholder = undefined;
10159
10158
  this.alwaysShowGuide = false;
10160
10159
  this.invalid = false;
10160
+ this.errorMessage = undefined;
10161
10161
  this.max = undefined;
10162
10162
  this.min = undefined;
10163
10163
  this.open = undefined;
@@ -10268,15 +10268,15 @@ const SmoothlyInputDateRange = class {
10268
10268
  this.smoothlyInput.emit({ [this.name]: undefined });
10269
10269
  }
10270
10270
  render() {
10271
- return (index.h(index.Host, { key: 'e679040ae05b729f921a4ee33f0d8080e6dcff73', tabindex: this.disabled ? undefined : 0, class: {
10271
+ return (index.h(index.Host, { key: 'bbd0061d58c05a4345334baaaeca940227cd2439', tabindex: this.disabled ? undefined : 0, class: {
10272
10272
  "has-value": !!(this.start || this.end),
10273
10273
  "has-text": !!(this.startHasText || this.endHasText),
10274
10274
  "floating-label": this.alwaysShowGuide,
10275
- } }, index.h("span", { key: '459c0e53a0f225c2a3c6f2b283e0af03a178e99f', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '9919d8355ce88285435e525c1b697ddf4f6cec77', name: "start" }), index.h("label", { key: 'd84eb3506216d16187c3a61ea260941c17bfd22d', class: "label float-on-focus" }, index.h("slot", { key: '6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a' })), this.placeholder && index.h("span", { key: 'a46d828926e3e41dc4557acecd597655f0772f41', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: 'e4b593d68430c58ab9fe2f7778addc71018ca581', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
10275
+ } }, index.h("span", { key: '050825ab344dddf2cd42b8a4803e768c77c3e391', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, index.h("slot", { key: '79ba124369fc05ac6b44e6453a405e4796965753', name: "start" }), index.h("label", { key: '61d831437f5d0667f0a17c7893501a3ebda17797', class: "label float-on-focus" }, index.h("slot", { key: '82a0b21d0404862adafc65e748a3074ff95e211d' })), this.placeholder && index.h("span", { key: '6d5392503719f032db0af3afcebaa83e7bcd0d24', class: "smoothly-date-range-placeholder" }, this.placeholder), index.h("smoothly-date-text", { key: '5deadeb4e0ac146dfbc52ec4901546132d1cef7b', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
10276
10276
  var _a, _b;
10277
10277
  return (e.stopPropagation(),
10278
10278
  this.end ? ((_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)) : (_b = this.endTextElement) === null || _b === void 0 ? void 0 : _b.select());
10279
- }, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), index.h("span", { key: '8202a1af32cb67caf4cabddbaf80f2775f34277a', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: 'eb43cd46ca12848bea21af6ae1fe65a5e84d457b', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), index.h("span", { key: '422516b5f919cf0c9cd0b5480e2b4a506894d01b', class: "icons" }, index.h("slot", { key: '6083b435efed3bbc24239ef4a67a8a7398544a76', name: "end" })), this.open && (index.h("smoothly-calendar", { key: '3cd38d0d77157e4e4b9b09969ef0e6313acf9e7c', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
10279
+ }, value: this.start, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel }), index.h("span", { key: '91e7abb073b317256fc479c8c017f3c3faadd361', class: "smoothly-date-range-separator" }, " \u2013 "), index.h("smoothly-date-text", { key: '2a4dc46d8cba416a00a59130e0ca2d3112651e51', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel })), index.h("span", { key: '9be6f78d5819a47ba7a4ac0783a72d78d1b34e28', class: "smoothly-icons" }, index.h("smoothly-icon", { key: 'c7ac5b9f4be0995d87cbf6c63748286aa67023f3', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'f4a9945c3c610b424d6322089418b5568677819e', name: "end" })), this.open && (index.h("smoothly-calendar", { key: '3c1362fd0cb8bce55f7c154b21f8dea1b5f9b61c', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
10280
10280
  e.stopPropagation();
10281
10281
  this.open = false;
10282
10282
  this.start = e.detail.start;
@@ -10296,7 +10296,7 @@ const SmoothlyInputDateRange = class {
10296
10296
  };
10297
10297
  SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
10298
10298
 
10299
- const styleCss$P = ".sc-smoothly-input-date-time-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)}[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-time-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-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}";
10299
+ const styleCss$P = ".sc-smoothly-input-date-time-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)}[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-time-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-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}";
10300
10300
  const SmoothlyInputDateTimeStyle0 = styleCss$P;
10301
10301
 
10302
10302
  const SmoothlyInputDateTime = class {
@@ -10411,30 +10411,30 @@ const SmoothlyInputDateTime = class {
10411
10411
  this.isDifferentFromInitial = false;
10412
10412
  }
10413
10413
  render() {
10414
- return (index.h(index.Host, { key: '4a9bc8cb5a9617237b63cff35930d693dbf11d1f' }, index.h("smoothly-input", { key: '7ab42b7d0fb7389703a42b460939ce8cee8698fb', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && !this.disabled && (this.open = !this.open), onClick: () => !this.readonly && !this.disabled && (this.open = !this.open), readonly: this.readonly, disabled: this.disabled, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10414
+ return (index.h(index.Host, { key: 'dfe907fcfa381ced449f8599d9e4fda5c856eaae' }, index.h("smoothly-input", { key: 'bae26044b171b37ed68f7c2311ff84e7f7a7f87d', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && !this.disabled && (this.open = !this.open), onClick: () => !this.readonly && !this.disabled && (this.open = !this.open), readonly: this.readonly, disabled: this.disabled, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10415
10415
  e.stopPropagation();
10416
10416
  this.date = e.detail.date;
10417
10417
  }, onSmoothlyUserInput: async (e) => {
10418
10418
  e.stopPropagation();
10419
10419
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10420
- } }, index.h("slot", { key: '8fc841cb3735e2b4e2e13fc974dde4d4271e0627' })), index.h("smoothly-input", { key: '012223abf5a9cf71b378da011cc5dcee5b75be8e', name: "hour", type: "integer", max: 23, pad: 2, value: this.hour, readonly: this.readonly, disabled: this.disabled, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10420
+ } }, index.h("slot", { key: 'dd3e2f7346d85cb40aa9e55f9810d16f202c9ad5' })), index.h("smoothly-input", { key: 'd198ced2bbfb9951ba531fddd6526c581da37ce9', name: "hour", type: "integer", max: 23, pad: 2, value: this.hour, readonly: this.readonly, disabled: this.disabled, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10421
10421
  e.stopPropagation();
10422
10422
  this.hour = e.detail.hour;
10423
10423
  }, onSmoothlyUserInput: async (e) => {
10424
10424
  e.stopPropagation();
10425
10425
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10426
- } }), index.h("span", { key: '79c8a593aea2d4bead18363b41264d3ce1205bd8', class: "colon" }, ":"), index.h("smoothly-input", { key: '8b76dea985a9fc687279a50a6e8c3307a2465907', name: "minute", type: "integer", max: 59, pad: 2, value: this.minute, readonly: this.readonly, disabled: this.disabled, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10426
+ } }), index.h("span", { key: '4841336ee3c712551284b0ce21c65e5e196fee63', class: "colon" }, ":"), index.h("smoothly-input", { key: 'f1438a6ae0b446ed2ef99ba7cfba12fc3e574507', name: "minute", type: "integer", max: 59, pad: 2, value: this.minute, readonly: this.readonly, disabled: this.disabled, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
10427
10427
  e.stopPropagation();
10428
10428
  this.minute = e.detail.minute;
10429
10429
  }, onSmoothlyUserInput: async (e) => {
10430
10430
  e.stopPropagation();
10431
10431
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10432
- } }), index.h("span", { key: '4bb9c14d94c8e2e9e9dbacd01eff9d69023a732a', class: "icons" }, index.h("smoothly-icon", { key: '8be49066019b25edd9d8c98e453b91fe55ba862c', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: 'a6dce3592939a8444cd81b5f8733e24db3c1119d', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: '9b5b104ea97c56efa6aceed6faacfd4e50e934e7', doubleInput: false, value: this.value ? TimeZone.DateTime.getDate(this.value) : undefined, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyDateSet: async (e) => {
10432
+ } }), index.h("span", { key: '223cf45b747be3ebfa0156dd36dd66e3c448625b', class: "icons" }, index.h("smoothly-icon", { key: '0ec6729a28506735d0b6527c8a911fd6364b6dd2', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '933d0cafac824593cc94f70aa0ba3cd73919dd4a', name: "end" })), this.open && !this.readonly && (index.h("smoothly-calendar", { key: 'c5bd26b468cd20ee59a688651d1c6ad9134230f6', doubleInput: false, value: this.value ? TimeZone.DateTime.getDate(this.value) : undefined, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyDateSet: async (e) => {
10433
10433
  e.stopPropagation();
10434
10434
  this.date = e.detail;
10435
10435
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10436
10436
  this.open = false;
10437
- } }, index.h("div", { key: '326cfb1f0feb1c656b4a2c5acd61e426710c2d28', slot: "year-label" }, index.h("slot", { key: 'fbad1dfc2c2a74aa8281720c08ef4cc900209171', name: "year-label" })), index.h("div", { key: 'b8c65f212912c2306d21764ce2a32056fa0b12ed', slot: "month-label" }, index.h("slot", { key: 'ffb2c1b1a71a2eb0af33dd9b52862d76851f63e0', name: "month-label" }))))));
10437
+ } }, index.h("div", { key: '6ea97bba904c1827255994a29720cbc9858cc934', slot: "year-label" }, index.h("slot", { key: '551df51c20634b4931df4bcf9985a1a546db050d', name: "year-label" })), index.h("div", { key: 'b189e5e98136e176dbf3e0c6f4f697ac51e2d181', slot: "month-label" }, index.h("slot", { key: 'e8f95beeff25ab4315dda02a06a362f79e89166b', name: "month-label" }))))));
10438
10438
  }
10439
10439
  get element() { return index.getElement(this); }
10440
10440
  static get watchers() { return {
@@ -10461,14 +10461,14 @@ const SmoothlyInputDemo = class {
10461
10461
  this.alphanumeric = "!@##";
10462
10462
  }
10463
10463
  render() {
10464
- return (index.h(index.Host, { key: '7f574c5c82806c7ee00a06c793b883984cf6a317' }, index.h("smoothly-input-demo-standard", { key: '7776c856dfbc7795c37b12f4e1ccff9a58a53f02' }), index.h("smoothly-input-date-demo", { key: '8695fac1f681495d23a203f0c1e658369a5208e5' }), index.h("smoothly-input-demo-user-input", { key: 'a6b2084ab3bb40d10b12807cbfa18ec4aa8c80a5' }), index.h("div", { key: '50487efa2c862624ce4738c461878b38efcbb8f9', class: "inputs" }, index.h("h2", { key: '48456a442136dcf27f068d619a4648f21231d4df' }, "Calendar"), index.h("smoothly-input-date", { key: '4ea9c301b995bd9ba221deec879a46c4fca68b5b', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '0e87054e90eba9ac97cdcd48cdc2094deb765efb', name: "someDateTime", value: TimeZone.DateTime.now() }, "DateTime"), index.h("h2", { key: 'c7967bf8213f8e987ee1350ac4b86bbddd4794bf' }, "Date Range"), index.h("smoothly-input-date-range", { key: 'c5aee42f2de2c7da2b95e724e4e545e5459f7ca6', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '1371f956391aa79369174d3bfc22bdb5ee5cf996', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: 'd1b12734f006eaf59d8543c0578539f67245e0f7', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '23306a5a8f414e14691e9fa39c9282dfc6ae3d1d', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
10464
+ return (index.h(index.Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, index.h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), index.h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), index.h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), index.h("div", { key: '39a7301f0206aa1dd7337ace0d8625c3eee4e628', class: "inputs" }, index.h("h2", { key: '883dc3d0147791ba459faaf5e5c249402f2f9723' }, "Calendar"), index.h("smoothly-input-date", { key: 'c1aa37b5f2e90fb7444bfef49684eea63ca455c6', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '76560fb6c917be8ac457512cc06b969bd65e1d74', name: "someDateTime", value: TimeZone.DateTime.now() }, "DateTime"), index.h("h2", { key: 'ee8591a21dbab832d7ec9dfa7f7aa6bb542cecde' }, "Date Range"), index.h("smoothly-input-date-range", { key: 'b29e89f188e2f0e77c2b794b3dcc3b5591670dc3', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '4c7ea4085d281e156f76d2301f197222cff8f89d', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }, index.h("smoothly-input-reset", { key: 'c44f4e4f7cc20e963d8367200a706890d56ee1f9', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: '6e3198f5ae3771668a2832a2ed755c87d7642baf', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
10465
10465
  "--smoothly-input-border-radius": "0.5rem",
10466
- } }, index.h("smoothly-input-clear", { key: '1774cefd3304bfa5c283a10cc44d85f6fe1eacc2', slot: "end", size: "icon" })), index.h("h2", { key: '7dc7b7271a81cd121f10fa61e28e88eaa037af3e' }, "Date"), index.h("smoothly-input-date", { key: '17b588159bde4dfbf0146ac942fa235d8d998688' }, "Date"), index.h("smoothly-input-date", { key: 'b9445869f64033bac130b0b0dca501752610af95', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: 'f34cd3598997c242ddb6b76698f7f821a601674e', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'a46fc2210b837bebdc3cc7a27b07067e0a679476', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'a3811bb817fbdf3d28474494b8a7dffd71fac67a', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: '0499c2a7c5434ed716ad1ef87c2786609d94e97e', slot: "end", size: "icon" })), index.h("h2", { key: '683a2678f46ad1989cc4dd2edef990430beb547c' }, "Select"), index.h("div", { key: '682acef1f140100dd2e985b6899b89e4914e771e', class: "select-div" }, index.h("smoothly-input-select", { key: '2e38d749bf959df4d3ced73e8e9d59b8e3d38a4e', name: "select-dessert", looks: "border" }, index.h("label", { key: '01432777fc4d5bbdde9c83e24015513b6c14016f', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '0f53eaac56e52386945622443068d6769f57b382', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '4ad0fee8dade01fd46c1c97397bebb9183385562', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: '67fb0107c5cd4294725f6a8399f5c93d589ee717', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '422b942a8306f00eb5cff7ef79d81ecf57033291', value: "4" }, "Cookie"), index.h("smoothly-item", { key: 'c77baa484e234d42d66c0e2a436f5ecdd7510b33', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '36f84fdd871d2b8b7b89df7da54d07883c052282', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '1b6ab234c1c7c58bb065165373947f922ba466b4', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'cc2452592ab8c6b99b9630f9e464128c4a464350', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '9172fbe566574d3a6376d69dec7a5d6b50834633', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '75f90ab0248783d98e5fabdbcca908da69b1af21', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '91adf3c9485a41aed6a5acb6edad6a76c91e13b3', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '3dc66017de31e85c8d9ea8a5127a1cb2b7760071', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '733bd688bde445381df687fd17fb0d8a0ed8bf3b', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '1425d34d36caa1cb8bc15307110b4c5dfda7c2d1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: '5ac44d62a99fa114f404edc847b645305f4ea42d', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '79fb109059a58e0f50f525f4437639c621b83b06', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: '33400cbca7257a35b9c931e046c51c18e50c9b55', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '0b394b9204545e7fe0ea938127c6cb625eaa919e', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '8643b17c6b78739ce7c41737fd7ee764f4933c0d', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '1c6f7c00f1c21a3be1a8390a28306a5720982eae', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'b07f756a35e549b77e50be75f3a5e2fafc2b3099', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'c50555d5282480fd507d55311bbfe0723dd03d53', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '6fa0811cc61e90332301cefcb2688ff27e31019a', value: "camera" }, index.h("smoothly-icon", { key: 'ab64f6988bb978556353d6d0097617d526ac304c', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '7a844e5cf695497cc30429d3e0bfb51cf30017ce', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '3b319069eb3dd5c5c7270acf6e16b5a3b7655dbf', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
10466
+ } }, index.h("smoothly-input-clear", { key: '547a2241dcebb2e522a753e206b086ee7d0c030f', slot: "end", size: "icon" })), index.h("h2", { key: 'f30e2988756470afc85639157086912659688342' }, "Date"), index.h("smoothly-input-date", { key: '140b61ddfb8f04dc67468261001848cd86691f31' }, "Date"), index.h("smoothly-input-date", { key: '4a37677e60bd1dfec9e627d7360f3882546a41f2', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '2c9d4de1f088fc2b907117c9d6e5be201af629a1', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: '8ebb730919327f7dc1216f9c83d3343f120ad640', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: '4d3a802451ae4c5398cbb2efe1ded08b612e2658', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: 'f6ec39b73c9d25687afb4ed9d7cc40a369e12f8c', slot: "end", size: "icon" })), index.h("h2", { key: '5d18e14accf8dd184cb94bf00c7da7d4c42a566e' }, "Select"), index.h("div", { key: '26f0b5585a109606ac218a9ad07b4252d818d2fa', class: "select-div" }, index.h("smoothly-input-select", { key: 'c64892d456dd9937f8aa6d53dff41664be73eefc', name: "select-dessert", looks: "border" }, index.h("label", { key: 'a3ce5390a3d1e02f3527727bf92d132d279fa759', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: '76a141336c6715e7e76bc1006a14eeb32113838c', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: 'f35923cfa15eaadca19db2e2cef4cc32538d2945', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'c34fc7990be5edc0e7d01ed6f2af689c828f8a4e', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: 'd95a6d99474ef1d778c0265562380d0c769fc18a', value: "4" }, "Cookie"), index.h("smoothly-item", { key: '6f4a463efd3d27ec72570cf33fca47413eb6748b', value: "5" }, "Croissant"), index.h("smoothly-item", { key: 'd8aae0f23a5c34752030e7b40471546af7c1e45e', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'fc62c8377441f5a189ea014ee8fd0b608b1f39c7', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '6ac6ee444ad5267bc09bbad24fde62df8a0a027a', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '5fc0422252ffcc6bd0b89b48a5b04ee69a7612d3', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: '73996e89caeddb451b306077c1be23063f122c54', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '75b4340f15dfa06b0442365cdbe8ff7a5f919abb', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'c0177aeb9d0138c545903c68362a490ce1668cd5', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '23b600a3ffc64b43cbcddbacb251c106051969c0', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: 'e992ccec00f690068c6a4cd4d93b48c89465eba9', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: 'a3d784bc0b82dadf61d70765dc15a066e6cadcb9', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'e6e0e3a15ec1248becea46e2eb62c14ee2b60d9a', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: 'bd575ea4c3ae3be345809a88d897f58d1ebf9caa', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '7259f513e55abae682e088e08768dca5fbeabaf5', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: 'b6b71ff79b1e45123937107f89417d7695e7de2a', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: 'b52b8e53ea85c146d84aac164d90ec29aa9ceaa3', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '7c94fb6489049e58d290c010781f59092b7ce814', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'b8cc0e8237199235b2988b6ed89f25032e1bb6b6', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '5c8dc1099a6feb05c982b3fa7f781658673fd81c', value: "camera" }, index.h("smoothly-icon", { key: 'b41c0705295c42e08a13e8799c50294112954645', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '6c8463781d3eaf86b3920606ec9fc238569b91ed', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '9d16ba20e1a14f8173bdf267b1b49e4ea090762e', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
10467
10467
  .map((_, i) => String.fromCharCode(i + 65))
10468
- .map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '24aa969e8e2608189b3c443e09ef3fa98c9feedd', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '9c9c9e0d707a6f96fcba1b686873a9010be75a7d', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '0b6387482d71923df9e0b9d717d3ba88d8c98bd1', value: "1" }, "January"), index.h("smoothly-item", { key: '0947d179f35c567b557bda9dad655a8e25f6dd25', value: "2" }, "February"), index.h("smoothly-item", { key: '38daf41ad88e97e0852f296df2e5489948fce0f8', value: "3" }, "March"), index.h("smoothly-item", { key: '9ff729a187a5df043428043439a5f09ecc7260a4', value: "4" }, "April"), index.h("smoothly-item", { key: '71719ee81658c4897712459e3165accde7765bb8', value: "5" }, "May"), index.h("smoothly-item", { key: '7e917da27127b438a7de7d3c8e0aa3dce4eb2d72', value: "6" }, "June"), index.h("smoothly-item", { key: 'b70be51c019bf2f8dcf3e9e06168ac024b0a1c0b', value: "7" }, "July"), index.h("smoothly-item", { key: '32b97c0167a10cee962e417018b829723671ad50', value: "8" }, "August"), index.h("smoothly-item", { key: 'd54ca3fbb8cc3e1d68f9f68b9dbd4d432473e920', value: "9" }, "September"), index.h("smoothly-item", { key: 'd2209e23a9b8db4ea2281421dc108b177e1c04a7', value: "10" }, "October"), index.h("smoothly-item", { key: '73621556ac499b85857df738fc3bf1850cd4f964', value: "11" }, "November"), index.h("smoothly-item", { key: 'c6793237c76e6a26e374198ba2bdcdf9e8643251', value: "12" }, "December")), index.h("div", { key: '099d5c7456bc5836d7f0f2a840eb70ae81237f5a', class: "select-div-row" }, index.h("smoothly-input-select", { key: '804cf7f085aef7513ef3b76057af284dabab699c', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '830e7259b185f6f5e4df5f31545063549c2a69b2', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'abe9cdf7e8096b1b317bb6c62a9b274271479391', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '01607bfabfaa6df288dfd242c90e41af8e4fe5b2', value: "camera" }, index.h("smoothly-icon", { key: '71481f1e468a8e3dde815421f18ec6ee94ed7384', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: 'a059b96cdc6c6d7df8ca5185b81d53680c635b22', value: "boat" }, index.h("smoothly-icon", { key: 'ebe1246148aa4df73a62461f885e4b846e502836', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: '3eed3dc23316f18ab61b20a17ef3a602b8ebe7f2', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: 'bcfcc36500f746e17649c9ad9a553b88dc0823dc', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: '041402c92d6c43264d811dccc9b8ab6004a42792' }, "Duration"), index.h("smoothly-input", { key: '451397df5c93c9bc71b5a13aa5a3d40e6e7dd42f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: '6fb8b8e8ea5b94a5fbdcca74b3852b75ef477a7c', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
10468
+ .map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: 'f749886bfd3754449169b344a9a4ab667307cf7c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'e764c3fb77af1bec66d25ceff68e056b71abab1e', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'f172bc9c83f9fe7ce5b9ecfea0044b75f56ed10d', value: "1" }, "January"), index.h("smoothly-item", { key: '96c7595c00c25af2268bb7c43a169d5393144ad7', value: "2" }, "February"), index.h("smoothly-item", { key: 'e21579e7624e69694d9d0f6983745bbd60ada2c4', value: "3" }, "March"), index.h("smoothly-item", { key: '275520d42fdd32638a056f2f2741dfe6d6ddcba8', value: "4" }, "April"), index.h("smoothly-item", { key: '82dd67d7d0d924e4de33e94d71649e26a09301d2', value: "5" }, "May"), index.h("smoothly-item", { key: '5cffa58de361f051701c3c3186796044f2161e12', value: "6" }, "June"), index.h("smoothly-item", { key: '0e77770c31ca08b02e9e3a83c6fff8d63883133e', value: "7" }, "July"), index.h("smoothly-item", { key: '9b5f73a28821e01f38f0053afe61fa1dede0d696', value: "8" }, "August"), index.h("smoothly-item", { key: '72476538eb178c1bf95959b00309404743a876b0', value: "9" }, "September"), index.h("smoothly-item", { key: '902a7c0912d452e45c82fea0d4a6d1a3295f198e', value: "10" }, "October"), index.h("smoothly-item", { key: '3a2c03804a5c7e3e167c5a2bbbde56dc8bc53968', value: "11" }, "November"), index.h("smoothly-item", { key: '989625138eed54605bac3166ef79917a4f79d8e0', value: "12" }, "December")), index.h("div", { key: 'ff78ad753dd34cecc701dfed050fbc58136d3eb5', class: "select-div-row" }, index.h("smoothly-input-select", { key: 'e5cfa6982c81566a19d49f5fbb788588685ab8a7', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '9d44c2ca9c8125a15852b7178eb68efbe2df4f80', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'f896c293cdfbe9338e43a6f59be3b7296b02e0cf', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '8a4b9ef5168ca626ab3cbdfe1e49247cadf57fd4', value: "camera" }, index.h("smoothly-icon", { key: '1abb3aa62a61bcef158615aec38b48b7eef887ea', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: '1757bb28f76cd58f463d862465f06c9200fcab1d', value: "boat" }, index.h("smoothly-icon", { key: 'd918ab79c5b3317df75a05af3ab30a5547ab14b3', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: '6a9a8a49d2229b485811c507d293a0d6ee9a768f', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: '03c5c0848a8c0030356d4a6d64e4285fbde85335', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: 'd0b1453dddf39408485b5a176bcee83b8c522887' }, "Duration"), index.h("smoothly-input", { key: 'a382be10eadad72c9cfe8853207e8874086200b9', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: 'f1fb79191017592953dcd1665c184ec22d04723a', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
10469
10469
  const duration = e.detail.duration;
10470
10470
  this.duration = duration;
10471
- } }, "Duration"), index.h("h2", { key: 'a47dea26355bddf40255f0a88f72381b15b6fd39' }, "Integer with Min/Max"), index.h("smoothly-input", { key: '5708f669787dcfbe8fc18cd20ce1f43903331b3f', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: 'ba607eca48fd5d5c54da40c56f58f88b429a11c9', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '3899120a4588724eb5486c713e6b3592f9490106', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: 'a83a35c1ddabdfe8338e5daa270642cd9a00cd7a', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: '69838545fe489b84e54394656f3fec9993214768' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: '2579f64feccd3ac373562867d7fc6c3a2fdc75b4', copyable: true, name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), index.h("h2", { key: 'd55229c36af45dbeab240431c674fd1fee27b49c' }, "Identifiers"), index.h("smoothly-input", { key: 'd7abf3ed7f1d633e0ba5abe6673a6e634a896738', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '8d600bc128529a9a6091fa18f0bea9bed1a74d7a', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '85a4a2f01be2b3fd39014833fd495958866838da', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '035f5f628c25f3d0398c9e8dc10390e5dacc0024', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '673f91b6cae1ba8b04b496e20e58d1a4d1c92965', type: "identifier-camel" }, "Camel"), index.h("h2", { key: '85a4af61aca5745d0125fb8305a8f640c0b5cdf1' }, "Input Alternatives"), index.h("smoothly-input", { key: 'e4b05f18bb44d4c7b9fdcef83551d9f8c591274b', type: "text", name: "name.last" }, index.h("smoothly-icon", { key: '2bdcd29f5ae945c37f5a7bb6e5587759bc567351', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '7b17f499a2061624e34fe89fb81d6cfbed54ccd6', type: "text", name: "name.first" }, "Last Name", index.h("smoothly-icon", { key: '58041447b7edc6ee18d0f4752c7efaf6767ad2af', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '70d890653d67ad30256b754bdbe3ffd0a5699044', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", index.h("smoothly-icon", { key: 'a1836734b16b3cccdbc0af9b0d894ed478d45e0d', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '6c2a657437514116b1ae60210b289004b2e6a956', placeholder: "test" }), index.h("smoothly-input-submit", { key: '8e686ba1a74b8f9d85cc6778a314c793946d248e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'a5b71808338b0ae5f06806bcd97142581a2a11f9' }, "Smoothly checkboxes"), index.h("div", { key: '309b348a380979cd64fdab4a66fd302a48b12b6f', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: 'efcc143919480eb5901b12800f01ea4847a2df14', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: 'a8835c00691583079ff65b59f750f59d470538c1', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: 'fefb3a5f492b1d39993ca89fc265b9312d0a75cb', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '916895ae8d167ad667109ea5a94ce72131e03cb6', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '26f2c7dccea2f4eb93fe8c82bd9291b2bc139c19', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '5c71f635dd09d730ba6048bbc4bdf3d40de58a05', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '24380ae0e1f791eef55523ae58f818286b1414cf' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: '376572dae3e2bb0dce2a68fe3503277a0681079b', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '149759fd8c4d501ad96744e01701142face0d6c2', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '2032d793fc1c94de9cb856c06c64d0b03e6f77cd', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '50ccd0ae9fb6dfab3a27b574f7bee10ec96089e8', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '2f52388467ff677b40de490648d2c07cc3ee3b30', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'b2dee0bfdd05ccfff9995011e5cef0663241a214', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '3d990b0e3d8e629f00970acf2c8d1e30a79e4966', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '9f56ea2525dd6bc4a6a889b170f49b79542dd590', name: "radioSecondInput" }, index.h("label", { key: 'dac6544a61c1f064360e5dd2b5520f63e2cc3938', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: 'c4b32f24642b851f6b8da9c65df85df4294c598e', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'ca04462b6e8866f76edd48dcaac734b90f0a9b75', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '6fa1b64cac9e953977a12687fa14a7218789f79c', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '4e32b3131c7becffb45d63a70926b8b0c2e1627f', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'a841d0bf0bdde25c84b224e9d77fab3e7db2898c', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: 'f5bf467213cdc73642fcfd2278ee8b963c1c1bc7', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '7c617d877ef45d0bd9a58066d3d185ae008f2eef' }), index.h("smoothly-input-color-demo", { key: 'ea9a64faece9ecf51e9d0f8e798f78d92e0590c3' }), index.h("smoothly-input-price-demo", { key: 'cc124983e4ca6aea3b925e2b229fcaac03565501' }), index.h("smoothly-back-to-top", { key: 'b01d5285d4fbf07edc5e955faa214f1fd40fd5d1' }))));
10471
+ } }, "Duration"), index.h("h2", { key: '2224e744be0dfb8192386f2a08a944d319600280' }, "Integer with Min/Max"), index.h("smoothly-input", { key: '26fcb9bf164da2f83a100386808cfd5727175bf4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: '8ee501da3fc758cc2970b0b93182d3e1c5729c02', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '80d4edeac02fd8226a04212c42e8e785481b5872', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: 'a8498e8f85c87ba9ced9ccd6a1f5e994799a107d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: '6dd77fb677d000d2e382349327c2e5c6ee67e7c5' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: '6fbeb5a977b78e1dbe66b92932668815e9f600ad', copyable: true, name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), index.h("h2", { key: '83b8dc8ac743fa72c6f334f809684b1f6a0bf5c7' }, "Identifiers"), index.h("smoothly-input", { key: 'a65c59a558437c6e18cd4740e9df94a3c257c2cf', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '631abd7edb6960a18119c16574d371c08260fbfc', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: 'df16676d899bfde4a1468c96bb12449dde851cb4', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '2a64b770bbec79eca0afa7fdb363760c42ce01b6', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '7487ce186a7e38c04b55aa452c6efbb868619e33', type: "identifier-camel" }, "Camel"), index.h("h2", { key: '6e3d06ad450ff223e25e8fde16ac44625efbcfd7' }, "Input Alternatives"), index.h("smoothly-input", { key: 'f66b54779f289ff921bfb305098656faf1ef5967', type: "text", name: "name.last" }, index.h("smoothly-icon", { key: '07b6499f636deaf6d0fe4a46814b592ec7aadf1c', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '990c5c1602ce9a96d364ff6e30185acf9c870f0f', type: "text", name: "name.first" }, "Last Name", index.h("smoothly-icon", { key: '5b0490071861fdcb1000a1979ca576f66f1858c0', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'bf9b628ab1fe912c360105287058e091a4647240', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", index.h("smoothly-icon", { key: '4f4bce884b2f7d47754cfdb011df5435447b2ae7', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '0b5cd956e484c88b15a3d62c35fc7fd4dd0d46bc', placeholder: "test" }), index.h("smoothly-input-submit", { key: 'e667a4ffaf75260cc48ee2b22cc7404c1d73bc64', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: 'ecc157d150a1a5ad20f4df5e3d64d80b5a795008' }, "Smoothly checkboxes"), index.h("div", { key: '2aea2e75fc8f35670aa648556b5e30b5d8a5bc04', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '472235084f00c44cf3118b317e6579fd43dcfa9d', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '8f45a77effb835175ffba253261912d0b53ee43e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: 'd7f5679aa180f8ca024addc3d40eaf7c565fe5d0', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: 'b6207c3257b127a68a434d38c075864a3a2149ee', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: 'bb0c7222fd9d7e808f87b6d35a6bcd599b123b96', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: '5afcd1594a3c265107fa3ebebe191c2f82c30e55', name: "third-checkbox" }, "3rd")), index.h("h4", { key: '17957a312e3828b147be247315def9605f0185a9' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: 'a147903f974a4f763d17d252ccb51b3678ad75ba', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '8367aa48afb43583bdd9b0f7c61ef2bcd5cf1b1d', name: "checkmark-circle", slot: "start" }), index.h("label", { key: '6bf97cf9f4887f214b86d158bf2b352a1363bd34', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '2d1760ef0822651b4d89fba9344853c260aadcaf', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'e4642d09304e4976e6054b87911ca2ca6f386e19', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '50751bc9df8acb5c8c379274fea8bb977198e100', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '57a73175ceeedf91dab52933dad0a87469f5da8f', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '51d529c18a92e7d098a15c7d525c2ff27bfc802f', name: "radioSecondInput" }, index.h("label", { key: '6c9c9e9c5647044b512e84575cc1106408642339', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: 'dcf210f557372e84c8b912c909d7662ff6d5fed8', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'a40f1cc9428b7f049d8058ce4ec55668cf26efd4', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'f528e26eabb8ab6dc983a0dcea32150e604f7df2', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '8d902bd4ba919406778d9519c111abd58d872642', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '182bc1276c000a49b8bc840e4e0f6c81546966d5', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '9995702e88af793c4138a333331c62c850ac3898', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '917303cea8eec7e6ec2fb3c675a93747fa29d04c' }), index.h("smoothly-input-color-demo", { key: '909f49aa4ea18a1daca1bfedf8d51af587980db5' }), index.h("smoothly-input-price-demo", { key: '30058c7e1f43450c62d4a492a5697d2de02ed52b' }), index.h("smoothly-back-to-top", { key: 'ed3a78c7deb2a77b8d9ba9f3b39c8359fe13c2e2' }))));
10472
10472
  }
10473
10473
  };
10474
10474
  SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
@@ -10496,7 +10496,7 @@ const SmoothlyInputDemoStandard = class {
10496
10496
  });
10497
10497
  }
10498
10498
  render() {
10499
- return (index.h(index.Host, { key: '0d47a2dd423a8bcdd889139f74ef2ec375d0ea97' }, index.h("div", { key: 'a884b4c59f663f8c47aa9e3736e6a82235e9d276', class: "description" }, index.h("h2", { key: '7c0b8da3728fd79d203de1895c6ae146e1eb8aef' }, "Input Standard"), index.h("p", { key: '10fe94edd162dd158388508c2470359447e6da57' }, "Height of input should be ", index.h("code", { key: 'dffd62a251af68595f7c5659a2251ada08999b63' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), index.h("smoothly-form", { key: '3f8c09fbdce4b808a430cf7266d40d25a596803d', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: '563356600a698bf3c974a61b79520aa8f77c249f', name: "color" }, index.h("span", { key: 'e12af511b6921b2d9f7d50b45fdbe3d5b34f6817', slot: "label" }, "Color"), Scrollable.Color.values.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: '23c642ae01bb6d0f7aaf653c027eb255ee38d90a', slot: "end" })), index.h("smoothly-input-select", { key: 'fa106dd22e247954860c217692ca37a24fe4f772', name: "looks" }, index.h("span", { key: 'c42065aac1f357b670cf2a99bb8be554fb314cd9', slot: "label" }, "Looks"), Looks.values.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-range", { key: 'c3b585f898718c9f81ef15c1469eccf08988c00e', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), index.h("smoothly-input-checkbox", { key: '8fab112575cb1c02c2019022cee83e5e5e65a9c6', name: "readonly" }, "Readonly"), index.h("smoothly-input-checkbox", { key: 'c34401c8b28faa79a139869c0766e8f8af357ca8', name: "disabled" }, "Disabled"), index.h("smoothly-input-checkbox", { key: '672b5bc96fa9e6886c90b5e8354d7dea8c916270', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: 'c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-checkbox", { key: '121d1a50813987b2aeac50afe73e40c6a7c4fb8b', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input", { key: '265ce4b0e44c8fda1b3188929eb5901e1658bfd5', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: '1eafaaaa6696f9f1d696742869d10aba19c2f0c9', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), index.h("div", { key: 'f6a5d34435c177c5dc64c31632dc7a1e65f3e270', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: 'c4d82ee52f0d44015df7eb734c98aa41f7c92827', class: "width" }, "width: 100%"), index.h("div", { key: '2ae68895caf503ba92049a32d0054439f069123b', class: "left-padding" }, "padding-left: 0.5rem"), index.h("smoothly-input", { key: 'f5f4ee65ccf3180d2f9181fbc258c79e916e14ee', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && index.h("span", { key: 'bf32f13cfbfa88add92692bf9ee02b836eeea2be' }, "Text"), index.h("smoothly-input-clear", { key: '26639066ab906f755f7a42e154b1954f1f34f19d', slot: "end" })), index.h("div", { key: 'de01a46f39aa6f331c5edf54208a6f9f726337e3', class: "height" }), index.h("smoothly-input-select", { key: 'abb4be407f4b7ed51d5f796bdfce3b2b56c468a4', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && index.h("label", { key: '49f71dbb091094f79927778d18a0a58e70689f42', slot: "label" }, "Select"), index.h("smoothly-item", { key: '4b0e9cb4ce233c50a42fe249a3aef5648dc62558', value: "1" }, "January"), index.h("smoothly-item", { key: '38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df', value: "2" }, "February"), index.h("smoothly-item", { key: '4f65be9a949261542191e3b484ad646e17f04987', value: "3" }, "March"), index.h("smoothly-item", { key: 'b6e9be5fbe31a12865717daddcd1a4039c942205', value: "4" }, "April"), index.h("smoothly-item", { key: '6c867101a115315e30bcf525d3fde4a8e49a5719', value: "5" }, "May"), index.h("smoothly-item", { key: 'ba4792a24e862aed054b356a444f9b791add16b1', value: "6" }, "June"), index.h("smoothly-item", { key: '9cc3a21ed384c2e2415311770925458dc13ac8d1', value: "7" }, "July"), index.h("smoothly-item", { key: '53cf8809b4dbc8256448b5c08a9d07f274e365a3', value: "8" }, "August"), index.h("smoothly-item", { key: '47a43966214064dab4d321cf9116b5cd87409dd3', value: "9" }, "September"), index.h("smoothly-item", { key: 'c71ceab27a3f86a5c2a27dc251b18f119f5ac623', value: "10" }, "October"), index.h("smoothly-item", { key: '7e824138f3b0b28a414465d69bb71c4d6786c3b5', value: "11" }, "November"), index.h("smoothly-item", { key: 'e7813efea82efe4cd4a8bfa54a7a55b21f53fa48', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '7072ef8f9ac5b9a3028cbd2962560fc315f3d58b', slot: "end" })), index.h("div", { key: '3a1c4b4c2834bbb4921e330a77fe477c4741f181', class: "height" }), index.h("smoothly-input-checkbox", { key: '50499f2f1a4258a56caeb2266da17a9e881c7993', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", index.h("smoothly-input-reset", { key: '550d44f73f1ae07461d73f66febd5138867e8247', slot: "end" })), index.h("div", { key: 'acb1b0eaab732df76e2c586e8f56ee6c81fbdd87', class: "height" }), index.h("smoothly-input-radio", { key: 'ec7f8b66f806e63a09320e2ebfcda71be001cd3b', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && index.h("label", { key: '00de1fcac1f811970b3f1154d6286dc7bd6036d8', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: '35ea9212aa0f8eec4a96dedc406b428f58b848e6', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'db11c348c12a468a854c53c5f5f692ae7dcbaeb1', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '65707145740b173f4379c6bf5706a962a91bb021', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '883be5fef36a7e6fb16c57b30fcad312f1f25a6b', slot: "end" })), index.h("div", { key: '2cd8b1bb4ac90fd34732d2bfc34116bcc8429045', class: "height" }), index.h("smoothly-input-file", { key: '87739b41a33b7be135c5b3ed02648e702ac386ca', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && index.h("span", { key: '0d10524c66e0625ec86431a8c19dcedf83f47eac', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: 'a95f256a28cf294430040b6c6028921f0c620c8d', slot: "end" })), index.h("div", { key: '48650848e22a86ca8aa7501e09fbd8c5f0ce83ea', class: "height" }), index.h("smoothly-input-range", { key: 'b1e96735886d8e3e4b451ed17fa11ecada3e2302', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, index.h("smoothly-input-clear", { key: 'ab7f71a498ce9404aacc63f0273bd3b715ddf12c', slot: "end" })), index.h("div", { key: '0ff2870912f9ae2e2b41ba9d982c906124ef2641', class: "height" }), index.h("smoothly-input-color", { key: 'fa4d779da5bfaea1e9644e721d9f6c4249949407', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '63674017888873443dc7b744114dae7996e79c52' }, "Color"), index.h("smoothly-input-clear", { key: '6344ad242592e19365961e80cc0814023eaa7dc2', slot: "end" })), index.h("div", { key: '16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7', class: "height" }), index.h("smoothly-input-date", { key: '8ed46719b1c1e9a9085bd5decb2f0b76fda17e08', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && index.h("span", { key: 'c268eeb0f99af102c6e1dc62b3d4a2ef01fb0982' }, "Date"), index.h("smoothly-input-clear", { key: '828d7b0e5719ee2c8e8ef5e431f19061dd1ade2b', slot: "end" })), index.h("div", { key: 'fe422ed5cc16bbb664f5dc190e59d05027b9ab6c', class: "height" }), index.h("smoothly-input-date-time", { key: 'f45a43382ca831e1755ef2d9ee3ff2529f52e092', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", index.h("smoothly-input-clear", { key: '000c95f6c81a9c8f84c88e258804c190de62a085', slot: "end" })), index.h("div", { key: 'e203612e082b43846696f0e8f25ba1633c8a40c0', class: "height" }), index.h("smoothly-input-date-range", { key: '0a813285a0bb45af8a02e66bd7f336218ba2bf3f', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '8c4b143da14013a4e7869cc09ac125fd978ba652' }, "Date Range"), index.h("smoothly-input-clear", { key: '71942a3eb11884fd20b5dd66f93bfebfaaaa917e', slot: "end" })), index.h("div", { key: '6ddfef156eb2dcbb511742abe5e03f0dec1e78fa', class: "height" }))));
10499
+ return (index.h(index.Host, { key: '042854455ad1e70f8d47329dd18ad5b2d9be5b55' }, index.h("div", { key: '71a0ff91b51faeea2acb7bbe6ff33103b4f78101', class: "description" }, index.h("h2", { key: '91247326c353bfe7a42e0f7523cabf7d42d27574' }, "Input Standard"), index.h("p", { key: '1d778222d0a0be0fc9fedc8fba5058033f69ccdc' }, "Height of input should be ", index.h("code", { key: 'c6c2dbd89c53fedca0db13ea65acddd9a504d567' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), index.h("smoothly-form", { key: '97f476e2d1b48ca72c588f0dc2811238afa62d85', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, index.h("smoothly-input-select", { key: 'e638fd412458db2e89e75ed1e3356ebd21814efc', name: "color" }, index.h("span", { key: 'ab2049a30551b48bab1b1a03ee69af67d9f2fc90', slot: "label" }, "Color"), Scrollable.Color.values.map(c => (index.h("smoothly-item", { value: c }, index.h("span", { color: c }, c)))), index.h("smoothly-input-clear", { key: 'e58405aee03c66669786693560afbf7ea6ecbe0c', slot: "end" })), index.h("smoothly-input-select", { key: '2016e5bcf4dd6b6eb76d8d2f9691c0075cb18ea0', name: "looks" }, index.h("span", { key: '8bc09574aafe3e42a577b9546c7b70c8ae7eb93a', slot: "label" }, "Looks"), Looks.values.map(l => (index.h("smoothly-item", { value: l }, l)))), index.h("smoothly-input-range", { key: 'f6ed7c89644db7b39adcdc1bdd3af60d64ffef49', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), index.h("smoothly-input-checkbox", { key: 'bffa6d1a6f672a9338e78134dc8ba1103c09f0f8', name: "readonly" }, "Readonly"), index.h("smoothly-input-checkbox", { key: '581a628a2ed495b04e29e1552012b1496ded48e6', name: "disabled" }, "Disabled"), index.h("smoothly-input-checkbox", { key: 'ed3fb7bf07743e792097626b082c825fe07fdb44', name: "invalid" }, "Invalid"), index.h("smoothly-input", { key: '8f6910965617dc247a089284fdf05f9f4b32e028', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), index.h("smoothly-input-checkbox", { key: '507b49b5729dbc488916542e18c5a747ac88448f', name: "showLabel", checked: true }, "Show Label"), index.h("smoothly-input", { key: 'e28d0d2d9d64b11f6088d41dae93b1e3bccfbe19', name: "placeholder" }, "Placeholder"), index.h("smoothly-input-checkbox", { key: 'ee46861ee1cfe967013b017991fec0da41ec178a', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), index.h("div", { key: '148dc88331c154d77477b48b74a9d2fcb6e7372f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, index.h("div", { key: '7301184b32532915b8b6c67ecccfe708888ac0c1', class: "width" }, "width: 100%"), index.h("div", { key: '1651b57209507da195429a8cde6e4cd1d081a426', class: "left-padding" }, "padding-left: 0.5rem"), index.h("smoothly-input", { key: '0f999a06660d7e29b2967db7df972ea1d5b2f70f', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && index.h("span", { key: '842330c6efc43de5d2afc835577b67fc8575ad4d' }, "Text"), index.h("smoothly-input-clear", { key: '78cb65424a87ddd1b22e10844270494af51ef9cf', slot: "end" })), index.h("div", { key: '31103c02b0cdf3d5f68f8bd95010554c3571dea1', class: "height" }), index.h("smoothly-input-select", { key: '649fadb127e8ac6454b60dcb39ad26f8b665185d', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && index.h("label", { key: '229d74b36e98d2dce9fb51ae34a0fdf6ea3ad933', slot: "label" }, "Select"), index.h("smoothly-item", { key: '6f71feb15bb43c427f1e6667958eb64104a3319d', value: "1" }, "January"), index.h("smoothly-item", { key: 'c9468227d2718f2d87e373cfcf1c0021bf7c9e6a', value: "2" }, "February"), index.h("smoothly-item", { key: '26fa8a4c129189dada418bdc55eb420b4f6359be', value: "3" }, "March"), index.h("smoothly-item", { key: 'e966229667d4bd1072501c48cfad6d8456c8488c', value: "4" }, "April"), index.h("smoothly-item", { key: 'fa351f3fb2dba399ebffd034a7ab41821ad03c85', value: "5" }, "May"), index.h("smoothly-item", { key: 'f347f4a74d4a8f8f53fa656eff9ad94bb2d0e855', value: "6" }, "June"), index.h("smoothly-item", { key: 'b77e47c6a0d99532170498e5cd816977aaf15f0c', value: "7" }, "July"), index.h("smoothly-item", { key: 'f178bd35f721906e9adb7f33ad4a8dc13c093eb9', value: "8" }, "August"), index.h("smoothly-item", { key: '8b516209123938ae2b264164682628bff9e7182f', value: "9" }, "September"), index.h("smoothly-item", { key: '90c9806ae155808061562eb4903374c8d0f6437f', value: "10" }, "October"), index.h("smoothly-item", { key: 'c81cd76d4773d7382c0dd2091493bbb5747c26f8', value: "11" }, "November"), index.h("smoothly-item", { key: '4129e63197a9603181b72c2bcd5f00efe5facf4a', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'a8d437ce57fac20f4e8a23fb7ab945285e29ab78', slot: "end" })), index.h("div", { key: '0f72b65ec6e9dd55e5009f8889803745a7cebe0a', class: "height" }), index.h("smoothly-input-checkbox", { key: '2ecbfe7fce0fe4c5360d20e9088240cd1cb3b2d9', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", index.h("smoothly-input-reset", { key: '9faea34bfbe730854196cbc62ae7930b078bad15', slot: "end" })), index.h("div", { key: '14eff380b23a908840341e8ac919e366f61b4db5', class: "height" }), index.h("smoothly-input-radio", { key: '007cbb861d302fb7fbfec986cb8ce51134a89521', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && index.h("label", { key: 'be062990b3871568cb15cc1b447478ddb1741224', slot: "label" }, "Radio"), index.h("smoothly-input-radio-item", { key: '6b9f1c542b7d8fbf400c0d983459d8decd29ea3f', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'e76fc206b83574830f8dc10cf21a8e5963ae4994', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '706d081877e1485f636ee168fbc5c951b68698a3', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: 'c4a213b756017473a7a9a02d14a7c6f5124eb46c', slot: "end" })), index.h("div", { key: '904b170b3a023c4b3788fb2eb996b72fd9456c01', class: "height" }), index.h("smoothly-input-file", { key: 'db055982178bd556b1788059d69a4ef043e04b19', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && index.h("span", { key: '259a9a65c8cf798886fbb51e21c08c396af869ba', slot: "label" }, "File"), index.h("smoothly-input-clear", { key: '2b0ed1648df1c045f9b6ef0188c8f8eb77e3f547', slot: "end" })), index.h("div", { key: 'aa0a3961fdffa760f336cf33f6005892bf3d463f', class: "height" }), index.h("smoothly-input-range", { key: '687fc6de0e91cb891e27753268246cd224ce53b7', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, index.h("smoothly-input-clear", { key: 'f3c5299f4d054286e6296f8cbbd06d257a0dc807', slot: "end" })), index.h("div", { key: 'a7e96fd240e2d06d460978504a8178a4620fa671', class: "height" }), index.h("smoothly-input-color", { key: '2b41b21090701c556de33d1345be29ba18613a50', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: '7369555e1c40afb8e0d4575ee7e0b3a17aa07b10' }, "Color"), index.h("smoothly-input-clear", { key: 'd1130c6efb044af66bb1bea1c820b0e696f7655b', slot: "end" })), index.h("div", { key: 'ae0d6336ac30318029efe09259602d9affd5f6a5', class: "height" }), index.h("smoothly-input-date", { key: 'cf664740016f747362efd19abe6eb22c49438c32', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && index.h("span", { key: 'ab1940b43df90302347705f715c7a5adb31daf0c' }, "Date"), index.h("smoothly-input-clear", { key: 'e0d0d6d4bba58e2681f1e5ed8e542ce12b1b6a5d', slot: "end" })), index.h("div", { key: 'c8c7391b70036ba134cc150ef7256a6f3ede2ca1', class: "height" }), index.h("smoothly-input-date-time", { key: 'de72c684d8348a38f1677d7dfbf2f902928e7945', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", index.h("smoothly-input-clear", { key: '861fa30781245edbf8f088a37731faabf7a9b4f8', slot: "end" })), index.h("div", { key: 'da8d19acadc3e79480b45a07d3864ebad6282ae0', class: "height" }), index.h("smoothly-input-date-range", { key: '61f62fd05e1c39a5117f771eb9d1810c5b16280a', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && index.h("span", { key: 'b61c8327dcf01c0ec529ceed88fd4afd90702e3d' }, "Date Range"), index.h("smoothly-input-clear", { key: '4af2bde87290de54492949e5140aabbcf7030ce0', slot: "end" })), index.h("div", { key: '48e17be0054c430456fbf6557fe6cafa4fd743fa', class: "height" }))));
10500
10500
  }
10501
10501
  get element() { return index.getElement(this); }
10502
10502
  };
@@ -10525,11 +10525,11 @@ const SmoothlyInputDemoUserInput = class {
10525
10525
  }
10526
10526
  render() {
10527
10527
  var _a, _b;
10528
- return (index.h(index.Host, { key: 'e5373df530143e9be043fef3040f0c28e4e6befd' }, index.h("div", { key: 'e43682af956adff7d7717bc0460eed3b1bb95d84' }, index.h("h2", { key: '4332098a4a62650fee3ff36df29bbab86ece7e9d' }, "User Input Event"), index.h("p", { key: 'b20f95a50866658227c61b92cd110ec481da9aea' }, "These inputs demonstrate how user input is handled. The ", index.h("code", { key: 'd7966a4bf162c151d82b4202e72cd090eaf54ea0' }, "smoothlyUserInput"), " event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).", index.h("br", { key: 'c491689d80addd8399ee02ab7cfc6c14f599bb85' }), "Check the console to see the details of each ", index.h("code", { key: '919ebbf26937841a5396d0d8b1f7d56a268ac292' }, "smoothlyUserInput"), " event.")), index.h("smoothly-button", { key: '241df770721275520a479cac831b972062cf0fce', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), index.h("smoothly-input", { key: '1c8afb64233081bd049d91a0dd0e8071aad85856', looks: "border", name: "demo-user-input-text", value: this.textIndex === undefined ? "" : this.values[this.textIndex], onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Text input"), index.h("smoothly-button", { key: '5fe334fb6629980fec2ee42d22df173f86b9bec2', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), index.h("smoothly-input-select", { key: '0972c18426ec3adf17de6b187c582d875de17c75', looks: "border", name: "demo-user-input-select", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, index.h("span", { key: '0e6d5f9596b71bae1f548aaf3cc830e9327dda05', slot: "label" }, "Select input"), this.values.map((value, index$1) => (index.h("smoothly-item", { value: index$1, selected: index$1 == this.selectIndex }, value)))), index.h("smoothly-button", { key: '66f5d072734363f0457f38252105272c643354ce', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), index.h("smoothly-input-checkbox", { key: '37bb578799dfb2de20c6ed9c26214acc5a4b3c0b', looks: "border", name: "demo-user-input-checkbox", checked: this.checkboxChecked, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Checkbox input"), index.h("smoothly-button", { key: 'a70017b8ad95581ec4361d96350f809942b61d93', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), index.h("smoothly-input-radio", { key: '07558d4cbc286b03af94f0cc93718f35a93a73f6', looks: "border", name: "demo-user-input-radio", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, index.h("span", { key: '1e6fa16c98dbf64e75d4527a5619a37d30631801', slot: "label" }, "Radio input"), this.values.map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, selected: index$1 == this.radioIndex }, value)))), index.h("smoothly-button", { key: 'd3d7581a7c25ce7a7add6cc0f318bb738fbfcf56', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), index.h("smoothly-input-range", { key: 'cf1ad804353d6cecc2a92f1c919f0814ddc90293', looks: "border", name: "demo-user-input-range", step: 1, min: 0, max: this.values.length, value: this.rangeValue, label: "Range Input", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }), index.h("smoothly-button", { key: 'ac4215b8764d794d7b2b502e8978eeb066bb482b', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), index.h("smoothly-input-color", { key: 'b0f18cbf601c7a7e1b105b6ade6b7738e735c1af', looks: "border", name: "demo-user-input-color", value: typeof this.colorIndex == "number" ? this.colors[this.colorIndex] : undefined, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Color input"), index.h("smoothly-button", { key: '353846f23973a62890ca228fce9434606c351eab', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? TimeZone.Date.next(this.dateValue) : TimeZone.Date.now()) }, "Next day"), index.h("smoothly-input-date", { key: 'e4e466950e474177dfd57b95741256ece59aeba7', looks: "border", name: "demo-user-input-date", value: this.dateValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date input"), index.h("smoothly-button", { key: 'e39a9742e3c896ed0b8083b0cb12694971c2f7b3', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
10528
+ return (index.h(index.Host, { key: '93ac8ff24d005bece5c380c5fa1e0e460b7c2310' }, index.h("div", { key: '0ba15264f8f6fb95f48278cee3820a031cfb977f' }, index.h("h2", { key: '4261f82d2dc941553a6cf0549169f0c2c9a2e2c6' }, "User Input Event"), index.h("p", { key: 'eeca3c1b24c324e53ca52b23dbd9df821b30e6c1' }, "These inputs demonstrate how user input is handled. The ", index.h("code", { key: 'b7e43b4a632c958c17a9967440b696f95846dc7c' }, "smoothlyUserInput"), " event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).", index.h("br", { key: '20323a0fffe89110ff3373867dfd8a029904e6b9' }), "Check the console to see the details of each ", index.h("code", { key: '07ff89fb5e17565794500a28ac48a70718e90cdd' }, "smoothlyUserInput"), " event.")), index.h("smoothly-button", { key: '21e0a9fb254fd031300e723f6701355b8380625f', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), index.h("smoothly-input", { key: '740cf48fc2cdaec9a3bc65e16f37b1484c004291', looks: "border", name: "demo-user-input-text", value: this.textIndex === undefined ? "" : this.values[this.textIndex], onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Text input"), index.h("smoothly-button", { key: 'd5e47e8255f17e086949082e1d203fdaf96d239c', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), index.h("smoothly-input-select", { key: '987ba8692821080005e0fdcefa4284ca43e98b47', looks: "border", name: "demo-user-input-select", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, index.h("span", { key: '791e894a717db40227dfaacb23be2c81e465c06d', slot: "label" }, "Select input"), this.values.map((value, index$1) => (index.h("smoothly-item", { value: index$1, selected: index$1 == this.selectIndex }, value)))), index.h("smoothly-button", { key: 'a389b777d3a0fb141d5570dbb82d5011d1a53d7e', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), index.h("smoothly-input-checkbox", { key: '278136f9e02298f34940d702e9d8f358f2b80270', looks: "border", name: "demo-user-input-checkbox", checked: this.checkboxChecked, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Checkbox input"), index.h("smoothly-button", { key: '6c4e2d24b532826987253a56ac23a30f5f3dc60a', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), index.h("smoothly-input-radio", { key: 'fa59ba1fade7ae69fdf2acaa1b18b05b664e018e', looks: "border", name: "demo-user-input-radio", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, index.h("span", { key: '26f7ad2608e6db8ba693fbee9e2eed6c64059b29', slot: "label" }, "Radio input"), this.values.map((value, index$1) => (index.h("smoothly-input-radio-item", { value: value, selected: index$1 == this.radioIndex }, value)))), index.h("smoothly-button", { key: '9d78136a67f26faafa61e1abca4e1e1f47cba517', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), index.h("smoothly-input-range", { key: '10e6e5e417e847609935b78b5ddc4400e9533ce9', looks: "border", name: "demo-user-input-range", step: 1, min: 0, max: this.values.length, value: this.rangeValue, label: "Range Input", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }), index.h("smoothly-button", { key: 'd3ae741244d8a8c791386d8bbf2353cad652c0b5', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), index.h("smoothly-input-color", { key: '3c6552b159e6f02dd19ceba1abb854e34f3a13ed', looks: "border", name: "demo-user-input-color", value: typeof this.colorIndex == "number" ? this.colors[this.colorIndex] : undefined, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Color input"), index.h("smoothly-button", { key: '3b559b505ff8dca9ebb38e42f40f2fbecbc62910', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? TimeZone.Date.next(this.dateValue) : TimeZone.Date.now()) }, "Next day"), index.h("smoothly-input-date", { key: '0bd408ca9eab5aac19afc12769ad79249f50ac70', looks: "border", name: "demo-user-input-date", value: this.dateValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date input"), index.h("smoothly-button", { key: '0c12e56f8364e92514b8b12f9e30bbf8df97859d', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
10529
10529
  ? TimeZone.DateTime.nextDay(this.datetimeValue)
10530
- : TimeZone.DateTime.now()) }, "Next date time"), index.h("smoothly-input-date-time", { key: '91d54581db356cfcfc093286eb125502398315bd', looks: "border", name: "demo-user-input-datetime", value: this.datetimeValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date time input"), index.h("smoothly-button", { key: '1bfc78adefad21783c035335cf764bdb92c537e4', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
10530
+ : TimeZone.DateTime.now()) }, "Next date time"), index.h("smoothly-input-date-time", { key: 'f3301a005ae8d06aecc76aee13ec6b2643d79db7', looks: "border", name: "demo-user-input-datetime", value: this.datetimeValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date time input"), index.h("smoothly-button", { key: 'bd2bd181f98f10188327a854e99e8fb3cfab4483', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
10531
10531
  ? { start: TimeZone.Date.next(this.dateRangeValue.start), end: TimeZone.Date.next(this.dateRangeValue.end) }
10532
- : { start: TimeZone.Date.now(), end: TimeZone.Date.next(TimeZone.Date.now(), 10) }) }, "Next date range"), index.h("smoothly-input-date-range", { key: '78f36ca1d6a278db6d7bd4644689331be84c488a', looks: "border", name: "demo-user-input-daterange", start: (_a = this.dateRangeValue) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.dateRangeValue) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date range input")));
10532
+ : { start: TimeZone.Date.now(), end: TimeZone.Date.next(TimeZone.Date.now(), 10) }) }, "Next date range"), index.h("smoothly-input-date-range", { key: '39ebe21d975120354be6744701a6e0db924946ce', looks: "border", name: "demo-user-input-daterange", start: (_a = this.dateRangeValue) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.dateRangeValue) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date range input")));
10533
10533
  }
10534
10534
  };
10535
10535
  SmoothlyInputDemoUserInput.style = SmoothlyInputDemoUserInputStyle0;
@@ -10567,12 +10567,12 @@ const SmoothlyInputEdit = class {
10567
10567
  }
10568
10568
  render() {
10569
10569
  var _a;
10570
- return (index.h(index.Host, { key: '9413c465eefd77797e42c791530e44dff3846f28', title: this.tooltip }, index.h("smoothly-button", { key: '6671fd2c91156be7d9a584e1a99f5b8b4f32eb1e', 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) }, index.h("slot", { key: 'acaa5562e2b97fb0bf0f774fda77efdb33ba66cc' }), index.h("smoothly-icon", { key: '8defa183091cea2766970860a93f9005085e7325', class: "default", name: "create-outline", size: "tiny" }))));
10570
+ return (index.h(index.Host, { key: '3f7558d11b2d44dd408af97a340257484382eb06', title: this.tooltip }, index.h("smoothly-button", { key: 'f6247d9959f0d3015c2620b1e11073bbcb48e046', 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) }, index.h("slot", { key: '71b5a8210aa6f4ca12cdc4fdabaabc495b4024f1' }), index.h("smoothly-icon", { key: 'dcdd203ebb727b94f54cb2f190647be3461d7808', class: "default", name: "create-outline", size: "tiny" }))));
10571
10571
  }
10572
10572
  };
10573
10573
  SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
10574
10574
 
10575
- const styleCss$K = ".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)}[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[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=\"grid\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[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-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-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],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.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;justify-content:space-between;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:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
10575
+ const styleCss$K = ".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)}[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[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=\"grid\"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[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-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-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],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.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 smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;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{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}";
10576
10576
  const SmoothlyInputFileStyle0 = styleCss$K;
10577
10577
 
10578
10578
  const SmoothlyInputFile = class {
@@ -10691,7 +10691,7 @@ const SmoothlyInputFile = class {
10691
10691
  }
10692
10692
  render() {
10693
10693
  var _a, _b, _c;
10694
- return (index.h(index.Host, { key: '8f0c65d2c9ed0950c1c5115f615f6d66e1242165', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: 'c03b59a35dbef07d3f0c4e0d58aecdd963fb499c' }, index.h("slot", { key: '75a815e3f443bb3e6c8e0aa81c30b68f9cddc9ce', name: "label" })), index.h("div", { key: '2e7c8f558cd1d344b1659ef2fde701dd612f3b53', class: "input" }, index.h("smoothly-button", { key: '8382da9351a2d57dfa17ff0a399066b1f645c5d8', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '6e8366cbb446f9f5be138978711f7172f18d0005', name: "button" })), index.h("span", { key: '8b64bdf48fb8f8cf552e1d000c18e3e415826056' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '26d26451e82bdb71ac7be890f308363dddd8a73e', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: 'da2cb7bc7b9e481dd0edf6730adc4a9d26409167', name: "document-attach-outline" })), index.h("input", { key: 'd19b4581fb2070dc0baa3ae6c9da9d3a5ca288d5', onFocus: () => console.log("focus file input!"), ref: element => (this.input = element), type: "file", disabled: this.disabled, 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("span", { key: '8f4442060ca91b9d3ce769f71999031b9858aaaf', onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '7fb47acfd5d5c4ae68b309d5302564cf757100a6', name: "end" }))));
10694
+ return (index.h(index.Host, { key: '23b78025aa87033e4d55e1a3075fbf54f7f17911', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, index.h("label", { key: 'c351bd728e22f7735cc40c383370aa34767608e2' }, index.h("slot", { key: '18424e4ccfb9ddfe1535f65828fde006a00cca23', name: "label" })), index.h("div", { key: 'b7dc0bb86062b950d8eced795aaee41254ab33f5', class: "input" }, index.h("smoothly-button", { key: '29aca13db6b86cf9cc52069ba63e460dc474d937', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, index.h("slot", { key: '15e1c28e93edeae1676734d939a209fb14022d83', name: "button" })), index.h("span", { key: '67b391a462c61f3d7f27b42b5af01bc6e9ec646c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), index.h("div", { key: '6dfcfce7fda9969f1b17c5af1fab7a34303cc314', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, index.h("smoothly-icon", { key: '2c2aaa95ef454ea0f49474f84d7dbde3162e7102', name: "document-attach-outline" })), index.h("input", { key: '854ed29e341f23a03d48f319021e75e5026b7c33', onFocus: () => console.log("focus file input!"), ref: element => (this.input = element), type: "file", disabled: this.disabled, 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("span", { key: '6c13024fd3fe87eedb306d00f2a90fbc348e3bba', onClick: (e) => e.stopPropagation() }, index.h("slot", { key: '3801406c43cf68b13e7ea3fc6d1fdfef81c22438', name: "end" }))));
10695
10695
  }
10696
10696
  get element() { return index.getElement(this); }
10697
10697
  static get watchers() { return {
@@ -10816,21 +10816,21 @@ const SmoothlyInputMonth = class {
10816
10816
  }
10817
10817
  render() {
10818
10818
  var _a, _b;
10819
- return (index.h(index.Host, { key: 'a19d91c6e7a3418e4cc6645072227e24660a1055' }, index.h("smoothly-icon", { key: 'f49eef91fe444f2b2c46602239ffb720b463498a', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
10819
+ return (index.h(index.Host, { key: '18f61ae51348d5bd0c622337b28b45174ff18076' }, index.h("smoothly-icon", { key: '3353daed3b1accb80fa5aab42304e2d82bf51126', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
10820
10820
  disabled: this.readonly || !this.allowPreviousMonth,
10821
- }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: '63b194505c76cb794711fd50d6129c9037388687', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
10821
+ }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), index.h("smoothly-input-select", { key: 'a41333ccdf3a8595cadabdf096706a71bfcf6d1d', ref: e => (this.year = e), name: `${this.name}-year`, readonly: this.readonly, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
10822
10822
  const month = e.detail.value;
10823
10823
  if (month && TimeZone.Date.is(month)) {
10824
10824
  const value = TimeZone.Date.firstOfMonth(month);
10825
10825
  this.smoothlyUserInput.emit({ name: this.name, value });
10826
10826
  }
10827
- }, searchDisabled: true }, index.h("div", { key: 'cb2f05a587d6dd8a54e0e9ef4e9b8d2da2956613', slot: "label" }, index.h("slot", { key: '25e30084d491b00bc0963c5d5675419f2a88ee02', 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: '46bd63861b1facb4dfd7fd2dd0f4e7ade2a1535e', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
10827
+ }, searchDisabled: true }, index.h("div", { key: 'ea87369124256ce2911ec603ce7bf6f5aa653819', slot: "label" }, index.h("slot", { key: '64aa8263cd0146723944f0226407a88fb24419dc', 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: '318f72ddd1a44ec40b8459ad59e20afc0ce4c0c7', ref: e => (this.month = e), name: `${this.name}-month`, readonly: this.readonly, color: this.color, looks: this.looks, menuHeight: "5.5items", required: true, ordered: true, inCalendar: this.inCalendar, showLabel: this.showLabel, onSmoothlyInput: e => this.inputHandler(e), onSmoothlyUserInput: e => {
10828
10828
  const year = e.detail.value;
10829
10829
  if (year && TimeZone.Date.is(year)) {
10830
10830
  const value = TimeZone.Date.firstOfMonth(year);
10831
10831
  this.smoothlyUserInput.emit({ name: this.name, value });
10832
10832
  }
10833
- }, searchDisabled: true }, index.h("div", { key: '7c9c95e399522fcadc86a7d56565ed24f83bd1dd', slot: "label" }, index.h("slot", { key: '8332af277b6a5c3e16a92487fa886dac4ba594dd', 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: 'cd668eac7633d2d767387599488fe6bb7326b8f0', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly || !this.allowNextMonth }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
10833
+ }, searchDisabled: true }, index.h("div", { key: 'eab69d4faf59b5d3acbd0db9a53912a65b31f210', slot: "label" }, index.h("slot", { key: '8e9aca70172019bf7c8b41f3f7534a38e231a486', 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: '3e434c79f9ff72f4bce6f2ba3d87803b332b5d83', name: "caret-forward-outline", size: "tiny", color: this.color, fill: "default", class: { disabled: this.readonly || !this.allowNextMonth }, onClick: () => this.allowNextMonth && this.adjustMonth(1) })));
10834
10834
  }
10835
10835
  get element() { return index.getElement(this); }
10836
10836
  static get watchers() { return {
@@ -10852,12 +10852,12 @@ const SmoothlyInputPriceDemo = class {
10852
10852
  this.currency = "USD";
10853
10853
  }
10854
10854
  render() {
10855
- return (index.h(index.Host, { key: '671d9e1e09c36db8094dfe6f1ab4dd682b28fe73' }, index.h("h2", { key: '85a013c5fe711cc2a9dc759707a4e3880530377a' }, "State demo on smoothly-input"), index.h("p", { key: '57296c7eb9eacc94aee6802d6808181af5d4190a' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: 'b41379a50dd8e97d98a5eebc38694e04d192414c' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: '3fc4076c53a6a0571f5375974d8b7e9b2bfb4414', name: "currency", onSmoothlyInput: e => (this.currency = TimeZone.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (index.h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: '390be92c6e43aeaa2d5072b43539041ea794d51b', type: "price", currency: this.currency }, "price")));
10855
+ return (index.h(index.Host, { key: '04d9d8a8d7f4f15310595ae7284d68732677647c' }, index.h("h2", { key: 'ef661b4242d5d65bd2c94efd07e55e440e348a41' }, "State demo on smoothly-input"), index.h("p", { key: '3d40ba72a84e1996c5220efb3bef10ec733c67f8' }, "This demo/test the internal state of the smoothly-input component."), index.h("p", { key: '4dbd1f37ce6b5c362ddf546cd749776e56efd75c' }, "The currency of the price should update when switching between the currencies."), index.h("smoothly-input-radio", { key: 'dd71b6b572bae169fb112748cf48398392aa8b15', name: "currency", onSmoothlyInput: e => (this.currency = TimeZone.Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (index.h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), index.h("smoothly-input", { key: '2b5bbb0519d029ef786a7be63c0166fd7c8f0807', type: "price", currency: this.currency }, "price")));
10856
10856
  }
10857
10857
  };
10858
10858
  SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
10859
10859
 
10860
- const styleCss$H = ".sc-smoothly-input-radio-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)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-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-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
10860
+ const styleCss$H = ".sc-smoothly-input-radio-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)}[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-radio-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-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}";
10861
10861
  const SmoothlyInputRadioStyle0 = styleCss$H;
10862
10862
 
10863
10863
  const SmoothlyInputRadio = class {
@@ -11011,13 +11011,13 @@ const SmoothlyInputRadioItem = class {
11011
11011
  });
11012
11012
  }
11013
11013
  render() {
11014
- return (index.h(index.Host, { key: 'df843e11d9c3363b27ceb3e4930e353072a8c537', onClick: () => this.inputHandler(true) }, index.h("input", { key: 'a38159efa771785ca314bdbce6569bcc05503089', name: this.name, type: "radio", checked: this.selected, disabled: this.disabled }), index.h("smoothly-icon", { key: 'f3c5afda5328b233102ec346d05ba260dfe6cca3', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", tooltip: "Select" }), index.h("label", { key: '80c90ca1625f26ec43f7e4fcdb3da585ee0e463e' }, index.h("slot", { key: 'af191ac240791505df6eb37658920f3564b71a42' }))));
11014
+ return (index.h(index.Host, { key: '00ca9a738cac0a793961eba3dc326a1f6c1f6b79', onClick: () => this.inputHandler(true) }, index.h("input", { key: 'ad82ad9e78fff1a6803dc5153cac506ee63a6f5b', name: this.name, type: "radio", checked: this.selected, disabled: this.disabled }), index.h("smoothly-icon", { key: '068db330a5f5eef568a6ed0f77f18aa9e7e27eed', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", tooltip: "Select" }), index.h("label", { key: '69dced566cdacaa920a78600d9da3d7a88247193' }, index.h("slot", { key: '70b9d058904331675a062f3df130aae8bd3dd27b' }))));
11015
11015
  }
11016
11016
  get element() { return index.getElement(this); }
11017
11017
  };
11018
11018
  SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
11019
11019
 
11020
- const styleCss$F = ".sc-smoothly-input-range-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)}[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-range-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
11020
+ const styleCss$F = ".sc-smoothly-input-range-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)}[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-range-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:5em;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}";
11021
11021
  const SmoothlyInputRangeStyle0 = styleCss$F;
11022
11022
 
11023
11023
  const SmoothlyInputRange = class {
@@ -11120,18 +11120,18 @@ const SmoothlyInputRange = class {
11120
11120
  }
11121
11121
  render() {
11122
11122
  var _a, _b, _c;
11123
- return (index.h(index.Host, { key: '51d0d50c2260a8efef459a490a6d40576edf8904', class: {
11123
+ return (index.h(index.Host, { key: '896052a02f5cce23a5ed1a02fd1081f19b16b582', class: {
11124
11124
  "output-side-right": this.outputSide === "right",
11125
11125
  "show-label": this.outputSide === "left" && !!this.label,
11126
- } }, index.h("slot", { key: 'b8115e4e8c82c45c95983a6ca05ac4910547d509', name: "start" }), index.h("div", { key: '21ac65ef6af325989f1586a4109f28b02c4d9414' }, index.h("label", { key: 'a8730e6a0478abdd2a81a2153ed1863f389f632d', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: 'cce8eef1cb3fe30cafec2fccdcde4bb992b163ef', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
11126
+ } }, index.h("slot", { key: '7db794cbda30405f4d2b3b430ffe6bf1130ae804', name: "start" }), index.h("div", { key: 'd334bdd0df403fde4d5ac3a4f32dfe98efc9d0be' }, index.h("label", { key: '6511b42785fba191d61fa521baeda6545a86e3f3', htmlFor: this.name }, this.label), index.h("smoothly-input", { key: 'd2d0dea2140b110461f5738117500d7c5bc08c3a', ref: e => (this.input = e), looks: undefined, color: this.color, name: this.name, showLabel: this.outputSide === "left" && !!this.label, type: this.type, onSmoothlyInputLoad: async (e) => (e.stopPropagation(),
11127
11127
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
11128
11128
  e.stopPropagation();
11129
11129
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
11130
- }, 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, disabled: this.disabled }, this.label), index.h("smoothly-display", { key: '6ab9f7b99bf40826eb17eb300cd8be062defa4d3', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: '690aa75a19a26cf290c1290988357edab5097ab3', 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 || this.disabled, onInput: event => {
11130
+ }, 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, disabled: this.disabled }, this.label), index.h("smoothly-display", { key: 'feb68df52b048e356a6555c7ee996c20a531e705', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), index.h("input", { key: 'c7a95d0ef8d66e2df34caad6504c45a6f8fb7061', 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 || this.disabled, onInput: event => {
11131
11131
  event.stopPropagation();
11132
11132
  this.setValue(event.target.valueAsNumber);
11133
11133
  this.smoothlyUserInput.emit({ name: this.name, value: this.value });
11134
- }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'f1541e975526a02100826dc3f817c64626b2750d', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '06897088ceab10a99692b4fe2d06e5d227dd44f8', name: "end" })));
11134
+ }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), index.h("smoothly-display", { key: 'f72fdf57fc07c3fc9fa4c843525291d8f3bf0da8', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), index.h("slot", { key: '03705aaa50dded48ad831412e811d69fde1d6b60', name: "end" })));
11135
11135
  }
11136
11136
  get element() { return index.getElement(this); }
11137
11137
  static get watchers() { return {
@@ -11148,7 +11148,7 @@ const SmoothlyInputRangeDemo = class {
11148
11148
  index.registerInstance(this, hostRef);
11149
11149
  }
11150
11150
  render() {
11151
- return (index.h(index.Host, { key: 'fe8877ae479bd8b4e8a530dbcdd2f8cac31170b2' }, index.h("h2", { key: 'd39ba6d14b8740a8d18fd3e62c51964a0079dfdd' }, "Range"), index.h("h3", { key: '1cde1d9dbda26b591f092ff6c1215a78c85668e3' }, "Phone Number"), index.h("smoothly-input-range", { key: '0df83246ce1c17510de342817b3e8371a405fd5f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: '5aeaf74220d18db5d292b43316b862bb30e596fa' }, "Stars out of ten"), index.h("smoothly-input-range", { key: '9cf4138304c1bddf4f368c145129b85ac3c9fc98', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: 'ec9ace4a4ca1da8e781839d7a7dc5808b4185c5a' }, "Percent"), index.h("smoothly-input-range", { key: '02512fb3b2a215c4ffe0cde5fbf79defe6bc431f', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: 'ff48ee90a6f0876d954fa97e55c100fdce94406f' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: 'f48778410e5ee8104c032220124a602bc3e84c7e', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: 'f08ec1e3e9621a87029901e2958a0d4221ab3e15', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '4b7382dc9c566fd1f94c080901e1949610fcb40e', size: "icon", slot: "end" }))));
11151
+ return (index.h(index.Host, { key: 'b4550b5f4a8435ff07abbfedf03452fa64993f35' }, index.h("h2", { key: 'b70efe02b4047e0c56e263d7d604b04f21b3bd9d' }, "Range"), index.h("h3", { key: 'd1ea3331c8e4ecfa78ebd09706bb9c49ea44de56' }, "Phone Number"), index.h("smoothly-input-range", { key: '6c2241369a1b03a49a22ab708e2e6cbc2fe2ecbc', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), index.h("h3", { key: 'be655af45ba80bd54a41dc319b316a1ffdfa115f' }, "Stars out of ten"), index.h("smoothly-input-range", { key: 'e0f8e3e88934ad2fcff9a9d3cac3f14db7ecce8f', max: 10, step: 1, label: "Stars" }), index.h("h3", { key: 'e21bb7960d11b42414cbf6e8dba4c1d011438947' }, "Percent"), index.h("smoothly-input-range", { key: 'f2a326739a164b0397c64a742e5a210bca0385f8', type: "percent", max: 1, step: 0.01, label: "Percent" }), index.h("h3", { key: '9ac9fa1800004c7719eab3990c7024dcabeac541' }, "With icon at start and clear button"), index.h("smoothly-input-range", { key: '15558427596efa234ab6a3ecc89fc039d1156bd9', step: 1, name: "range2", label: "Select" }, index.h("smoothly-icon", { key: '5237da34fc9f10f5eb6a6a01e5f2c9e9ce68ccde', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '3037a54047581eaba241ab6b3b5b4c3586ad93d4', size: "icon", slot: "end" }))));
11152
11152
  }
11153
11153
  };
11154
11154
 
@@ -11195,7 +11195,7 @@ const SmoothlyInputReset = class {
11195
11195
  }
11196
11196
  render() {
11197
11197
  var _a;
11198
- return (index.h(index.Host, { key: '00ce2610388bdfe4a860afc1eec4c91360ed0baa', title: this.tooltip }, index.h("smoothly-button", { key: 'f65ac219effa216faa6aeb8e8ef472b7656ce745', 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: '5432ebbc44053abcfa66d760436a8218f413f58f' }), index.h("smoothly-icon", { key: '098d71829c81316bcdaf71a072c37d8334a505c4', flip: "x", name: "refresh-outline", size: "tiny" }))));
11198
+ return (index.h(index.Host, { key: '39b30b359df4e26ee2ea37795ec3c889307fb899', title: this.tooltip }, index.h("smoothly-button", { key: '2f17f35ab96330c7ce38bbc606fc06ab604d6a7b', 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: 'de14ee9362b39ca6f25caa687b51333eb523748f' }), index.h("smoothly-icon", { key: '69b34f2f5ae89379635a245905a7d692726957e6', flip: "x", name: "refresh-outline", size: "tiny" }))));
11199
11199
  }
11200
11200
  };
11201
11201
  SmoothlyInputReset.style = SmoothlyInputResetStyle0;
@@ -11216,7 +11216,7 @@ var Item;
11216
11216
  Item.is = Item.type.is;
11217
11217
  })(Item || (Item = {}));
11218
11218
 
11219
- const styleCss$D = ".sc-smoothly-input-select-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)}[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-select-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-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select::before{content:\"\";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{content:\"✔\";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::before{border:1px solid rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:\"\";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
11219
+ const styleCss$D = ".sc-smoothly-input-select-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)}[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-select-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-select-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-select-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-select-h>input.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-select-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h .label.sc-smoothly-input-select{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.floating-label.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.floating-label .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h.has-value .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[placeholder] .sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly].sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h[readonly] .sc-smoothly-input-select-s>[slot=label],.floating-label.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-value.sc-smoothly-input-select-h .label.sc-smoothly-input-select,.has-text.sc-smoothly-input-select-h .label.sc-smoothly-input-select,[placeholder].sc-smoothly-input-select-h .label.sc-smoothly-input-select,[readonly].sc-smoothly-input-select-h .label.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-select{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-select-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h smoothly-icon.smoothly-invalid.sc-smoothly-input-select{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));padding-left:var(--input-padding-side)}.open.sc-smoothly-input-select-h{border-radius:var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;display:flex;padding:var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;overflow:hidden;width:100%;white-space:nowrap;gap:1rem;text-overflow:ellipsis}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.select-display.sc-smoothly-input-select{cursor:pointer}.sc-smoothly-input-select-h:not(:has([slot=label]))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([show-label])>div.select-display.sc-smoothly-input-select{padding:.6rem .8rem .6rem 0;align-items:center}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{opacity:.7;height:100%;padding-inline:var(--input-padding-side)}.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-down-outline].sc-smoothly-input-select,.sc-smoothly-input-select-h:not([readonly]):not([disabled])>div.icons.sc-smoothly-input-select>smoothly-icon[name=caret-forward-outline].sc-smoothly-input-select{cursor:pointer}[invalid].sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:block;padding:0.5rem}.sc-smoothly-input-select-h>div.sc-smoothly-input-select>smoothly-icon.smoothly-invalid.sc-smoothly-input-select{display:none}.sc-smoothly-input-select-h .label.sc-smoothly-input-select{left:.5rem}.has-value.sc-smoothly-input-select-h:has([slot=label]:not(:empty))>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));left:0;right:0;border-radius:0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);min-width:fit-content;border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select,[looks=\"transparent\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{left:-1px;right:-1px}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select::before{content:\"\";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;border:1px solid rgb(var(--smoothly-input-foreground));border-radius:0.15rem;vertical-align:middle}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{content:\"✔\";position:absolute;left:0.65rem;color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::before{border:1px solid rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item[selected].sc-smoothly-input-select::after{color:rgb(var(--smoothly-item-selected-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::before{border:1px solid rgb(var(--smoothly-item-hover-foreground))}[multiple].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:hover::after{color:rgb(var(--smoothly-item-hover-foreground))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item,.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{padding:.7rem .7rem .7rem .25rem}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview{display:flex;position:sticky;top:0;gap:1rem;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));stroke:rgb(var(--smoothly-color-contrast))}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>div.search-preview::before{content:\"\";position:absolute;inset:0;background-color:rgba(var(--smoothly-primary-tint), 0.5);z-index:-1}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>div.search-preview.sc-smoothly-input-select>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
11220
11220
  const SmoothlyInputSelectStyle0 = styleCss$D;
11221
11221
 
11222
11222
  const SmoothlyInputSelect = class {
@@ -11512,14 +11512,14 @@ const SmoothlyInputSelect = class {
11512
11512
  this.addedItems = this.addedItems.concat(index.h("smoothly-item", { value: this.filter, selected: true }, this.filter));
11513
11513
  }
11514
11514
  render() {
11515
- return (index.h(index.Host, { key: '8fb98d71f28eb7993c1c2896558482db5f56652b', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: '1090a06c5c7de17dcaeb38d0ed8c5b56e3069960', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '697bcc836df8f03ce34f818235d22ced5cd08896', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'c641081541db43343741b9eb194ab3f1c43cf83d', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '0ca8c13238af71f2752af6698ebcd5d0b6cffe49', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: '5795da645bcdb603333d3647da26bf191b354dab', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'c5b0ddb7948644f81d405cb6cf6fa5bdf1acb03b', name: "label" }), index.h("div", { key: 'dfbcab1b4f7a0a5cd6c5c0fe9f2ea95ce66be115', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: '7e185303558604bb2c27081eebdc3a3b61d2ca61', class: "search-preview" }, index.h("smoothly-icon", { key: 'da863d6e5856b4af291a04cd7bf52fb68015e126', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '3c6ca8765f897ec2f7a1dfa130862f0dc9dbd057', name: "backspace-outline", size: "small", onClick: e => {
11515
+ return (index.h(index.Host, { key: '83a3ae061ed14cd4bb9a769e124093e39329a17d', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'a5fcfb1612ef033df68a7f03d2e88e5f231ba47b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: 'cb3f84e88bd3bb5a19f0950c49ef059a0ce7c0e4', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("smoothly-icon", { key: 'ad38f4e1ed640450832e3b3beea70a9bb346754b', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), index.h("slot", { key: '5d93d1c33d8d092a2cc2746e5a2f3aeba815a955', name: "end" }), this.looks == "border" && !this.readonly && (index.h("smoothly-icon", { key: 'd875a46166ec03e7b7555edb649d2a168f76853d', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '2246b453a4d28ff336264e17091d103da2a3a02f', name: "label" }), index.h("div", { key: 'c4232de7ac74641289d298a85c3f5ac18789a045', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (index.h("div", { key: 'b3f4ad79ee30b0465dc8b4784bcae62e7cef2f5b', class: "search-preview" }, index.h("smoothly-icon", { key: '3e42af96ff5c01c1228225b989157f5ec864e611', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '82906d6501c4ab798945fdb7c0324b13c756ac9c', name: "backspace-outline", size: "small", onClick: e => {
11516
11516
  e.stopPropagation();
11517
11517
  this.filter = "";
11518
11518
  this.element.focus();
11519
- } }), this.mutable && (index.h("smoothly-icon", { key: '13cb293844c4cf243e1fbb3d9c266119373fbf4f', name: "add", size: "small", onClick: e => {
11519
+ } }), this.mutable && (index.h("smoothly-icon", { key: '06495cf3a9f28877bb4bda2b2b2e3b44db9e7eae', name: "add", size: "small", onClick: e => {
11520
11520
  e.stopPropagation();
11521
11521
  this.addItem();
11522
- } })))), index.h("slot", { key: '3d13a87402765f06ee37c69c156c7b41dc1af6af' }), this.addedItems)));
11522
+ } })))), index.h("slot", { key: '071c26dd63b03d5fac2701a63346351e600ef641' }), this.addedItems)));
11523
11523
  }
11524
11524
  get element() { return index.getElement(this); }
11525
11525
  static get watchers() { return {
@@ -11574,7 +11574,7 @@ const SmoothlyInputSubmit = class {
11574
11574
  }
11575
11575
  render() {
11576
11576
  var _a, _b;
11577
- return (index.h(index.Host, { key: 'f7f8d66cc479ee4cd0f92bc148dec2c0cb2d48f7', 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" })))));
11577
+ return (index.h(index.Host, { key: '60f5c4352d0fcf3ac72fecfd513b17cf17b4d02e', 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" })))));
11578
11578
  }
11579
11579
  };
11580
11580
  SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
@@ -11622,7 +11622,7 @@ const SmoothlyItem = class {
11622
11622
  : false;
11623
11623
  }
11624
11624
  render() {
11625
- return (index.h(index.Host, { key: 'e20234d30e92293239fab80b17123a82aaf7a4df', tabIndex: -1 }, index.h("slot", { key: '4087bb39941fd908d388a64a6036e3c50ead3a9c' })));
11625
+ return (index.h(index.Host, { key: '5cd344ce7e1ce972dca5793dd987c1729f019482', tabIndex: -1 }, index.h("slot", { key: '39e17f355706144b6ba90485c1e7bfea97e0c564' })));
11626
11626
  }
11627
11627
  get element() { return index.getElement(this); }
11628
11628
  static get watchers() { return {
@@ -11643,9 +11643,9 @@ const SmoothlyLabel = class {
11643
11643
  }
11644
11644
  render() {
11645
11645
  var _a;
11646
- return (index.h(index.Host, { key: 'de59874afe507061a1c3ede6954e5e4431fa7c68', title: this.description, style: {
11646
+ return (index.h(index.Host, { key: 'a13b60d3713cf432f2eae3df6fc1193f705c25cd', title: this.description, style: {
11647
11647
  "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
11648
- } }, index.h("slot", { key: 'fcb5def4232e85094c4504191a20fdde03b4cdb8' })));
11648
+ } }, index.h("slot", { key: 'b1d2792f681dd5274e6eb099e48dea97ea2d3fc1' })));
11649
11649
  }
11650
11650
  };
11651
11651
  SmoothlyLabel.style = SmoothlyLabelStyle0;
@@ -11664,7 +11664,7 @@ const SmoothlyLazy = class {
11664
11664
  this.show = true;
11665
11665
  }
11666
11666
  render() {
11667
- return (index.h(index.Host, { key: '9f9a3ad03a3cffa605de2e0a311c71ff0501cc74' }, index.h("slot", { key: '0e222b762686df3a561c17e45966654e6bdaa711', name: "before" }), index.h("smoothly-load-more", { key: 'b655698abb3cb1dc76e941d8c7b2b627221dcb85', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: 'dd06292abea01a005890a0c168a5152f6737ceb1' })));
11667
+ return (index.h(index.Host, { key: 'c9ae1c9e802c0cbfc3ec7c37b3a947f834587d02' }, index.h("slot", { key: '43f2c47074aec85b940e8dd980c1733f90736374', name: "before" }), index.h("smoothly-load-more", { key: 'e763c71b4a35fff037cd4018c42a8f80b9b89b8c', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? index.h(this.content, null) : this.content), index.h("slot", { key: '94f9c7b38e2490e202b7dc712b1ffaaa151eb0cc' })));
11668
11668
  }
11669
11669
  };
11670
11670
  SmoothlyLazy.style = SmoothlyLazyStyle0;
@@ -11708,7 +11708,7 @@ const LoadMore = class {
11708
11708
  }
11709
11709
  }
11710
11710
  render() {
11711
- return index.h(index.Host, { key: '5200709c13719dcdfa30a25d921fa27e38750fcd' });
11711
+ return index.h(index.Host, { key: '9028a3a3f21bd4eefe3c39c89a55633db132271a' });
11712
11712
  }
11713
11713
  get element() { return index.getElement(this); }
11714
11714
  };
@@ -11734,9 +11734,9 @@ const SmoothlyModal = class {
11734
11734
  this.open = true;
11735
11735
  }
11736
11736
  render() {
11737
- return (index.h(index.Host, { key: '8fa3a1a8abe74467813cad81e8822982d40eccdf', role: "alertdialog", onClick: (e) => {
11737
+ return (index.h(index.Host, { key: '29f08751667eeb89ce06138c991eb355296ab219', role: "alertdialog", onClick: (e) => {
11738
11738
  this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
11739
- } }, index.h("div", { key: 'e3cb0cb62a91cc16a4c115861e393504c1c8476f', class: "modal" }, index.h("div", { key: '6473ae0b383fa946ade76b878bcb1ee146c340d2', class: "header" }, index.h("slot", { key: 'b2370ebebfc0b3b9dd67437c955ee7e1576deafd', name: "header" }), this.closable && index.h("smoothly-icon", { key: '561a9331a431ee605bc3e0e52765017206c7a43d', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), index.h("slot", { key: 'ef0da1a3d54c242df32342c1d1a09f74cd2581be' }), index.h("div", { key: 'f937cbaea5e2bdd15f9aa0aa8f6fadacd0a93766', class: "actions" }, index.h("slot", { key: 'e23325708937e00b7138c30371d1474409fb70cb', name: "actions" })))));
11739
+ } }, index.h("div", { key: '02306121f4d645d62c38af123e8f7fba340a50be', class: "modal" }, index.h("div", { key: '8d6b1e5bb69fa223a5630d0bd5fc673b02c1f962', class: "header" }, index.h("slot", { key: '1b3a7fb9d6ff286a694d982f409477c72f62a444', name: "header" }), this.closable && index.h("smoothly-icon", { key: '50d10a954f022cc3496a38971e3fad5977a3e434', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), index.h("slot", { key: '0e49d6159f0d9dfccbdeaa06e9a703af5ca76fba' }), index.h("div", { key: 'c4802c3b9d6c01b06d6c52cb010a3eeb226c6312', class: "actions" }, index.h("slot", { key: '1623b6fd5e698f11051c1be41eaa6847ecb46b68', name: "actions" })))));
11740
11740
  }
11741
11741
  static get watchers() { return {
11742
11742
  "open": ["openChanged"]
@@ -11799,7 +11799,7 @@ const Notification = class {
11799
11799
  this.onUpdatedNotice(this.notice);
11800
11800
  }
11801
11801
  render() {
11802
- return (index.h(index.Host, { key: '874ce3aaa62fd7424e2c6629e13111b14649c7db', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: '57057c09df734c4d359fd9952314032373c93828', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'ae2a94d9120759f44e0a0549e23b17d19fbf30a6', name: "close-circle-outline" }))), index.h("span", { key: 'c7a626eed0dc03b93f30ef5b7e0f22abad133b93', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: 'aa195f76644db7643cc4b31191cc2f0f27c24c49', name: this.properties[1] }), index.h("p", { key: '176a35c914559bde761a2e055353c2162e92a7e1' }, this.notice.message))));
11802
+ return (index.h(index.Host, { key: 'd73f9641d0d37113ec19891b5c9f59d8019230f8', color: this.properties[0], fill: "solid" }, this.closable && (index.h("smoothly-trigger", { key: 'e818ddd9455d8b7aca012be7c6a33f8942cb9a68', fill: "clear", name: "close" }, index.h("smoothly-icon", { key: 'fe3e9e3f88077e060f333baf9fbddfea07c1e7be', name: "close-circle-outline" }))), index.h("span", { key: 'f89d90613b740f806201bd2298d40ba2cb994fc8', class: this.icon ? "icon" : "clean" }, this.icon && index.h("smoothly-icon", { key: 'e773e024e416c84bec77fb891462b9b7c841824f', name: this.properties[1] }), index.h("p", { key: '4daa8f0c0e8b9ffc1f1ba786ad233c1264099bdc' }, this.notice.message))));
11803
11803
  }
11804
11804
  static get watchers() { return {
11805
11805
  "notice": ["onUpdatedNotice"]
@@ -11823,7 +11823,7 @@ const Notifier = class {
11823
11823
  this.notices = [...this.notices.filter(n => n != event.detail)];
11824
11824
  }
11825
11825
  render() {
11826
- return (index.h(index.Host, { key: '377473bb85fda49bf6654709bc583c8122a8a5fc' }, index.h("slot", { key: '0039c64ec570faa5702882cc273bd5bd778b0c0e' }), index.h("div", { key: '133205707821a6b56218eae7b1b135985301665a', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon }))))));
11826
+ return (index.h(index.Host, { key: 'bedcd18dde0e5ef17522b8289dee911015708d43' }, index.h("slot", { key: '3b631d5e334d1a8c698098a7ff21ee8cd40a572e' }), index.h("div", { key: '7052a9eb6a207f477e7a06fbf2f67e231ccce23e', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (index.h("smoothly-notification", { notice: n, icon: this.icon }))))));
11827
11827
  }
11828
11828
  };
11829
11829
  Notifier.style = SmoothlyNotifierStyle0;
@@ -11839,9 +11839,9 @@ const SmoothlySpinner = class {
11839
11839
  }
11840
11840
  render() {
11841
11841
  const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
11842
- return (index.h(index.Host, { key: '81b3ddac04d63c10cef57db98b33d20d3c486d1d', style: {
11842
+ return (index.h(index.Host, { key: '91e0a007802a3083c6a9139b8eac70e5589a6bd8', style: {
11843
11843
  "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
11844
- } }, index.h("svg", { key: 'a56a9b915feb8212b71cab991aaea00eeef858fa', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '80b73ff22092fd16f75fa632c45441585ae7bad5', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
11844
+ } }, index.h("svg", { key: '831ec769d03d32917064a7bdcf6c79db27d3ba34', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '27b650bff53888f95016353422c5ae928b758288', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
11845
11845
  }
11846
11846
  };
11847
11847
  SmoothlySpinner.style = SmoothlySpinnerStyle0;
@@ -11862,7 +11862,7 @@ const SmoothlySummary = class {
11862
11862
  }
11863
11863
  }
11864
11864
  render() {
11865
- return (index.h("details", { key: 'bbeeca90e53734b3e3fd868962beee5f692c65f9', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: 'e859d2917705c7f6e0b850de7d8efa9f2b88212a' }, index.h("smoothly-icon", { key: 'f432d3670a80d5df6384555195736d29468bdce9', name: "caret-forward", fill: "solid", size: "tiny" }), index.h("slot", { key: '21344a4ffa7f4154d07a0c584b0550b7c395afd3', name: "summary" })), index.h("slot", { key: '5b2c189f3cb88911ede221584e4824d6e336d82d', name: "content" })));
11865
+ return (index.h("details", { key: 'bfc42e899118e3da7e8960d2511182a73a5b2a6a', onToggle: e => this.toggleHandler(e), open: this.open }, index.h("summary", { key: 'e59d4ba68e9f50851536c0870b0322a2af621f2c' }, index.h("smoothly-icon", { key: 'c2a3da3176bbde4ce4b3f5e68f715dc3896998b1', name: "caret-forward", fill: "solid", size: "tiny" }), index.h("slot", { key: '0ba069fa0fd3e10e39257470ba3c145b7104ab3a', name: "summary" })), index.h("slot", { key: 'c1f1c78609a469b86394fcb62ae8bf97a3e2d4ae', name: "content" })));
11866
11866
  }
11867
11867
  };
11868
11868
  SmoothlySummary.style = SmoothlySummaryStyle0;
@@ -11911,7 +11911,7 @@ const SmoothlyTab = class {
11911
11911
  }
11912
11912
  }
11913
11913
  render() {
11914
- return (index.h(index.Host, { key: '2a9419f70ed2126516bc5ee55affbc8965ac2783' }, index.h("div", { key: '13fd8f7013833d85c6300848205feee915f97822', onClick: () => !this.disabled && (this.open = true) }, index.h("label", { key: 'ec233d8c479867447482aa97dfef805a21143dd9', "data-smoothly-tooltip": this.tooltip }, this.label)), index.h("div", { key: 'daabe3447f10b0231793cda1b7e1dc4c6ff0b298', hidden: !this.open }, index.h("slot", { key: '53f98e491dde3a333c4c4b0d9955762d8440145d' }))));
11914
+ return (index.h(index.Host, { key: '4eecb25a344fc9e930aef4fb766a5d118c5683b7' }, index.h("div", { key: 'df849582d86a0545aa785103d6be63db1bbd7923', onClick: () => !this.disabled && (this.open = true) }, index.h("label", { key: 'db6f4d37d62cc5e9a914f51328f4da107f1da51e', "data-smoothly-tooltip": this.tooltip }, this.label)), index.h("div", { key: '19349bcf3bd36b7ad555c7a72fde902c57c5e933', hidden: !this.open }, index.h("slot", { key: '54da9c83e4f98a43bfba8876780c671c194f962d' }))));
11915
11915
  }
11916
11916
  get element() { return index.getElement(this); }
11917
11917
  static get watchers() { return {
@@ -11935,7 +11935,7 @@ const SmoothlyTable = class {
11935
11935
  event.stopPropagation();
11936
11936
  }
11937
11937
  render() {
11938
- return (index.h(index.Host, { key: '2d475aad72fcaf31aed36d99f2684a5012e5dd06', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'ed1188366aa69849604369b1d0286541027a13a1' })));
11938
+ return (index.h(index.Host, { key: '673f0457a2915a8bbc5ac662d905405df0f7a74a', style: { "--columns": this.columns.toString() } }, index.h("slot", { key: 'ba193ea06a8a63c25948275d663d9838ff009268' })));
11939
11939
  }
11940
11940
  };
11941
11941
  SmoothlyTable.style = SmoothlyTableStyle0;
@@ -11948,7 +11948,7 @@ const SmoothlyTableBody = class {
11948
11948
  index.registerInstance(this, hostRef);
11949
11949
  }
11950
11950
  render() {
11951
- return (index.h(index.Host, { key: '4ca1a1cc8e285f8a87b5b8dd385b414de8599968' }, index.h("slot", { key: 'f998de1a4a3998a9d6f8391618098b839702d4de' })));
11951
+ return (index.h(index.Host, { key: 'db37d0ab8fc16f55f3e81aa1b4e5b77377c9f95c' }, index.h("slot", { key: '8e82a1f5998227ad1c3e46ac3e147492f66fb482' })));
11952
11952
  }
11953
11953
  };
11954
11954
  SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
@@ -11963,7 +11963,7 @@ const SmoothlyTableCell = class {
11963
11963
  }
11964
11964
  render() {
11965
11965
  var _a;
11966
- return (index.h(index.Host, { key: '608d5b165eeb45ada644442d3adf5c0817f08f72', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: 'b274f770e741e3fca953b6012963042ebd78f055' })));
11966
+ return (index.h(index.Host, { key: '30943ec45f6e73df71d5ad72bbad350e4f076f34', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, index.h("slot", { key: '4af540a7486d8616d427159feaa6200c91000e05' })));
11967
11967
  }
11968
11968
  };
11969
11969
  SmoothlyTableCell.style = SmoothlyTableCellStyle0;
@@ -11976,7 +11976,7 @@ const SmoothlyTableDemo = class {
11976
11976
  index.registerInstance(this, hostRef);
11977
11977
  }
11978
11978
  render() {
11979
- return (index.h(index.Host, { key: 'efe7db65edfcc29401a4b6144451a594e6aa6b51' }, index.h("smoothly-table-demo-filler-row", { key: 'b5d3ed513629fa9004ccdbe2d0b4fa5a846c9c1c' }), index.h("smoothly-table-demo-group", { key: '59e9996230870d75df4225bb1e8fca8054ae4bfd' }), index.h("smoothly-table-demo-colspan", { key: '76350cc4b70f56b5efd23e03f418aa7255ec0881' }), index.h("smoothly-table-demo-simple", { key: '7a713c248f8710a291c397dd40f60d3a8a753ece' }), index.h("smoothly-table-demo-nested-no-cell", { key: '3c82254151124465fe4a2f0b72c84f32e00505c2' }), index.h("smoothly-table-demo-filtered", { key: '20656c59c35345217d823184d9678a6a87f40ade' })));
11979
+ return (index.h(index.Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, index.h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), index.h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), index.h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), index.h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), index.h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), index.h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
11980
11980
  }
11981
11981
  };
11982
11982
  SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
@@ -11989,7 +11989,7 @@ const SmoothlyTableDemoColspan = class {
11989
11989
  index.registerInstance(this, hostRef);
11990
11990
  }
11991
11991
  render() {
11992
- return (index.h(index.Host, { key: '206c3432bf7936b15e972c161424e6b0e102a15c' }, index.h("smoothly-table", { key: 'fd9a1adfc79d7e3fa130e55614c8956aa9993ce7', columns: 3 }, index.h("smoothly-table-head", { key: '079086e32eab6c27ec06646b7cc1addc5a45e218' }, index.h("smoothly-table-row", { key: '6b421c777d5857d7b8c6e92dfa8ebb9e65c24f0d' }, index.h("smoothly-table-cell", { key: '9c0f4181cefa485af433741c55eb8033057333ba' }, "Date"), index.h("smoothly-table-cell", { key: '6b089e4d9d9d43ead73b8602d1f482b019810ee7' }, "Skip"), index.h("smoothly-table-cell", { key: 'b3a5f766b5a7bc15fe29aa2ba35d908f33883f7f' }, "Total"))), index.h("smoothly-table-body", { key: '12be40d0b1546ef3bcb8d95815e3a6751a34dc95' }, index.h("smoothly-table-row", { key: '22d3015ebb0c1a19b412c175f231de9cd3f9f04c' }, index.h("smoothly-table-cell", { key: 'cb591fa2b41381aa1c663a701a76b953ff610262', span: 2 }, index.h("smoothly-display", { key: 'a9dfcaebab3333ea62c290c9952ecc7c77ba33a7', type: "date", value: "2024-01-01" })), index.h("smoothly-table-cell", { key: 'b3680b9847f0e5635538af75af7c117d86464fcc' }, index.h("smoothly-display", { key: 'c89fca16b3f2e836dc9dd8c2378f4b26bab2be1f', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-table-row", { key: 'd2574793e06a73ede9721349f9e26ea596947500' }, index.h("smoothly-table-expandable-cell", { key: '2ab7fcbb3c3f54298e7b9f4b6b8287f0e5c07c04', span: 2 }, index.h("smoothly-display", { key: '40f846739879908115983e730c2e135fc3473977', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: '9989441f4da6a580d7d7a21a8623a1dafc0d6a3d', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-table-expandable-cell", { key: '20f47281da324a3fe529553b57c2e50de7a7039d' }, index.h("smoothly-display", { key: 'd9d02229b0bfa49122ede86d2513648a1448d8bf', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '7803a63f59d968622edfb07fed2b40338fb1b460', 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-table-row", { key: '0bf9dd84e89fef204799961f85e24b5a14d4c4d4' }, index.h("smoothly-table-cell", { key: '7feacfd6127864b97ac910256f434b42ee57dcd6' }, index.h("smoothly-display", { key: 'df857a1e9f9503c08c49f564a47bbb4b3b96f170', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'bd1848a3218ec7b9177b0354570fc3a96f827c0a' }, "Not Skipped"), index.h("smoothly-table-cell", { key: '1656b57464928e417afa36732fe710654c6c1e8d' }, index.h("smoothly-display", { key: '6097190c8c8c9ae2899a0497d524da52f42a145e', type: "price", value: 320, currency: "EUR" })))))));
11992
+ return (index.h(index.Host, { key: '1b9dfde05087d6be2711b86baca19630286b2322' }, index.h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, index.h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, index.h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, index.h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), index.h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), index.h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), index.h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, index.h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, index.h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, index.h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), index.h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, index.h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), index.h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, index.h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, index.h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), index.h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), index.h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, index.h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), index.h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', 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-table-row", { key: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, index.h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, index.h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), index.h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, index.h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', type: "price", value: 320, currency: "EUR" })))))));
11993
11993
  }
11994
11994
  };
11995
11995
  SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
@@ -12008,7 +12008,7 @@ const SmoothlyTableDemoFillerRow = class {
12008
12008
  }, 3000);
12009
12009
  }
12010
12010
  render() {
12011
- return (index.h(index.Host, { key: 'e2842ae7ee217b160d69fc5fa6cb686af528e2fc' }, index.h("smoothly-display", { key: '8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11', type: "text", value: "Filler row" }), index.h("smoothly-table", { key: '39f5a22a15a05631cf015918050e94215a336d62', color: "primary", columns: 4 }, index.h("smoothly-table-head", { key: '271ced47bcbc64f53cc70bf3f1ca757059ac81dd' }, index.h("smoothly-table-row", { key: '7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5' }, index.h("smoothly-table-cell", { key: 'c3f0eb89f019759418b4524fa923194e1eaa05c9' }, "Breed"), index.h("smoothly-table-cell", { key: 'beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25' }, "Country"), index.h("smoothly-table-cell", { key: '6c8e3177e07f82961707a6f31729ede9da79acd9' }, "Coat"), index.h("smoothly-table-cell", { key: '71023e2b53ab05e19b5d2f973f4b45c6ad1b7525' }, "Origin"))), index.h("smoothly-table-body", { key: 'a4a2e96740dbb0191031fb008fba9c349f4d37b1' }, this.cats === undefined ? (index.h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (index.h("smoothly-table-filler-row", null, index.h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (index.h("smoothly-table-row", null, index.h("div", { class: "smoothly-table-cell" }, a.breed), index.h("div", { class: "smoothly-table-cell" }, a.country), index.h("div", { class: "smoothly-table-cell" }, a.coat), index.h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
12011
+ return (index.h(index.Host, { key: 'f857bf2706fea0bc7bef38da1231c17460e9c609' }, index.h("smoothly-display", { key: '56bb55f00ea43d80e8b94460bb2e951bc741aa72', type: "text", value: "Filler row" }), index.h("smoothly-table", { key: '3a6c43bc37797672d40417395ffdacca1b52f327', color: "primary", columns: 4 }, index.h("smoothly-table-head", { key: '09289f8564422ceb0f8b7d33040a561d35dc9a02' }, index.h("smoothly-table-row", { key: '9675f44ce397953bc4b674bc768299d3a018820e' }, index.h("smoothly-table-cell", { key: '8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0' }, "Breed"), index.h("smoothly-table-cell", { key: '721fc804d59cb6dca7b66b2fd38dd700172322be' }, "Country"), index.h("smoothly-table-cell", { key: 'e8fbd6258f7167841eef83776e00406cd9ed3690' }, "Coat"), index.h("smoothly-table-cell", { key: '3e514eab5bb013da0d23cdde06324492bb97632b' }, "Origin"))), index.h("smoothly-table-body", { key: 'a14df5fcfad26c2d54ef13810e409ed65f72ac39' }, this.cats === undefined ? (index.h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (index.h("smoothly-table-filler-row", null, index.h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (index.h("smoothly-table-row", null, index.h("div", { class: "smoothly-table-cell" }, a.breed), index.h("div", { class: "smoothly-table-cell" }, a.country), index.h("div", { class: "smoothly-table-cell" }, a.coat), index.h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
12012
12012
  }
12013
12013
  };
12014
12014
  SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
@@ -12080,18 +12080,18 @@ const TableDemoFiltered = class {
12080
12080
  }
12081
12081
  render() {
12082
12082
  const cats = this.cats && filter(this.criteria, this.cats);
12083
- return (index.h(index.Host, { key: 'b2496133669576bf999beed5b34209da721db862' }, index.h("smoothly-display", { key: 'e6ca869034ac2981e7b2725a9b0b15a187ff0533', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: '9671d4342e35e40dca90683c6051b277395e5b8d' }, index.h("smoothly-filter-toggle", { key: 'bdb72d2b1cd012fccfeaafc6a39b0939da679581', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '7e02ac6837819923749faf9d27b06877b6a91f53', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: 'ce9dedd04d828a036dd35893f816107a3e2bff98', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '12246409d8b02f58a02951e3045a2f1d608393f3', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '92d614561377e367e09fcf360398211106f22caa', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12083
+ return (index.h(index.Host, { key: 'd8b3ad77da3b6cb9e815a50d79f84d1c6a811e4e' }, index.h("smoothly-display", { key: '98af74a79c021d4a2c2745d22efdfda66c8824d4', type: "text", value: "Filtered" }), index.h("smoothly-filter", { key: 'fb4409524f1fd2d09b4ca245679bbe1d0b8a989e' }, index.h("smoothly-filter-toggle", { key: '50f1a730744c162ea32eca49f175a618ea182e22', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '3ccd46f9bf9d95ea8efc6f4b9904287cacf58774', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '55ac1ae50f0d758a8c4967f90bfb1158b19355ff', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), index.h("smoothly-filter-toggle", { key: '28c9d499e5d68c81f5ff50b39912b70e85c0951d', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), index.h("smoothly-filter-select", { key: '6b72624b9ebd4a12b99074597ab3832b7025011c', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12084
12084
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
12085
12085
  var _a;
12086
12086
  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));
12087
- })), index.h("div", { key: '7633ee0389289db186d8f69ec959489e7ce849ee', slot: "detail" }, index.h("smoothly-form", { key: '9e298b588a374bb5d25815598bfb90ef5e0b7249', looks: "border" }, index.h("smoothly-filter-select", { key: 'c1e06cf576321f8d1689fb717da71e0ab94adc54', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
12087
+ })), index.h("div", { key: 'd41ea8b32d00dccaa5387f84d71a5ea4cec7970d', slot: "detail" }, index.h("smoothly-form", { key: '5654b332a077152ae1438eac095cd3523da770a8', looks: "border" }, index.h("smoothly-filter-select", { key: 'c1c07dc99c02dbf9043e1f6ad2ad2eea8a49a511', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
12088
12088
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
12089
12089
  var _a;
12090
12090
  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));
12091
- })), index.h("smoothly-filter-select", { key: '502b2cd5e7bb76f26e37b7baaf48d32f3d45ad8a', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
12092
- 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: '86ce003b89b69ac422fcaa99814154c9b5c7e811', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12091
+ })), index.h("smoothly-filter-select", { key: '3b5479f13abe40f9da79a68f0db36a4b33660f73', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
12092
+ 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: 'a84c4c06a961d71bd8605c7e90b960f72c6b10d5', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12093
12093
  .flat()
12094
- .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: '1b1633c816f19e098226dc046ba96890f554fa2e', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: '2a2ae7d91ad02a57f6d704e12a491811654416a8', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", { columns: 4 }, index.h("smoothly-table-head", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cats)), index.h("smoothly-table-cell", null, "Breed"), index.h("smoothly-table-cell", null, "Coat"), index.h("smoothly-table-cell", 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-foot", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
12094
+ .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: '12a34eaa89d99be16bb563dbbf32a353e988865a', label: "Coat", property: "coat" }), index.h("smoothly-filter-input", { key: 'ad77d0b787cc319fc830c9ed699f31baaa071da5', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (index.h("smoothly-table", { columns: 4 }, index.h("smoothly-table-head", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", null, this.selector.render(cats)), index.h("smoothly-table-cell", null, "Breed"), index.h("smoothly-table-cell", null, "Coat"), index.h("smoothly-table-cell", 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-foot", null, index.h("smoothly-table-row", null, index.h("smoothly-table-cell", { span: 3 }, index.h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
12095
12095
  }
12096
12096
  };
12097
12097
  const names = {
@@ -12110,7 +12110,7 @@ const SmoothlyTableDemoGroup = class {
12110
12110
  index.registerInstance(this, hostRef);
12111
12111
  }
12112
12112
  render() {
12113
- return (index.h(index.Host, { key: 'da018054a4b16d6fd81dc60fc9ddf3e4c77860c1' }, index.h("smoothly-display", { key: '51aa321cd3b22275ff7dc12e1b82b42fc1997c25', type: "text", value: "Group" }), index.h("smoothly-table", { key: '32aec70ba3bc78e572b118d0a7c796cf1b40a9cc', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '75374db74064f5ec5926b08baedffa2f553037e3' }, index.h("smoothly-table-row", { key: 'fc5e9fb16db4aaf96b005fdc08b0973fd94d5a6b' }, index.h("smoothly-table-cell", { key: '7ef43c21f5c4760cf379ebed4fd77a0c4263ef6a' }, "Date"), index.h("smoothly-table-cell", { key: '33f0ad771cb46b032661ff5b43d5fdc4dd6425bb' }, "Total"))), index.h("smoothly-table-body", { key: 'd74fc9dbf2cae53ad0dbb53412132e1090591a65' }, index.h("smoothly-table-row-group", { key: '7cd93d9bcc6ee81c60e96b402bd96dbb9db74725', align: true }, index.h("smoothly-display", { key: '3dcbc09dea2add837101f1ba69e90fa4a46edea9', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: '6d5c82538e836f4e47c802b711a94876b77f3817', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '8a8c2bc2dcfb221fa92f01c7356340811d88996b' }, index.h("smoothly-table-cell", { key: 'fd6da924a5a26c7e8961c66ea2bb31f9f81d715a' }, index.h("smoothly-display", { key: '443b690dc480dad5705fa5e3841bb3c7a2c256da', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '6775c121dfef064a1c2536514fa8d38aeab30624' }, index.h("smoothly-display", { key: 'de6f0ce1d1f23d0b64059b9768834e0795ffc3db', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '4eedf3384b751068dbe9d7e54f77f0821658a24b', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '2e86dcf3208a55f0c5a32013638e167dcc949fd3' }, index.h("smoothly-table-cell", { key: '3563fa6a11720be09e59404cc39f8c5b2c0932ec' }, index.h("smoothly-display", { key: '828d9102af9043b3af6f74d0dec9d474a85e4c87', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '4deb09e2dcdbccf59c02b7797e18561569ecba39' }, index.h("smoothly-display", { key: 'aa34dca36239d202565311e5e89bfc65832cb10a', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: 'e7716c3cf2fe6a6ffdfdbd386c12a8d4ce9e5549', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: '07c2d59e74294030d8a5af6bf66cfbcb00f0c7fd' }, index.h("smoothly-table-cell", { key: 'c71040890a72916ad35b12ee588d6ba0420646b8' }, index.h("smoothly-display", { key: '68cb381ce234e38d8bbbfbfa47ea43d94e5e7ec4', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: '2481c10a323c27700db2acd5912caf0ef974a23e' }, index.h("smoothly-display", { key: 'a1d92551f0d769e5e148f20225805f5d178cb40f', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: 'eab21ae8ceae4007183b890f0f843db056f75b3b' }, index.h("smoothly-display", { key: 'e3cab2799afc3b8220eeb5959ba349954d64f432', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '2c008844c5e33e2c94a71312bb83017bd2f5c21a', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '8fc307fb2ca022baaca2185e4ad07bb2ae1874b3' }, index.h("smoothly-table-cell", { key: 'bf8896a16335d24b7c454d865561e38fc9f7e18d' }, index.h("smoothly-display", { key: 'd390d1e203be30e671640ab40ecfc303cd2ad373', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'b7b0f8552e8553da4688617e91d1ec363cb76ac1' }, index.h("smoothly-display", { key: 'f15c573f1b1bda33e7e645648a38f27ba2b760c2', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '9e3b1abdc5531434bff506e5fd60e3cf2f5b1302', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '685d8ca397497da8c1d6284061b1f27c6d7dd0bb' }, index.h("smoothly-table-cell", { key: '617e0c3c1b7a30eb275ed475d42e705be7dfc5ea' }, index.h("smoothly-display", { key: 'afaa145b63c5a6b3627d5996381e2d5bda27172d', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '1b13e3bb4d32abd553a47dc62035d8334020a5d5' }, index.h("smoothly-display", { key: '9412d8622d09f5927efdc5bb3ec65c4def72af80', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '2587a7908fbc2573eda2a718aa748225f7e950e7', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: 'cacde2dbf4de84459496605e81d3164060ee33c6' }, index.h("smoothly-display", { key: 'c38877961cce544f5503aafdd7816d0ed732c1d2', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '6b14e1f8b1b25199c60f46aa721816e943a490d3' }, index.h("smoothly-table-cell", { key: '1d7f5ec04613837bd2b59dbcd2663411f4ed0cb6' }, index.h("smoothly-display", { key: '67307cd9c3ffd4c2c9efe340d7c83b8fbc4bc534', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'e8170034117e3be53d6d3c6244ae324d7314db52' }, index.h("smoothly-display", { key: '68169967a6b58da90e4829477b1eec315a7ac976', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'c202d836185afef6ef82f26c42dd88d7def426d9', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'd01d644c0eddfef155d11734bb446fec2c05bb45' }, index.h("smoothly-table-cell", { key: '25fc8925fbede3bbc1d8820ec1e45f2b24d5b667' }, index.h("smoothly-display", { key: '2173e747b53529897a2d8b59529a57e970b90315', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'ed4fe4b60e75f53e05c5a8db757402c61e7d70a0' }, index.h("smoothly-display", { key: 'ed5c13a807f6b72a357be497ce19453775ec46e8', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '45397867dde0889104541487e4583efb409b0b5f', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '67aef82d4437f494d548dee5a43ce5cbfc5ab72f' }, index.h("smoothly-display", { key: 'b9eef7f0227a3724f179d0ee78c7a176f715f508', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '07f54cf1e98b36b00e51bf05b8510aed92e99235' }, index.h("smoothly-table-cell", { key: '72ffadaf8aef7fd69d22437dada51c9c42514440' }, index.h("smoothly-display", { key: 'da23b7948ee52423977da6fa03db5e17cc45b349', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '07341b7e77b18bd7f35f7ec19d8f0ce5125bd87b' }, index.h("smoothly-display", { key: '6aaa00ea2364f5aaf31dc25d2b349d21328fcdc5', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: 'bfc335f98ecd74084e50dc910e4c7aad297ad214', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '966c6857a25076214d04d9e3005140b544062217' }, index.h("smoothly-table-cell", { key: '62ceb6e434e519560be7626dd9b949eea5471cac' }, index.h("smoothly-display", { key: '865dd5f8b1c4d2b74696d6f70f19ae07fb31c01b', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'bd9f91491faa6a42777c05c12c98c3d2b6527ee2' }, index.h("smoothly-display", { key: '7605031ad04f719305c75913906d8ec1ecda1957', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'c5d8373f3f7d5bca502f9c1af9ced0f87d63d447', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: '6aa2a583c922c3e2b54866a0a7b8367876fa71ba' }, index.h("smoothly-table-row-group", { key: 'e66a37d22790a34947db4aef076ff68fa775aba2' }, index.h("smoothly-display", { key: '026dfdfa13d81da7276a14aedc7624bf877d60a1', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '012e25ac22a4af1bf7c3da7e979faf9ef894b8eb', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: '5aec00c528da5f999e9cdd4bf21cd9e2cb3ab503' }, index.h("smoothly-table-row", { key: 'b733662dbe7f3c4a635af51719531597e252c295' }, index.h("fake-cell-wrapper", { key: '8a20a4fe8699569b946e82d184df6ece1027ccc9' }, index.h("smoothly-table-cell", { key: 'b9719cb65467fec3ff95c44ed42ea7e28d58c47d' }, index.h("smoothly-display", { key: 'c875865ff95ae604ea72c3d7d4a44cce6c81d70f', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: 'a8e641b74ac5252beafd6a18270e9619123b5173' }, index.h("smoothly-table-expandable-cell", { key: '1c2a62ed15b03d462a1f03e01845546a7849caee' }, index.h("smoothly-display", { key: '593b8b35deb66e2870ee64e7cbbec8e954241986', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: '0dea3b894850a75f3189b6d20594e4eebda93383', 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: '53a8d5e0edbbfae641257bde1d2957aa83bcf28c' }, index.h("smoothly-table-expandable-row", { key: '187e5073bd8a6b6beb9986b73374e271b7074e16' }, index.h("fake-cell-wrapper", { key: 'd92cc6581ce932ad32f87014d625fa8dbcd52ddb', class: "span-2" }, index.h("smoothly-table-cell", { key: '6d02637fd50db42ef9c00689fd83744fa6fa1930', span: 2 }, index.h("smoothly-display", { key: 'e7ac8d9d25dc03f6de7a75cb18f7e1287cbb0551', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: 'febf6353725027457a7adeab916a8620fff60404', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: 'e4d7e6a2d08b1ca22fa82e36bcac5626d174d917' }, index.h("smoothly-display", { key: 'e6c1395ac51f719ce119dbdfa01d14114460da99', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '003a6cbd69b50fb04252ec20c30c83b3ad7f2da2', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
12113
+ return (index.h(index.Host, { key: '2588ee8b11cceb6f30d6cf3e16f012284b88aef5' }, index.h("smoothly-display", { key: 'c4072df4a3b2a51efee6b88940d073df277cdacb', type: "text", value: "Group" }), index.h("smoothly-table", { key: '593411511952a94c54646c10c1d79a616af16348', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '85207ce5dda04eca8e1cd6c9b6d517957273d196' }, index.h("smoothly-table-row", { key: '8b499af43a319be84bb26ca64a28a2b550b1147f' }, index.h("smoothly-table-cell", { key: '8f5e13c5fa0c98e5e572943b85c5166105f3bd7b' }, "Date"), index.h("smoothly-table-cell", { key: 'fcfd559317a468734d04511b27550a7c0d077a2e' }, "Total"))), index.h("smoothly-table-body", { key: 'e40ee8bfa1fce7644a63f5d4ae7ad9570c8fa9d9' }, index.h("smoothly-table-row-group", { key: 'dee01fd5283fb7151191ed0b37e0982ca4b0f687', align: true }, index.h("smoothly-display", { key: '9a22541cad30cd45299a36fef7204cde3a3fdd3f', slot: "start", type: "date", value: "2024-01-01" }), index.h("smoothly-display", { key: 'b6d651c90cbd5e1505b5cad319865822bc4435bd', slot: "end", type: "price", currency: "EUR", value: 510 }), index.h("smoothly-table-expandable-row", { key: '87014f0572f1da25fb891d290e832875a3a5a4d5' }, index.h("smoothly-table-cell", { key: '4ff8a957ad3af6735251d0365fefbffe641a9989' }, index.h("smoothly-display", { key: '2c8ac9e458f90805ee50f41fd5068a2829eb69f6', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '5485d068b066424513077c103d363b28dc296a85' }, index.h("smoothly-display", { key: '9752fafab23c6b2bee43f518575693d6341c1af0', type: "price", currency: "EUR", value: 250 })), index.h("smoothly-lazy", { key: '738ade928043ec56b5dd4cd2350d7b264f2b0c68', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '75c05fbf6aff637af2014b2e09d75cdc7de7c8c0' }, index.h("smoothly-table-cell", { key: '699bbc5005849e0ee23b24c7c2e273f1fb6c4c8f' }, index.h("smoothly-display", { key: '53a9dc520b688c9ce94b68798ffa90bd459c183e', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'cac110be1952cd054343b325761e30b194337461' }, index.h("smoothly-display", { key: '55748ae8a05d0f383b7a5d155fd67fdcb0d94435', type: "price", currency: "EUR", value: 260 })), index.h("smoothly-lazy", { key: '5d424b9dda2176af0b42a83d87e8a2a0a25d8001', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), index.h("smoothly-table-row", { key: '34ba6f053457f1a0ee1b0f890f8ad8407450ad41' }, index.h("smoothly-table-cell", { key: 'ac03d46f47ced40e2189f9542a67db1b9b1e497a' }, index.h("smoothly-display", { key: '99a1ffa65c16c219783e0103a934aaaf040c1f5c', type: "date", value: "2024-01-02" })), index.h("smoothly-table-cell", { key: 'b172e3877d0c0bd4f8a75e08576fc2ae1a124bbb' }, index.h("smoothly-display", { key: '3b61525a2201aaaf74bff02dc98a69823e86571c', type: "price", currency: "EUR", value: 130 }))), index.h("smoothly-table-row-group", { key: '0ee99a8b2ad921aa8c8bfb812307ae8aa57119eb' }, index.h("smoothly-display", { key: 'efebc41060422de6b1a9c86c6954f10ead7f1136', slot: "start", type: "date", value: "2024-01-03" }), index.h("smoothly-display", { key: '26d97fd3f9c3a6c399687b61565719914913f99b', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '72462b7c0883b23bf82d9776d07801957f7d784c' }, index.h("smoothly-table-cell", { key: 'fe1f362f8c3298c198942dfd2337033e5aad08ce' }, index.h("smoothly-display", { key: '2a568646554e5fa224b133728ffe83a4bb09d62d', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '486b9a50a92767eb446a576c39612f9d8a296dc1' }, index.h("smoothly-display", { key: '446decb6ea726843bc26154f920c3907a1acaae0', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '57837cff0a487c4f7e565ecaaa48f9a3dd6fd4e8', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '53f917b56a01973712dbe5fb2cac2d38f471b991' }, index.h("smoothly-table-cell", { key: '91255e99fc2324b0d142b68bbdf09a36dd33dc94' }, index.h("smoothly-display", { key: '6a7e97b732bc1913895c921f275949f0f62208f4', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '830a3287399a9e1fc6565fe7c891764e70e03e8d' }, index.h("smoothly-display", { key: 'a65573dc1af4b3fd737a6ee475ccf34c7a0b9c9f', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '646707de9e76d024e6812e253cb14a59a46f11d4', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '0026f89477afc7f84eb1ee924082213ee0c89c7b' }, index.h("smoothly-display", { key: 'dff0f1591513de1245c07f8b537d77809ddefc48', slot: "start", type: "date", value: "2024-01-04" }), index.h("smoothly-table-expandable-row", { key: '787ddfe55945e3589e84b65e29c487d56a391e0e' }, index.h("smoothly-table-cell", { key: 'f8b2249eb641fb8de2f33b025f0177dbafe445fc' }, index.h("smoothly-display", { key: 'bc7bf9c2f642a633d466f1e494c8d1323350a22a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: '049d6cc9bf23932308b023d8abfa5d5b0278ed56' }, index.h("smoothly-display", { key: '93a3e761635f6c3eecb4bbf7e9462b2811357f85', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '7f385f05fea35af8f0aff74ed041c59ae3e5bf46', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: '328cb04ef6023106ae1989af83af5de1301e850f' }, index.h("smoothly-table-cell", { key: 'b0b00601ca9089b5575df356d8367e0dda4c9994' }, index.h("smoothly-display", { key: 'e7a933a35de331582863dd6f253496a6e5e8dd8a', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'f48e05f30e255b69034a5a566cbcb3db67c6a56e' }, index.h("smoothly-display", { key: '2ceca893aba24718dd13a89eea0e28500e7d699b', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: 'dc43c7409460036978af41cacc068ef0f38e4cfc', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), index.h("smoothly-table-row-group", { key: '86a9605cfd9fd2fb4389589c385faa4da1c6c6f6' }, index.h("smoothly-display", { key: '9d47934ec72c1b209899a6fd08616055b086dd8e', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("smoothly-table-expandable-row", { key: '5f04b9721430f40c51a6425c2dff7036ea139e08' }, index.h("smoothly-table-cell", { key: 'd8d4e856ed91c2ad53cee6be90cce00d27f14069' }, index.h("smoothly-display", { key: '964358b865a984471f5671f5061ba31977016042', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), index.h("smoothly-table-cell", { key: 'dcfecb038915410fa4c2083376b73053ed48935a' }, index.h("smoothly-display", { key: '5620c84e881a0e59b113715f128941c16d24ec80', type: "price", currency: "EUR", value: 320 })), index.h("smoothly-lazy", { key: '04b7afee25f019c2a312f96cf69d7b0adc08f726', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), index.h("smoothly-table-expandable-row", { key: 'aaf61d4297e578396a8ed658e066f146d990b0f9' }, index.h("smoothly-table-cell", { key: '9b4bf0540e0f373b8d34eebd297832878acf1427' }, index.h("smoothly-display", { key: 'ee0da2b1910d78411bd0c95dbb1792290514a499', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), index.h("smoothly-table-cell", { key: '79201617d37419b2d7972fc257e7bb1fba8cd7ab' }, index.h("smoothly-display", { key: '685d9ebb4fe99613c70d93ce6a2e9d5a4739f39e', type: "price", currency: "EUR", value: 400 })), index.h("smoothly-lazy", { key: '2ac506baea9413ddcd17dec9d74ade91db501782', slot: "detail", content: index.h(index.Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), index.h("fake-group-wrapper", { key: 'c7e42840958c6cc67b3f67f623d75972bdc7e62a' }, index.h("smoothly-table-row-group", { key: 'edfb3fc48b53bfb808b077c1ada7454f04397481' }, index.h("smoothly-display", { key: '81565e5820fee3e24100edb097fa029293704ced', slot: "start", type: "date", value: "2024-01-06" }), index.h("smoothly-display", { key: '7fe07e7763c2ba9add544de5bfcc909aba40282d', slot: "end", type: "price", currency: "EUR", value: 720 }), index.h("fake-row-wrapper", { key: 'f5424a7dddc7f0163182e259ceaffb6963809b53' }, index.h("smoothly-table-row", { key: 'f6ed19f1e02b5166b20ba010f1a0c30086fe1813' }, index.h("fake-cell-wrapper", { key: '3b877001f93114b3339a0c17c90062cf96ef32e7' }, index.h("smoothly-table-cell", { key: '2c4b73e799abc490e066de0c5617cafe38497052' }, index.h("smoothly-display", { key: 'd23df7e47dd898d65d619e664399d50bc82bb2cd', type: "date", value: "2024-01-02" }))), index.h("fake-expandable-cell-wrapper", { key: '4602c998b541cc2477678362057dd3d36d4ceafd' }, index.h("smoothly-table-expandable-cell", { key: '302d2efef19bc6d29f4aebdcce8c5bc9e86e5953' }, index.h("smoothly-display", { key: 'e82ec13f78ca0bdeea085fdeb1759d6c16cc818a', type: "price", currency: "EUR", value: 130 }), index.h("smoothly-lazy", { key: 'cbb04477852ae61054063dc8f6854e7351435792', 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: 'fade1308d120d94005a13f4e54e5541495accc01' }, index.h("smoothly-table-expandable-row", { key: '7e925f320ecbbd2c665cc5f475b019bce0126e89' }, index.h("fake-cell-wrapper", { key: '54b47216d6677202de3d2ed691748f6e8c94bb4b', class: "span-2" }, index.h("smoothly-table-cell", { key: '9797b634c544b7bdce16b4097ee7688341c28e9c', span: 2 }, index.h("smoothly-display", { key: '6e42c40713217d020d33966218c21787b5bf5033', type: "date", value: "2024-01-07" }))), index.h("smoothly-lazy", { key: '93dbde72d7127b087dc64e1404fcd0d12e39c20e', slot: "detail", content: index.h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), index.h("smoothly-table-row-group", { key: 'b91620f1e396ec86d09e170ef6d48e325a5979de' }, index.h("smoothly-display", { key: '0faf7a3e5ddd36ffcd5bc66643e9e8958b1ce9f1', slot: "start", type: "date", value: "2024-01-08" }), index.h("smoothly-display", { key: '2926b9df72107c99229fc621a02c1b9bb4e6f2d4', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
12114
12114
  }
12115
12115
  };
12116
12116
  SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
@@ -13058,7 +13058,7 @@ const SmoothlyTableDemoNestedNoCell = class {
13058
13058
  this.loadedRows = [];
13059
13059
  }
13060
13060
  render() {
13061
- return (index.h(index.Host, { key: 'd9a2afc99200a5d26f91685928f65f17e7bf4011' }, index.h("smoothly-display", { key: '8ba8c8c5d923b3a33d945bedc7012c2d8972bbe5', type: "text", value: "Nested" }), index.h("smoothly-table", { key: '3d9b1557644de9b8fa357aa1172028d9c8783d38', color: "primary", columns: 8 }, index.h("smoothly-table-head", { key: '542ce03049d85cc1eaba4eb12fd622cc98deb8b9' }, index.h("smoothly-table-row", { key: '48bfb36158c329821c054ae2058f00f2ca2b57f4' }, index.h("div", { key: 'ce0e5c7fa53dd372d911e281d0b9821056a23476', class: "smoothly-table-cell" }, "Id"), index.h("div", { key: 'f17c235a442ef273ffc7015ccd7e8af83254edad', class: "smoothly-table-cell" }, "Registered"), index.h("div", { key: '5a23f578af6264b760ea2708fb45ec5dc323378f', class: "smoothly-table-cell" }, "Name"), index.h("div", { key: 'cd2bac823bd19c8d7c7f74aac4469e8c7b84e156', class: "smoothly-table-cell" }, "Age"), index.h("div", { key: '62ec178c9917b2349572001481e1297d296c5d17', class: "smoothly-table-cell" }, "Balance"), index.h("div", { key: '41caf4b33aafb15e67df78ce700cd1e44889b95d', class: "smoothly-table-cell" }, "EyeColor"), index.h("div", { key: '7aa2168dc4a0b4bb80a9f19aaa2a34de0a78f9ec', class: "smoothly-table-cell" }, "Gender"), index.h("div", { key: 'd5a5f5e6abd610224c2fabde318232bf482fc3e3', class: "smoothly-table-cell" }, "Company"))), index.h("smoothly-table-body", { key: '02f484daac071e7c67643da886605c48456f8ddc' }, data.map((entry, index$1) => (index.h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
13061
+ return (index.h(index.Host, { key: '2b49ba5c64f8ee0f2e761b0b24b3409eb1fd6c85' }, index.h("smoothly-display", { key: 'a45be2e6511d548a591d26f541b443f32a1270b2', type: "text", value: "Nested" }), index.h("smoothly-table", { key: '52c37cd04a3c4bb65c6b946ea573412a22e9c15b', color: "primary", columns: 8 }, index.h("smoothly-table-head", { key: '3bc613c5e39bf6a422f86f387ebe92f04d077d0d' }, index.h("smoothly-table-row", { key: '169129220f57386847e64a7e09cd450ff2310e08' }, index.h("div", { key: 'b3923339af1b54b6bbb0c407772d1df35acb97ca', class: "smoothly-table-cell" }, "Id"), index.h("div", { key: '218053641cba4bb1116922464330c99e19354a11', class: "smoothly-table-cell" }, "Registered"), index.h("div", { key: 'b73bd55920129ac67a257d83d046bf5cb5c66946', class: "smoothly-table-cell" }, "Name"), index.h("div", { key: '9300614cf2b59d2df9c00fb7df26680833ec966d', class: "smoothly-table-cell" }, "Age"), index.h("div", { key: '15da0f9f20d7d294ebfefaddb9e921ceb1a325c4', class: "smoothly-table-cell" }, "Balance"), index.h("div", { key: '9dda91c55abe2fb5516043eb9f39ecf177264656', class: "smoothly-table-cell" }, "EyeColor"), index.h("div", { key: 'f1c61e55f99bf830a656236b609342f03aa692c1', class: "smoothly-table-cell" }, "Gender"), index.h("div", { key: 'f5166351564bb510d89b3912bcd847b1617cff3c', class: "smoothly-table-cell" }, "Company"))), index.h("smoothly-table-body", { key: '9193c215a2713e1002692a5a1eb5bfc9193a755a' }, data.map((entry, index$1) => (index.h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
13062
13062
  if (event.detail) {
13063
13063
  this.loadingIndex = index$1;
13064
13064
  setTimeout(() => {
@@ -13066,7 +13066,7 @@ const SmoothlyTableDemoNestedNoCell = class {
13066
13066
  this.loadedRows = [...this.loadedRows, index$1];
13067
13067
  }, 1500);
13068
13068
  }
13069
- } }, this.loadingIndex === index$1 && index.h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index$1) && (index.h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), index.h("div", { class: "smoothly-table-cell" }, entry.id), index.h("div", { class: "smoothly-table-cell" }, entry.registered), index.h("div", { class: "smoothly-table-cell" }, entry.name), index.h("div", { class: "smoothly-table-cell" }, entry.age), index.h("div", { class: "smoothly-table-cell" }, entry.balance), index.h("div", { class: "smoothly-table-cell" }, entry.eyeColor), index.h("div", { class: "smoothly-table-cell" }, entry.gender), index.h("div", { class: "smoothly-table-cell" }, entry.company))))), index.h("smoothly-table-foot", { key: 'e071f5ee248cc2d4ad39e4ef33d2ce8fe95a4bed' }, index.h("smoothly-table-row", { key: '5c1c6ddf0c8544176bf0a0dc2ea94c92e368d028' }, index.h("div", { key: '36887d23065d3694040b2ff045727fa670c9fec9', class: "smoothly-table-cell" }, "Footer Cell"), index.h("div", { key: '352c1ec7f806cfac4f751a837d688ba8ecbbd97d', class: "smoothly-table-cell" }, "Footer Cell"))))));
13069
+ } }, this.loadingIndex === index$1 && index.h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index$1) && (index.h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), index.h("div", { class: "smoothly-table-cell" }, entry.id), index.h("div", { class: "smoothly-table-cell" }, entry.registered), index.h("div", { class: "smoothly-table-cell" }, entry.name), index.h("div", { class: "smoothly-table-cell" }, entry.age), index.h("div", { class: "smoothly-table-cell" }, entry.balance), index.h("div", { class: "smoothly-table-cell" }, entry.eyeColor), index.h("div", { class: "smoothly-table-cell" }, entry.gender), index.h("div", { class: "smoothly-table-cell" }, entry.company))))), index.h("smoothly-table-foot", { key: 'f255d860f1a5e09129cd21524e17c0eb3372d638' }, index.h("smoothly-table-row", { key: 'c1e18dd56eab880f0997a66fefa9208c7450420e' }, index.h("div", { key: '259aa04ba4efdeaf8c258e4acdf9e262144ded1e', class: "smoothly-table-cell" }, "Footer Cell"), index.h("div", { key: '4f2756250d1854d2199cbcbd3ad7f47931804c67', class: "smoothly-table-cell" }, "Footer Cell"))))));
13070
13070
  }
13071
13071
  };
13072
13072
  SmoothlyTableDemoNestedNoCell.style = SmoothlyTableDemoNestedNoCellStyle0;
@@ -13081,7 +13081,7 @@ const SmoothlyTableDemoNestedNoCellInner = class {
13081
13081
  }
13082
13082
  render() {
13083
13083
  var _a;
13084
- return (index.h(index.Host, { key: '2fad17f95bd478c2eb533b0239a63694b83c9f81' }, index.h("smoothly-table", { key: '0e6f6d73e4c9046818b3266afc85978907af7a56', columns: 4 }, index.h("smoothly-table-head", { key: 'a6521280e62df7ca1831a93b9e583b7a2fd6c20b' }, index.h("smoothly-table-row", { key: '87c4affbf2d36422ef5d9fda6873629437160528' }, index.h("div", { key: '7eeb79369fc478d3e6338d906e8da75f28f91a0a', class: "smoothly-table-cell" }, "Id"), index.h("div", { key: '920af80028d7658e16b3cee5fb02ba6dbf1f0640', class: "smoothly-table-cell" }, "Name"), index.h("div", { key: '8c52f5f92a7d918639a6c6190513ebebfe7ac346', class: "smoothly-table-cell" }, "Age"), index.h("div", { key: '462dd0bab5ddd117dc1e589798677f69fd0beeff', class: "smoothly-table-cell" }, "Balance"))), index.h("smoothly-table-body", { key: '632d73be3c9eb538258f6728ff192099ce4aa264' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-table-expandable-row", null, index.h("div", { class: "smoothly-table-cell" }, entry.id), index.h("div", { class: "smoothly-table-cell" }, entry.name), index.h("div", { class: "smoothly-table-cell" }, entry.age), index.h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
13084
+ return (index.h(index.Host, { key: '8d4782924f55278416d2e81e0a5eab463cf34108' }, index.h("smoothly-table", { key: '6ad741e6c1212979e1bd742206761aa0f0fee0ef', columns: 4 }, index.h("smoothly-table-head", { key: 'e5d83e5409c933b06406feefe12d16c195a7e46c' }, index.h("smoothly-table-row", { key: 'a20af51afac114f2e8d92f510923d0b8d495bbd5' }, index.h("div", { key: 'aab216b4743a63a968d179e6e7fc34898b5beb87', class: "smoothly-table-cell" }, "Id"), index.h("div", { key: 'e41daaa65b7c6d6b08db6d4fd52d95522bb02177', class: "smoothly-table-cell" }, "Name"), index.h("div", { key: '7a0b17061fd0ada9b83737f165402e63f9f79c91', class: "smoothly-table-cell" }, "Age"), index.h("div", { key: '8d2e478af4b2f9514d2384dbe41c2e45398a7495', class: "smoothly-table-cell" }, "Balance"))), index.h("smoothly-table-body", { key: 'd83f0fc2917ff0b6978eaf94c0605cc2cb1796ce' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (index.h("smoothly-table-expandable-row", null, index.h("div", { class: "smoothly-table-cell" }, entry.id), index.h("div", { class: "smoothly-table-cell" }, entry.name), index.h("div", { class: "smoothly-table-cell" }, entry.age), index.h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
13085
13085
  }
13086
13086
  };
13087
13087
  SmoothlyTableDemoNestedNoCellInner.style = SmoothlyTableDemoNestedNoCellInnerStyle0;
@@ -13094,7 +13094,7 @@ const SmoothlyTableDemoSimple = class {
13094
13094
  index.registerInstance(this, hostRef);
13095
13095
  }
13096
13096
  render() {
13097
- return (index.h(index.Host, { key: '3c44e473cd3c7a39000d80d2cd8f7d4f6259d28c' }, index.h("smoothly-display", { key: '4f67509b54850559c717b9c8feb45a61517537b5', type: "text", value: "Simple" }), index.h("smoothly-table", { key: '498414973d54fe1b049058d0c0d5db97911c759f', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '1cb4600f3bac84ed5a33240fece52904266cb058' }, index.h("smoothly-table-row", { key: 'cf64bbd77000b3d278ab7f8216d9cb0baf07150b' }, index.h("smoothly-table-cell", { key: '85f0427a93dcbe123fdb1e40cc35c1b84356ae75' }, "Breed"), index.h("smoothly-table-cell", { key: '4d8843cfa736067b351e06d852e55093e012cfea' }, "Coat"))), index.h("smoothly-table-body", { key: '93facc4b9d076dc19a5c4e8926c51bdc9d27068c' }, cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-table-row", { key: 'a6aace80a3161945f19daa5f5b47dc5af1569bcc' }, index.h("smoothly-table-cell", { key: 'a6a9bd8fa88a0008fbb320af534a45e32ac3705c' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: 'fc44f561b827ce8d002ed7787c11a0de6d68c3f6' }, "Expandable Cell", index.h("div", { key: 'a8f331b0b4b2e4acaf0fc46b9b11dc6cfb29d577', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: 'ce878da536b3f96454218e7ffde80c1c668503e9' }, index.h("smoothly-table-expandable-cell", { key: 'bf67df9a09086f2202e2654b0a219499ba63c6d6' }, "Expandable Cell 1", index.h("div", { key: 'efbbea44e97c4d4537d12f43528dc92587766c5d', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: '50bcdf77eaf5b80f79ba333f0e6fe2abc2404e78' }, "Expandable Cell 2", index.h("div", { key: '402aa4ba61635738550d68d106755b48e60059f7', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '7fce823d7ac195d33d123493f98972b3337d4308' }, index.h("smoothly-table-row", { key: '15796d7fb9e7d1c5072682f7cb0ac17a0dd75a80' }, index.h("smoothly-table-cell", { key: '3d57499943e186926e3e5829ff1ee47db0737abb' }, "Footer Cell"), index.h("smoothly-table-cell", { key: '33376913bad1c9f73f6bbd23e7c6065247ac9ab9' }, "Footer Cell"))))));
13097
+ return (index.h(index.Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, index.h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), index.h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, index.h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, index.h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), index.h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), index.h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, index.h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", index.h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, index.h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", index.h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", index.h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, index.h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, index.h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), index.h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
13098
13098
  }
13099
13099
  };
13100
13100
  const cats = [
@@ -13202,7 +13202,7 @@ const SmoothlyTableExpandableCell = class {
13202
13202
  }
13203
13203
  render() {
13204
13204
  var _a;
13205
- return (index.h(index.Host, { key: 'ac06673cd91c65a5a80d81229e9f9336f675c14b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '8fd0cf961de88d5a7120259324ed61628f960b53', class: "content" }, index.h("slot", { key: '1cb3e3c0c98c2338ae21598c740255d18bfe5714' })), index.h("div", { key: '28cbeb9e91ef6c96df4272f2cab92bddb81c8946', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, index.h("slot", { key: 'af8954d6bd1c1ce393a1ede0b70971324af5f903', name: "detail" }))));
13205
+ return (index.h(index.Host, { key: '0100a1598090f8d87de2f396b56f569c3d55ff87', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'f8a2e8779f498db24e23b55c2cffca3a3e0673fd', class: "content" }, index.h("slot", { key: '3f49a4eb292da0ce4c52fbd9d80257ada7c6b65e' })), index.h("div", { key: '178426e2d1aa04ac0624dfc85405ece32a4a3ad9', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, index.h("slot", { key: 'ab7285198401030dbea07283eaa883faba7ba148', name: "detail" }))));
13206
13206
  }
13207
13207
  static get watchers() { return {
13208
13208
  "open": ["openChange"]
@@ -13232,7 +13232,7 @@ const SmoothlyTableExpandableRow = class {
13232
13232
  this.smoothlyTableExpandableRowChange.emit(this.open);
13233
13233
  }
13234
13234
  render() {
13235
- return (index.h(index.Host, { key: '6033a860074a26860ac2d9397cfa4391831ed4ac', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '7a95e4cb3c3e224a7341aa2a2334f20eb8a532bf' }), index.h("div", { key: 'fd83d53e3db726abead7cf59f7b0bda74a72562c', class: "smoothly-table-detail", ref: e => (this.div = e) }, index.h("slot", { key: '1db917174ae6c70ae7944e67c70e79cf62354f81', name: "detail" }))));
13235
+ return (index.h(index.Host, { key: '9603b69ce76a615c1c91b21b054de6389055526d', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '7631b20efae2ceea71463076b523812497f17a67' }), index.h("div", { key: '4542ab2e3255a5ea8e93b94b2a1b20670a85fcdb', class: "smoothly-table-detail", ref: e => (this.div = e) }, index.h("slot", { key: '125b820867a4a936718ab8de9a8765166020c52a', name: "detail" }))));
13236
13236
  }
13237
13237
  static get watchers() { return {
13238
13238
  "open": ["openChange"]
@@ -13248,7 +13248,7 @@ const SmoothlyTableFillerRow = class {
13248
13248
  index.registerInstance(this, hostRef);
13249
13249
  }
13250
13250
  render() {
13251
- return (index.h("smoothly-table-row", { key: '39f4df9798bfe072c1939753ba2cfcd52c8c6d14' }, index.h("smoothly-table-cell", { key: 'c4925e9dc2e432ec346681054de64387c1b191c7' }, index.h("slot", { key: '7cd372f479837d10ee4a0d53ca4089d80e333183' }))));
13251
+ return (index.h("smoothly-table-row", { key: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, index.h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, index.h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
13252
13252
  }
13253
13253
  };
13254
13254
  SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
@@ -13261,7 +13261,7 @@ const SmoothlyTableFoot = class {
13261
13261
  index.registerInstance(this, hostRef);
13262
13262
  }
13263
13263
  render() {
13264
- return (index.h(index.Host, { key: 'c136890da1c10d7845b054fcb7160bf6573c3b1c' }, index.h("slot", { key: '2ba64ba55fc7842cdbfe8950aa075fcc82be49e2' })));
13264
+ return (index.h(index.Host, { key: '1533d9a3447bbed2649a2b3fcd25980b95f2fe8c' }, index.h("slot", { key: 'e9787e2616189239982cac06331fb10a635fc511' })));
13265
13265
  }
13266
13266
  };
13267
13267
  SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
@@ -13292,7 +13292,7 @@ const SmoothlyTableHead = class {
13292
13292
  (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
13293
13293
  }
13294
13294
  render() {
13295
- return (index.h(index.Host, { key: 'fc2b929afcaaae8784a250b33c1784b51f6069d0', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '0647311dac1ee867e9bde641f11f7ac581179d33' })));
13295
+ return (index.h(index.Host, { key: 'cbfc978b0adaff62f961f0f57d8f2ed6a8fa197b', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: '650b9adff04908fdab781ca555fe037a6aa009e5' })));
13296
13296
  }
13297
13297
  get element() { return index.getElement(this); }
13298
13298
  };
@@ -13316,7 +13316,7 @@ const SmoothlyTableRow = class {
13316
13316
  event.target != cell && cell.close();
13317
13317
  }
13318
13318
  render() {
13319
- return (index.h(index.Host, { key: 'd1154a9f154063757b445c703fd472bf61789038' }, index.h("slot", { key: '6365abd761556dc9a04d3d03ee97168b2b4f029a' })));
13319
+ return (index.h(index.Host, { key: '4ed9e4fd09cc13d283d359f5a1f40ccae428aedd' }, index.h("slot", { key: '20be1367a71b4f91b1849e99bf1f1fc0eb40bfc5' })));
13320
13320
  }
13321
13321
  };
13322
13322
  SmoothlyTableRow.style = SmoothlyTableRowStyle0;
@@ -13340,7 +13340,7 @@ const SmoothlyTableRowGroup = class {
13340
13340
  }
13341
13341
  }
13342
13342
  render() {
13343
- return (index.h(index.Host, { key: '7e997a6abf62fee39b266f148a6157a880182d44' }, index.h("div", { key: 'be5ed254470787857415ee61dcbb275bdcad6938', onClick: () => this.clickHandler() }, index.h("div", { key: '7bfb0dc7d14be32c973d7524fe5dd8b339b4b70a' }, index.h("slot", { key: '277d81983cc2f7c23bc50d3c41175c161e461b86', name: "start" })), index.h("div", { key: '813cab4c382c1cedc39b7286898074ba4ada84bf' }, index.h("slot", { key: '86cc29d007effc636195285f8ba217fd772b26a6', name: "end" }))), index.h("div", { key: 'bc3b16d26f262c19bf5e0fb957db15dcbfcaf332' }, index.h("slot", { key: 'ab625e1e87b7eabeb8ef5d84d2174e5a70cdeafd' }))));
13343
+ return (index.h(index.Host, { key: '042ab6cc12f3441bb67637505521f031493051fa' }, index.h("div", { key: 'd9e0ce6dad12f3d3371a74b5603a4ff29f7f3b20', onClick: () => this.clickHandler() }, index.h("div", { key: '59b16a3bb24378913694d3ce394c065ff7816136' }, index.h("slot", { key: 'b8fcc5180ae67e6db906bd303c510c793314b067', name: "start" })), index.h("div", { key: '4716392324282da76d7e908fc9a159dd89ee9503' }, index.h("slot", { key: 'e8ac2ed348abcbe6cb966aee2dd391b247f6cfc3', name: "end" }))), index.h("div", { key: '053716adfc8cca6ac44ce14db9a1393d6d1832e6' }, index.h("slot", { key: '3ed87af439c23e60cb49612fe7d593e6062ee2d9' }))));
13344
13344
  }
13345
13345
  };
13346
13346
  SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
@@ -13411,7 +13411,7 @@ const SmoothlyTabsDemo = class {
13411
13411
  this.extraTab2 = undefined;
13412
13412
  }
13413
13413
  render() {
13414
- return (index.h(index.Host, { key: 'b62a8ae826fac8ab9bd918d17c9bb4bb2cde74a4' }, index.h("div", { key: '6319af78c4c93f0c1afa7964f539d1da3aea06de' }, index.h("smoothly-button", { key: '528e4e880dcf7d490649f5cd15f275b7d5b20c9d', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), index.h("smoothly-tabs", { key: 'bbf8219b3d9f2278494b6c1970457ef78f593535', tabs: "multiple" }, index.h("smoothly-tab", { key: '176284720bf9b0310f45df70cde15719a9b9ac45', label: "Single Tab", open: true }, index.h("strong", { key: 'd5d108161a9cc3057ab5a012e9a229b3d0bac2d0' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '4f61bc9ce5acea5b491ab37ba1401a79dd874840' }, "tabs"), " to", " ", index.h("code", { key: '172992639ebf1fc3910deaec479693bf18fee99f' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (index.h("smoothly-tab", { key: '0eb7431accdfa9eec7fe1c950000217081ba3a51', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("div", { key: '78eb4b4f24b515f3f5e2e133c7d7d91c2613d8d5' }, index.h("smoothly-button", { key: '401c9f0313b43813f32bb2b9d5af044496712baf', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), index.h("smoothly-tabs", { key: '3509d3b8e2384a5b76ac7025113fad7ab6ed811a' }, index.h("smoothly-tab", { key: 'ee2f6481f5528915afb26923316f7cfb21e17bcf', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), index.h("smoothly-tab", { key: '49a14aaca20b3956cf2c5bb80793f407c050ca86', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: 'af7143a98a2e0d6bdd20808e4da81bef8a35b67f', label: "test2" }, "this is a test message!"), this.extraTab2 && index.h("smoothly-tab", { key: 'e5b5ba3d85119c4e3450be4710fc6007931b0092', label: "test-extra" }, "this is a test message!"))));
13414
+ return (index.h(index.Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, index.h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, index.h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), index.h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, index.h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, index.h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", index.h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (index.h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, index.h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), index.h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, index.h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), index.h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && index.h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', label: "test-extra" }, "this is a test message!"))));
13415
13415
  }
13416
13416
  };
13417
13417
  SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
@@ -13425,7 +13425,7 @@ const SmoothlyThemeColor = class {
13425
13425
  this.color = undefined;
13426
13426
  }
13427
13427
  render() {
13428
- return (index.h(index.Host, { key: '8223831dfa84ea7a14906e3006e97db1f158443d' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
13428
+ return (index.h(index.Host, { key: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
13429
13429
  }
13430
13430
  };
13431
13431
  SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
@@ -13477,7 +13477,7 @@ const SmoothlyThemeDemo = class {
13477
13477
  index.registerInstance(this, hostRef);
13478
13478
  }
13479
13479
  render() {
13480
- return (index.h(index.Host, { key: 'f3a9bce2ea9ea921ddc0cdd0af59f278be0808fa' }, index.h("h2", { key: '0cde0c59c478d9793c78277783ddca18a2c46dd6' }, "Theme"), index.h("smoothly-theme-picker", { key: 'cb06e7228d22bfc7fa5231b38ccb5bd281026751' }, index.h("smoothly-item", { key: '37a46c34ec4767c282487d34c0178ac96d4f0a27', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: '961b69baea8b3760c095834bd8604d93ae1e3c74', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '23989e21f124308a39da7e657726916184e5ab72', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '93ffa3949d02f68f7a7dfa5f79b351a8eb8b7f56', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '98bc1c21a725ae552e75e7133b32406c15c21c5b', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '73481eca7b2759efa8ed022eda4d9ff4388e8068', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '9402ca492b8d2f7671bd6134f4bc89d0ea2da416', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '6e1e73a3d57216f482d5dc2d8054374c0501b33d', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '71d27357073891f1bb129289464955dc85458e96', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("div", { key: '15d5aab8433956d0a159c42cd702607c6df2cda7' }, index.h("smoothly-theme-colors", { key: '77b4c95e2e8761a9703601c3a890342a791559a3' }), index.h("smoothly-theme-guide", { key: 'ff190b0fba8f600ad5774743b287088e519cb28f' })), index.h("smoothly-button", { key: 'd75520d40a986fe09897fd50e0244d039ceca933', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '6db6194c220c2906ee8a5f3d5ed9b9e97d7ff9ec', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: 'a0f9cba373c1a31ee5997a64f07dfa84e82f273e', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '26987f874341cebb9742beeff94e830ab569dd2c', type: "link", link: "redirect/nested" }, "To redirect nested")));
13480
+ return (index.h(index.Host, { key: '6cb930a98c4d2bfd95789c041224daf2138a41f9' }, index.h("h2", { key: '31a72f808346d5e04c8080a4f209eb78c80f4ee8' }, "Theme"), index.h("smoothly-theme-picker", { key: '653fa4dfee36d491a9a362f4ca023e2c32fb5b73' }, index.h("smoothly-item", { key: 'dc385796954de3a747c8c66a4bbdc32ae67e99b3', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'd8d1a239a123f117041f5a737b23e656082fb57a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '7fb9b143948eb46ddfa3ee450f1cd04f8133e6f8', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: '3fb461b4d1294de0fdeae387e226335e0cf0bdaa', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '523a689c7d967f33bffb7c56ca2dbb6cbfbbac89', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '6c9ff39fe48a1e0ca77d50743fe7b161274fc703', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'cbf001039db5e7fdc92f5e8cf2b45840642ebdc7', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: 'cc914158cec903165e2f223b6dc6b2fec3252a28', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '1791438b84d885eb75084ea61b7211376f3f66b2', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("div", { key: 'a77f03f0047b45b01db7f045b5a78cdb0dd26462' }, index.h("smoothly-theme-colors", { key: '4103b7786fc26abe85fab60a1508d3e8cd991e7a' }), index.h("smoothly-theme-guide", { key: '7fee62cbe4973237cf5de7b7d22565780d7e12a7' })), index.h("smoothly-button", { key: '9362102321160dfd73a5f08504f1772b24c76e07', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'b61c8290c54e5d700c61963c04f8ba5d064241e7', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: 'e25a74c8541fee7771b6866e44a11823e30afc64', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: 'cf62147f7fb3263dec157eecd2ad3594254ca217', type: "link", link: "redirect/nested" }, "To redirect nested")));
13481
13481
  }
13482
13482
  };
13483
13483
  SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
@@ -13491,14 +13491,14 @@ const SmoothlyThemeColors = class {
13491
13491
  }
13492
13492
  render() {
13493
13493
  return [
13494
- index.h("smoothly-display", { key: 'e33cb6c2fb224049dc0618a101d4a34ce4a97979' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
13495
- index.h("br", { key: '3a5221a91fb24771d7f00c44ed8f56f21c82dff0' }),
13496
- index.h("smoothly-display", { key: 'a84c2e5055c178dadf46cd2b977bf1a262cb7f30' }, "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."),
13497
- index.h("br", { key: '76ef02c10cd940ed85f86a0d68cf91c474ae5231' }),
13498
- index.h("smoothly-display", { key: '0eb2188895599cb3925dd1ea319115e7207f638b' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
13499
- index.h("br", { key: '59f39e2da1a7c941fea84706d87575ad8c0f3a38' }),
13500
- index.h("smoothly-display", { key: '56727256e187ecfb71ef10626b86db6a1bccf755' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
13501
- index.h("br", { key: '02f2dfbbf17e60d7e7981b2180cc5fc1cfa8531d' }),
13494
+ index.h("smoothly-display", { key: '4e53d5193c69a0c8d128c919047ea716188bf5dc' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
13495
+ index.h("br", { key: '0c71cd8e14862e88d28363117e8a8ac8ce91ff35' }),
13496
+ index.h("smoothly-display", { key: '1a9f39db8f81e7a76666a08fe14a55d9bc6f1b10' }, "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."),
13497
+ index.h("br", { key: '3cf9a65a87c8c4704d739d7373f5505ab50da634' }),
13498
+ index.h("smoothly-display", { key: '8cedc5ef3988df73dc0c4d7245804a0b9cfd1a1e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
13499
+ index.h("br", { key: '0a6fd13ff18e67faaa288a9c2268436ef278d335' }),
13500
+ index.h("smoothly-display", { key: 'ffa97f4f8c514fdcb46485fc1861f0da0aeb891d' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
13501
+ index.h("br", { key: '9c5c133be1689c5caa42881c7a22fce2361caca1' }),
13502
13502
  ];
13503
13503
  }
13504
13504
  };
@@ -13513,11 +13513,11 @@ const SmoothlyThemePicker = class {
13513
13513
  this.element = "smoothly-css";
13514
13514
  }
13515
13515
  render() {
13516
- return (index.h(index.Host, { key: 'bd78dc0c77ab62560dfa7dcfd6d70eb6c20822aa' }, index.h("smoothly-input-select", { key: '9f4134cf70fe712423e5102d196a8310cb1e189d', name: "theme", looks: "border", onSmoothlyInput: e => {
13516
+ return (index.h(index.Host, { key: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, index.h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', name: "theme", looks: "border", onSmoothlyInput: e => {
13517
13517
  const element = document.querySelector(`#${this.element}`);
13518
13518
  if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
13519
13519
  element.href = e.detail.theme;
13520
- } }, index.h("label", { key: '233405b26871eab292f6c258fbc43464515f7c01', slot: "label" }, "Select theme"), index.h("slot", { key: '14656f7d3466ceedbb9db0a1733c07978c8bad68' }))));
13520
+ } }, index.h("label", { key: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), index.h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
13521
13521
  }
13522
13522
  };
13523
13523
  SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
@@ -13541,7 +13541,7 @@ const SmoothlyToggleSwitch = class {
13541
13541
  this.smoothlyToggleSwitchChange.emit(this.selected);
13542
13542
  }
13543
13543
  render() {
13544
- return (index.h(index.Host, { key: '93ae759c47e932319428b842eb408698c2849b31' }, index.h("button", { key: '5ed72f7e5cde56e49dc9d3116dc9fd507d496d4b', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'bcc686be4b1477a7cb469263d8e0bc02f0ffadb8', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
13544
+ return (index.h(index.Host, { key: '89162afb7931c0e7ed30eba6c5c098244876426c' }, index.h("button", { key: '0277b4bcffd82332f4cb11e98d2db1789a2838bc', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'c357533e1b86b91a3b75463d31d4ee0dd842529e', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
13545
13545
  }
13546
13546
  };
13547
13547
  SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
@@ -13554,7 +13554,7 @@ const SmoothlyToggleSwitchDemo = class {
13554
13554
  index.registerInstance(this, hostRef);
13555
13555
  }
13556
13556
  render() {
13557
- return (index.h(index.Host, { key: 'c622506b07d0d5d4f8f7bb65ec0b808216ac71f4' }, index.h("h4", { key: '8f5bccb8bf300780d0f50a9b66a8433a2a6e4423' }, "Toggle switches"), index.h("div", { key: '5c94e88e5016e60741c95aecb3fccf42f2ce2bf9' }, index.h("p", { key: 'a842fa899ab91738c7748ba2efb0f727a26c3ec5' }, "Checkmark"), index.h("span", { key: '0a89a7c406c050db45ebefd7426bca1f44748e36' }, index.h("p", { key: 'd70ab8939a0ce332845cb41af0e21c777c0ee73a' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '52c88ff1e6e9e2f8989b7aef24e1e66c983e298a', disabled: false, size: "tiny" })), index.h("span", { key: '4a0a857accdc647288cf7f3c349f09964a5de0df' }, index.h("p", { key: '488c5fe7676ea3641f4222ceb658c2c026fcabc1' }, "Small"), index.h("smoothly-toggle-switch", { key: 'c8fee404136527423d490fb03b49ed387b67419a', disabled: false, size: "small" })), index.h("span", { key: 'c319ed9031d6a6420510428088c784305a09684c' }, index.h("p", { key: '42e785cdd2d12032f310e58cd8b2842748b2cdda' }, "Standard"), index.h("smoothly-toggle-switch", { key: 'f5124d5042159df3b4fcc164b0efb4adcf1b01da', disabled: false })), index.h("span", { key: '8113acc2967dca4ace18ccf45f97f8b7daac4221' }, index.h("p", { key: 'e19f0f93cd75db150867e10f48b009ee4eb0cb4b' }, "Large"), index.h("smoothly-toggle-switch", { key: 'c4beb63b9038e1d3589ccc30d243eb0236548d88', disabled: false, size: "large" })), index.h("p", { key: '9c2d02b48add10ad48387ea0c4b9f2450dd39cc6' }, "Colors checkmark"), index.h("span", { key: '7f91266d633dda37b21f3b9c162f791ac4b38746' }, index.h("p", { key: '9d86ab646d05c081851046b020c2cbbd765acae4' }, "Danger"), index.h("smoothly-toggle-switch", { key: 'fb3dc5c94a4a05d727772d762a5abff0fa202e82', color: "danger", disabled: false, size: "small" })), index.h("span", { key: 'f581c530b32021d2a0847fec0f17d95be39d8d7e' }, index.h("p", { key: '6a0ecea4b4fe03f88838a36e5ec9386da4272791' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '0f862750bacdc23bc516220586c2a47dc3ce649e', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'ab0980c909071f57d9a13f22d88d4301b583067a' }, index.h("p", { key: '4b0a69324cf7b8f04bcfdbf35731a43c37aade9f' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '6442d57ecdb61558e7cb6048c586f46b3e3941b1', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: 'bb47bc7dd98ceb86bfbd0e28391321731f95dad5' }), index.h("p", { key: 'c64a2ff112b72d9cff6afd6c371a3da7083cd1f1' }, "Colors no checkmark"), index.h("span", { key: 'd690a84b3d08750e3e2ff7cd6473feb0a715b4d8' }, index.h("p", { key: '849781f19a7523b22f8f0dffe0fa15185d38de2f' }, "Danger"), index.h("smoothly-toggle-switch", { key: '29788801258d901f6cc0780bee771ae78da455e5', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '33fabad2c343849cdd76aebee35b8f99f25d86ba' }, index.h("p", { key: '006efb42b3d98028594a306799d12a4a16f0fc75' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'af3f58fbcf78c86ba6bf56735977ababf19d1077', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '6e44a069cdfcc16f35dedbd02e394eeb56ed7197' }, index.h("p", { key: '8ded09c92723b570e0a8806adab267e29b878a1f' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '676edb5d7c66dc6882234361f64d57e07a14b606', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
13557
+ return (index.h(index.Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, index.h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), index.h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, index.h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), index.h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, index.h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), index.h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), index.h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, index.h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), index.h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), index.h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, index.h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), index.h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), index.h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, index.h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), index.h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), index.h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), index.h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, index.h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), index.h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, index.h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), index.h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, index.h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), index.h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), index.h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, index.h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), index.h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, index.h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, index.h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
13558
13558
  }
13559
13559
  };
13560
13560
  SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
@@ -13585,7 +13585,7 @@ const SmoothlyTrigger = class {
13585
13585
  result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
13586
13586
  break;
13587
13587
  case "button":
13588
- result = (index.h("button", { key: 'fc636c1efded46fbc488da77da59375c0e6042e9', disabled: this.disabled, name: this.name }, index.h("slot", { key: 'cf9af420179685f2eb7edcff63de43eeba1639a4' })));
13588
+ result = (index.h("button", { key: 'e6ce4681d3411c81399fddbd2a0e515ccc3688c9', disabled: this.disabled, name: this.name }, index.h("slot", { key: '1b1617f28075c5327177d37d94c7e54b21dc7ded' })));
13589
13589
  break;
13590
13590
  }
13591
13591
  return result;