smoothly 1.96.0 → 1.98.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 (385) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_103.cjs.entry.js +103 -103
  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/index.js +3 -3
  9. package/dist/collection/components/input/checkbox/index.js.map +1 -1
  10. package/dist/collection/components/input/checkbox/style.css +13 -8
  11. package/dist/collection/components/input/color/style.css +3 -0
  12. package/dist/collection/components/input/date/index.js +2 -2
  13. package/dist/collection/components/input/date/index.js.map +1 -1
  14. package/dist/collection/components/input/date/range/index.js +22 -4
  15. package/dist/collection/components/input/date/range/index.js.map +1 -1
  16. package/dist/collection/components/input/date/range/style.css +13 -1
  17. package/dist/collection/components/input/date/style.css +11 -1
  18. package/dist/collection/components/input/date/text/index.js +1 -19
  19. package/dist/collection/components/input/date/text/index.js.map +1 -1
  20. package/dist/collection/components/input/date/time/index.js +5 -5
  21. package/dist/collection/components/input/date/time/index.js.map +1 -1
  22. package/dist/collection/components/input/date/time/style.css +3 -0
  23. package/dist/collection/components/input/demo/date/index.js +1 -1
  24. package/dist/collection/components/input/demo/index.js +4 -4
  25. package/dist/collection/components/input/demo/price/index.js +1 -1
  26. package/dist/collection/components/input/demo/standard/index.js +1 -1
  27. package/dist/collection/components/input/demo/standard/index.js.map +1 -1
  28. package/dist/collection/components/input/demo/user-input/index.js +3 -3
  29. package/dist/collection/components/input/edit/index.js +1 -1
  30. package/dist/collection/components/input/file/index.js +1 -1
  31. package/dist/collection/components/input/file/style.css +3 -0
  32. package/dist/collection/components/input/index.js +1 -1
  33. package/dist/collection/components/input/index.js.map +1 -1
  34. package/dist/collection/components/input/month/index.js +4 -4
  35. package/dist/collection/components/input/radio/item/index.js +1 -1
  36. package/dist/collection/components/input/radio/style.css +3 -0
  37. package/dist/collection/components/input/range/demo/index.js +1 -1
  38. package/dist/collection/components/input/range/index.js +4 -4
  39. package/dist/collection/components/input/range/style.css +3 -0
  40. package/dist/collection/components/input/reset/index.js +1 -1
  41. package/dist/collection/components/input/select/index.js +3 -3
  42. package/dist/collection/components/input/select/index.js.map +1 -1
  43. package/dist/collection/components/input/select/style.css +3 -0
  44. package/dist/collection/components/input/style.css +3 -4
  45. package/dist/collection/components/input/submit/index.js +1 -1
  46. package/dist/collection/components/item/index.js +1 -1
  47. package/dist/collection/components/label/index.js +2 -2
  48. package/dist/collection/components/lazy/index.js +1 -1
  49. package/dist/collection/components/load-more/index.js +1 -1
  50. package/dist/collection/components/modal/index.js +2 -2
  51. package/dist/collection/components/notification/index.js +1 -1
  52. package/dist/collection/components/notifier/index.js +1 -1
  53. package/dist/collection/components/spinner/index.js +2 -2
  54. package/dist/collection/components/submit/index.js +1 -1
  55. package/dist/collection/components/summary/index.js +1 -1
  56. package/dist/collection/components/table/body/index.js +1 -1
  57. package/dist/collection/components/table/cell/index.js +1 -1
  58. package/dist/collection/components/table/demo/colspan/index.js +1 -1
  59. package/dist/collection/components/table/demo/filler-row/index.js +1 -1
  60. package/dist/collection/components/table/demo/filtered/index.js +5 -5
  61. package/dist/collection/components/table/demo/group/index.js +1 -1
  62. package/dist/collection/components/table/demo/index.js +1 -1
  63. package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
  64. package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
  65. package/dist/collection/components/table/demo/simple/simple.js +1 -1
  66. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  67. package/dist/collection/components/table/expandable/row/index.js +1 -1
  68. package/dist/collection/components/table/filler-row/index.js +1 -1
  69. package/dist/collection/components/table/foot/index.js +1 -1
  70. package/dist/collection/components/table/group/index.js +1 -1
  71. package/dist/collection/components/table/head/index.js +1 -1
  72. package/dist/collection/components/table/index.js +1 -1
  73. package/dist/collection/components/table/row/index.js +1 -1
  74. package/dist/collection/components/tabs/demo/index.js +1 -1
  75. package/dist/collection/components/tabs/tab/index.js +1 -1
  76. package/dist/collection/components/theme/color/index.js +1 -1
  77. package/dist/collection/components/theme/demo/index.js +1 -1
  78. package/dist/collection/components/theme/guide/index.js +8 -8
  79. package/dist/collection/components/theme/picker/index.js +2 -2
  80. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  81. package/dist/collection/components/toggle-switch/index.js +1 -1
  82. package/dist/collection/components/trigger/index.js +1 -1
  83. package/dist/collection/components/trigger/sink/index.js +1 -1
  84. package/dist/collection/components/trigger/source/index.js +1 -1
  85. package/dist/components/{p-787944b1.js → p-00165343.js} +2 -4
  86. package/dist/components/p-00165343.js.map +1 -0
  87. package/dist/components/p-003a635b.js +45 -0
  88. package/dist/components/{p-1e58d3b9.js.map → p-003a635b.js.map} +1 -1
  89. package/dist/components/{p-68a3f86d.js → p-024a7630.js} +22 -22
  90. package/dist/components/p-024a7630.js.map +1 -0
  91. package/dist/components/{p-fd055140.js → p-02c38067.js} +5 -5
  92. package/dist/components/{p-fd055140.js.map → p-02c38067.js.map} +1 -1
  93. package/dist/components/{p-78ddc1f7.js → p-04b312ca.js} +2 -2
  94. package/dist/components/{p-78ddc1f7.js.map → p-04b312ca.js.map} +1 -1
  95. package/dist/components/{p-990382e3.js → p-0b3f1a79.js} +2 -2
  96. package/dist/components/{p-990382e3.js.map → p-0b3f1a79.js.map} +1 -1
  97. package/dist/components/{p-25eebfd9.js → p-0e242fdd.js} +4 -4
  98. package/dist/components/{p-25eebfd9.js.map → p-0e242fdd.js.map} +1 -1
  99. package/dist/components/{p-7e4a80fe.js → p-1062aeb9.js} +3 -3
  100. package/dist/components/{p-7e4a80fe.js.map → p-1062aeb9.js.map} +1 -1
  101. package/dist/components/{p-e39b1669.js → p-140b6f3c.js} +5 -5
  102. package/dist/components/{p-e39b1669.js.map → p-140b6f3c.js.map} +1 -1
  103. package/dist/components/{p-eb425cfd.js → p-19d93e64.js} +2 -2
  104. package/dist/components/{p-eb425cfd.js.map → p-19d93e64.js.map} +1 -1
  105. package/dist/components/{p-5e495944.js → p-1e46b981.js} +2 -2
  106. package/dist/components/{p-5e495944.js.map → p-1e46b981.js.map} +1 -1
  107. package/dist/components/{p-db74d132.js → p-211c0f22.js} +3 -3
  108. package/dist/components/{p-db74d132.js.map → p-211c0f22.js.map} +1 -1
  109. package/dist/components/{p-7457469e.js → p-250c5656.js} +30 -30
  110. package/dist/components/{p-7457469e.js.map → p-250c5656.js.map} +1 -1
  111. package/dist/components/{p-82c7b41d.js → p-2779565d.js} +2 -2
  112. package/dist/components/{p-82c7b41d.js.map → p-2779565d.js.map} +1 -1
  113. package/dist/components/{p-604c19c3.js → p-29853f1a.js} +2 -2
  114. package/dist/components/{p-604c19c3.js.map → p-29853f1a.js.map} +1 -1
  115. package/dist/components/{p-f1f48dd3.js → p-2b0bbc2a.js} +5 -5
  116. package/dist/components/{p-f1f48dd3.js.map → p-2b0bbc2a.js.map} +1 -1
  117. package/dist/components/p-2e33ff08.js +264 -0
  118. package/dist/components/{p-44bd988c.js.map → p-2e33ff08.js.map} +1 -1
  119. package/dist/components/{p-06a75cf4.js → p-2ef8a833.js} +2 -2
  120. package/dist/components/{p-06a75cf4.js.map → p-2ef8a833.js.map} +1 -1
  121. package/dist/components/{p-a028f8c4.js → p-3592f43e.js} +10 -10
  122. package/dist/components/{p-a028f8c4.js.map → p-3592f43e.js.map} +1 -1
  123. package/dist/components/{p-f5648051.js → p-35bfb804.js} +2 -2
  124. package/dist/components/{p-f5648051.js.map → p-35bfb804.js.map} +1 -1
  125. package/dist/components/{p-4369eee5.js → p-360f959f.js} +4 -4
  126. package/dist/components/{p-4369eee5.js.map → p-360f959f.js.map} +1 -1
  127. package/dist/components/{p-adce15bc.js → p-36889973.js} +23 -23
  128. package/dist/components/{p-adce15bc.js.map → p-36889973.js.map} +1 -1
  129. package/dist/components/{p-8153821c.js → p-37732412.js} +2 -2
  130. package/dist/components/{p-8153821c.js.map → p-37732412.js.map} +1 -1
  131. package/dist/components/{p-f4d38f75.js → p-3a1a67e7.js} +3 -3
  132. package/dist/components/{p-f4d38f75.js.map → p-3a1a67e7.js.map} +1 -1
  133. package/dist/components/{p-c8264085.js → p-3a2d2f1d.js} +14 -12
  134. package/dist/components/p-3a2d2f1d.js.map +1 -0
  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-963579c4.js → p-4f0ce21b.js} +3 -3
  140. package/dist/components/{p-963579c4.js.map → p-4f0ce21b.js.map} +1 -1
  141. package/dist/components/{p-0d257ab1.js → p-4f145ff6.js} +11 -11
  142. package/dist/components/{p-0d257ab1.js.map → p-4f145ff6.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-c6057533.js → p-53eb6d93.js} +4 -4
  146. package/dist/components/{p-c6057533.js.map → p-53eb6d93.js.map} +1 -1
  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-39293296.js → p-5b65866f.js} +10 -10
  150. package/dist/components/{p-39293296.js.map → p-5b65866f.js.map} +1 -1
  151. package/dist/components/{p-f1ab93b7.js → p-5bc54b34.js} +2 -2
  152. package/dist/components/{p-f1ab93b7.js.map → p-5bc54b34.js.map} +1 -1
  153. package/dist/components/{p-35b35841.js → p-5cd257ad.js} +3 -3
  154. package/dist/components/{p-35b35841.js.map → p-5cd257ad.js.map} +1 -1
  155. package/dist/components/{p-28d79a77.js → p-5d4481e5.js} +2 -2
  156. package/dist/components/{p-28d79a77.js.map → p-5d4481e5.js.map} +1 -1
  157. package/dist/components/{p-d3fa1e77.js → p-6008d530.js} +4 -4
  158. package/dist/components/{p-d3fa1e77.js.map → p-6008d530.js.map} +1 -1
  159. package/dist/components/{p-390005a2.js → p-6014eafb.js} +9 -9
  160. package/dist/components/{p-390005a2.js.map → p-6014eafb.js.map} +1 -1
  161. package/dist/components/{p-d73228f5.js → p-62af2a18.js} +5 -5
  162. package/dist/components/{p-d73228f5.js.map → p-62af2a18.js.map} +1 -1
  163. package/dist/components/{p-786f365b.js → p-64e731a9.js} +13 -13
  164. package/dist/components/{p-786f365b.js.map → p-64e731a9.js.map} +1 -1
  165. package/dist/components/{p-8aa072f4.js → p-6765b081.js} +21 -21
  166. package/dist/components/{p-8aa072f4.js.map → p-6765b081.js.map} +1 -1
  167. package/dist/components/{p-a0bb98e2.js → p-6a11096b.js} +2 -2
  168. package/dist/components/{p-a0bb98e2.js.map → p-6a11096b.js.map} +1 -1
  169. package/dist/components/{p-75a2f47c.js → p-6a24968b.js} +10 -10
  170. package/dist/components/{p-75a2f47c.js.map → p-6a24968b.js.map} +1 -1
  171. package/dist/components/{p-0d90bb34.js → p-6d1e5f27.js} +3 -3
  172. package/dist/components/{p-0d90bb34.js.map → p-6d1e5f27.js.map} +1 -1
  173. package/dist/components/{p-f4a081aa.js → p-6f96e7ef.js} +2 -2
  174. package/dist/components/{p-f4a081aa.js.map → p-6f96e7ef.js.map} +1 -1
  175. package/dist/components/{p-1842fa59.js → p-753658b4.js} +2 -2
  176. package/dist/components/{p-1842fa59.js.map → p-753658b4.js.map} +1 -1
  177. package/dist/components/{p-86737203.js → p-7550fc08.js} +2 -2
  178. package/dist/components/{p-86737203.js.map → p-7550fc08.js.map} +1 -1
  179. package/dist/components/{p-5c22b8e0.js → p-76cc6651.js} +2 -2
  180. package/dist/components/{p-5c22b8e0.js.map → p-76cc6651.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-824fd239.js → p-9166e0af.js} +11 -11
  192. package/dist/components/{p-824fd239.js.map → p-9166e0af.js.map} +1 -1
  193. package/dist/components/{p-984f822e.js → p-9204948c.js} +10 -10
  194. package/dist/components/{p-984f822e.js.map → p-9204948c.js.map} +1 -1
  195. package/dist/components/{p-f28884d1.js → p-97e22dc3.js} +4 -4
  196. package/dist/components/{p-f28884d1.js.map → p-97e22dc3.js.map} +1 -1
  197. package/dist/components/{p-fa06d62b.js → p-9bcdd1ec.js} +6 -6
  198. package/dist/components/{p-fa06d62b.js.map → p-9bcdd1ec.js.map} +1 -1
  199. package/dist/components/{p-2e0cfd96.js → p-9ffa8501.js} +9 -9
  200. package/dist/components/{p-2e0cfd96.js.map → p-9ffa8501.js.map} +1 -1
  201. package/dist/components/{p-6e5122ec.js → p-a1075237.js} +19 -19
  202. package/dist/components/{p-6e5122ec.js.map → p-a1075237.js.map} +1 -1
  203. package/dist/components/{p-4a792d25.js → p-a1a35d69.js} +9 -9
  204. package/dist/components/{p-4a792d25.js.map → p-a1a35d69.js.map} +1 -1
  205. package/dist/components/{p-2f9abfb1.js → p-a2a5e7f4.js} +2 -2
  206. package/dist/components/{p-2f9abfb1.js.map → p-a2a5e7f4.js.map} +1 -1
  207. package/dist/components/{p-7dc42c2a.js → p-a4614780.js} +2 -2
  208. package/dist/components/{p-7dc42c2a.js.map → p-a4614780.js.map} +1 -1
  209. package/dist/components/{p-7a2b6443.js → p-b1988646.js} +17 -17
  210. package/dist/components/{p-7a2b6443.js.map → p-b1988646.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-3512fe6a.js → p-b9b392d9.js} +8 -8
  216. package/dist/components/{p-3512fe6a.js.map → p-b9b392d9.js.map} +1 -1
  217. package/dist/components/{p-4bc33cfc.js → p-ba6ea28b.js} +8 -8
  218. package/dist/components/{p-4bc33cfc.js.map → p-ba6ea28b.js.map} +1 -1
  219. package/dist/components/{p-efbd2a4f.js → p-bb94849f.js} +2 -2
  220. package/dist/components/{p-efbd2a4f.js.map → p-bb94849f.js.map} +1 -1
  221. package/dist/components/{p-8f39a458.js → p-c0073997.js} +3 -3
  222. package/dist/components/{p-8f39a458.js.map → p-c0073997.js.map} +1 -1
  223. package/dist/components/{p-dee31585.js → p-c1918e49.js} +2 -2
  224. package/dist/components/{p-dee31585.js.map → p-c1918e49.js.map} +1 -1
  225. package/dist/components/{p-2b08c195.js → p-c23cde86.js} +7 -7
  226. package/dist/components/{p-2b08c195.js.map → p-c23cde86.js.map} +1 -1
  227. package/dist/components/{p-05aa3e73.js → p-c2d6384a.js} +10 -10
  228. package/dist/components/{p-05aa3e73.js.map → p-c2d6384a.js.map} +1 -1
  229. package/dist/components/p-c41f5e08.js +123 -0
  230. package/dist/components/{p-786ae69c.js.map → p-c41f5e08.js.map} +1 -1
  231. package/dist/components/{p-56e8abd3.js → p-d422d58c.js} +3 -3
  232. package/dist/components/{p-56e8abd3.js.map → p-d422d58c.js.map} +1 -1
  233. package/dist/components/{p-0aa4e6b4.js → p-d507ffdf.js} +12 -12
  234. package/dist/components/{p-0aa4e6b4.js.map → p-d507ffdf.js.map} +1 -1
  235. package/dist/components/{p-0ce9fb73.js → p-d8c97dde.js} +3 -3
  236. package/dist/components/{p-0ce9fb73.js.map → p-d8c97dde.js.map} +1 -1
  237. package/dist/components/{p-46e831e6.js → p-dd423995.js} +10 -10
  238. package/dist/components/p-dd423995.js.map +1 -0
  239. package/dist/components/{p-97116010.js → p-e48ad105.js} +4 -4
  240. package/dist/components/p-e48ad105.js.map +1 -0
  241. package/dist/components/{p-2e37204f.js → p-e7dcaec1.js} +2 -2
  242. package/dist/components/{p-2e37204f.js.map → p-e7dcaec1.js.map} +1 -1
  243. package/dist/components/{p-77171fad.js → p-ea32c95d.js} +35 -35
  244. package/dist/components/{p-77171fad.js.map → p-ea32c95d.js.map} +1 -1
  245. package/dist/components/{p-0094b06f.js → p-ec815cfd.js} +8 -8
  246. package/dist/components/{p-0094b06f.js.map → p-ec815cfd.js.map} +1 -1
  247. package/dist/components/{p-7efc9876.js → p-ed076e45.js} +6 -6
  248. package/dist/components/p-ed076e45.js.map +1 -0
  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-67d85dad.js → p-f9dbc6a8.js} +13 -13
  256. package/dist/components/{p-67d85dad.js.map → p-f9dbc6a8.js.map} +1 -1
  257. package/dist/components/{p-4db65fe1.js → p-fb97b2ff.js} +3 -3
  258. package/dist/components/{p-4db65fe1.js.map → p-fb97b2ff.js.map} +1 -1
  259. package/dist/components/smoothly-app-demo.js +87 -87
  260. package/dist/components/smoothly-app-room.js +1 -1
  261. package/dist/components/smoothly-app.js +1 -1
  262. package/dist/components/smoothly-button-demo-standard.js +1 -1
  263. package/dist/components/smoothly-button-demo.js +1 -1
  264. package/dist/components/smoothly-calendar.js +1 -1
  265. package/dist/components/smoothly-date-text.js +1 -1
  266. package/dist/components/smoothly-dialog-demo.js +1 -1
  267. package/dist/components/smoothly-dialog.js +1 -1
  268. package/dist/components/smoothly-display-demo.js +1 -1
  269. package/dist/components/smoothly-filter-field.js +1 -1
  270. package/dist/components/smoothly-filter-input.js +1 -1
  271. package/dist/components/smoothly-filter-select.js +1 -1
  272. package/dist/components/smoothly-filter.js +1 -1
  273. package/dist/components/smoothly-form-demo-all.js +1 -1
  274. package/dist/components/smoothly-form-demo-card.js +1 -1
  275. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  276. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  277. package/dist/components/smoothly-form-demo-date.js +1 -1
  278. package/dist/components/smoothly-form-demo-login.js +1 -1
  279. package/dist/components/smoothly-form-demo-pet.js +1 -1
  280. package/dist/components/smoothly-form-demo-prices.js +1 -1
  281. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  282. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  283. package/dist/components/smoothly-form-demo-typed.js +1 -1
  284. package/dist/components/smoothly-form-demo.js +1 -1
  285. package/dist/components/smoothly-form.js +1 -1
  286. package/dist/components/smoothly-icon-demo.js +1 -1
  287. package/dist/components/smoothly-input-checkbox-demo.js +21 -21
  288. package/dist/components/smoothly-input-checkbox.js +1 -1
  289. package/dist/components/smoothly-input-clear.js +1 -1
  290. package/dist/components/smoothly-input-color-demo.js +1 -1
  291. package/dist/components/smoothly-input-color.js +1 -1
  292. package/dist/components/smoothly-input-date-demo.js +1 -1
  293. package/dist/components/smoothly-input-date-range.js +1 -1
  294. package/dist/components/smoothly-input-date-time.js +1 -1
  295. package/dist/components/smoothly-input-date.js +1 -1
  296. package/dist/components/smoothly-input-demo-standard.js +1 -1
  297. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  298. package/dist/components/smoothly-input-demo.js +1 -1
  299. package/dist/components/smoothly-input-edit.js +1 -1
  300. package/dist/components/smoothly-input-file.js +1 -1
  301. package/dist/components/smoothly-input-month.js +1 -1
  302. package/dist/components/smoothly-input-price-demo.js +1 -1
  303. package/dist/components/smoothly-input-radio-item.js +1 -1
  304. package/dist/components/smoothly-input-radio.js +1 -1
  305. package/dist/components/smoothly-input-range-demo.js +1 -1
  306. package/dist/components/smoothly-input-range.js +1 -1
  307. package/dist/components/smoothly-input-reset.js +1 -1
  308. package/dist/components/smoothly-input-select.js +1 -1
  309. package/dist/components/smoothly-input-submit.js +1 -1
  310. package/dist/components/smoothly-input.js +1 -1
  311. package/dist/components/smoothly-item.js +1 -1
  312. package/dist/components/smoothly-label.js +1 -1
  313. package/dist/components/smoothly-lazy.js +1 -1
  314. package/dist/components/smoothly-load-more.js +1 -1
  315. package/dist/components/smoothly-modal.js +1 -1
  316. package/dist/components/smoothly-notification.js +1 -1
  317. package/dist/components/smoothly-notifier.js +1 -1
  318. package/dist/components/smoothly-spinner.js +1 -1
  319. package/dist/components/smoothly-submit.js +1 -1
  320. package/dist/components/smoothly-summary.js +1 -1
  321. package/dist/components/smoothly-tab.js +1 -1
  322. package/dist/components/smoothly-table-body.js +1 -1
  323. package/dist/components/smoothly-table-cell.js +1 -1
  324. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  325. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  326. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  327. package/dist/components/smoothly-table-demo-group.js +1 -1
  328. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  329. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  330. package/dist/components/smoothly-table-demo-simple.js +1 -1
  331. package/dist/components/smoothly-table-demo.js +1 -1
  332. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  333. package/dist/components/smoothly-table-expandable-row.js +1 -1
  334. package/dist/components/smoothly-table-filler-row.js +1 -1
  335. package/dist/components/smoothly-table-foot.js +1 -1
  336. package/dist/components/smoothly-table-head.js +1 -1
  337. package/dist/components/smoothly-table-row-group.js +1 -1
  338. package/dist/components/smoothly-table-row.js +1 -1
  339. package/dist/components/smoothly-table.js +1 -1
  340. package/dist/components/smoothly-tabs-demo.js +1 -1
  341. package/dist/components/smoothly-theme-color.js +1 -1
  342. package/dist/components/smoothly-theme-colors.js +1 -1
  343. package/dist/components/smoothly-theme-demo.js +1 -1
  344. package/dist/components/smoothly-theme-guide.js +1 -1
  345. package/dist/components/smoothly-theme-picker.js +1 -1
  346. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  347. package/dist/components/smoothly-toggle-switch.js +1 -1
  348. package/dist/components/smoothly-trigger-sink.js +1 -1
  349. package/dist/components/smoothly-trigger-source.js +1 -1
  350. package/dist/components/smoothly-trigger.js +1 -1
  351. package/dist/esm/loader.js +1 -1
  352. package/dist/esm/smoothly-app_103.entry.js +103 -103
  353. package/dist/esm/smoothly-app_103.entry.js.map +1 -1
  354. package/dist/esm/smoothly-submit.entry.js +1 -1
  355. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  356. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  357. package/dist/esm/smoothly.js +1 -1
  358. package/dist/smoothly/{p-68d9c9fc.entry.js → p-1591ed71.entry.js} +2 -2
  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/p-bfaa89cd.entry.js +2 -0
  362. package/dist/smoothly/p-bfaa89cd.entry.js.map +1 -0
  363. package/dist/smoothly/smoothly.esm.js +1 -1
  364. package/dist/smoothly/smoothly.esm.js.map +1 -1
  365. package/dist/types/components/input/date/range/index.d.ts +1 -0
  366. package/dist/types/components/input/date/text/index.d.ts +0 -1
  367. package/dist/types/components.d.ts +2 -2
  368. package/package.json +1 -1
  369. package/dist/components/p-03da765f.js.map +0 -1
  370. package/dist/components/p-1e58d3b9.js +0 -45
  371. package/dist/components/p-1fbab324.js.map +0 -1
  372. package/dist/components/p-44bd988c.js +0 -264
  373. package/dist/components/p-46e831e6.js.map +0 -1
  374. package/dist/components/p-68a3f86d.js.map +0 -1
  375. package/dist/components/p-786ae69c.js +0 -123
  376. package/dist/components/p-787944b1.js.map +0 -1
  377. package/dist/components/p-7efc9876.js.map +0 -1
  378. package/dist/components/p-97116010.js.map +0 -1
  379. package/dist/components/p-c8264085.js.map +0 -1
  380. package/dist/smoothly/p-41bc2222.entry.js +0 -2
  381. package/dist/smoothly/p-41bc2222.entry.js.map +0 -1
  382. package/dist/smoothly/p-eb9ae48f.entry.js +0 -2
  383. /package/dist/smoothly/{p-68d9c9fc.entry.js.map → p-1591ed71.entry.js.map} +0 -0
  384. /package/dist/smoothly/{p-eb9ae48f.entry.js.map → p-a00d7c21.entry.js.map} +0 -0
  385. /package/dist/smoothly/{p-4e31d890.entry.js.map → p-bcf83be6.entry.js.map} +0 -0
package/dist/esm/smoothly-app_103.entry.js CHANGED
@@ -2134,7 +2134,6 @@ const SmoothlyInputDateRangeText = class {
2134
2134
  this.locale = getLocale();
2135
2135
  this.readonly = undefined;
2136
2136
  this.disabled = undefined;
2137
- this.invalid = undefined;
2138
2137
  this.showLabel = true;
2139
2138
  this.value = undefined;
2140
2139
  this.parts = {};
@@ -2310,7 +2309,7 @@ const SmoothlyInputDateRangeText = class {
2310
2309
  }
2311
2310
  }
2312
2311
  render() {
2313
- return (h(Host, { key: '946b8e3e252c5d9f8f92d0df484df7eefde5bbb1', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index) => {
2312
+ return (h(Host, { key: '0e110488c4cdc730b778e048d9d0a9c190a279bd', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat$1.Order.toArray(this.order).map((part, index) => {
2314
2313
  var _a;
2315
2314
  return (h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index) }, h("span", { class: {
2316
2315
  "smoothly-date-text-part": true,
@@ -9472,7 +9471,7 @@ var Key;
9472
9471
  Key.create = create;
9473
9472
  })(Key || (Key = {}));
9474
9473
 
9475
- 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))}";
9474
+ 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))}";
9476
9475
  const SmoothlyInputStyle0 = styleCss$W;
9477
9476
 
9478
9477
  const SmoothlyInput = class {
@@ -9638,7 +9637,7 @@ const SmoothlyInput = class {
9638
9637
  this.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) });
9639
9638
  }
9640
9639
  }
9641
- } }), h("label", { key: '9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27' }))), this.copyable && this.value && (h("span", { key: '472fed6ffedddb52f3f62050d3a1efcabb66db6f', class: "copyable" }, h("small", { key: '0b31de55c8fdee49662493eedecd145265efed26' }, this.copied ? "Copied!" : "Copy"), h("smoothly-icon", { key: '1897225b26a2644967de560d09b9a69ae05c4e22', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), h("smoothly-icon", { key: '0b39d127f197daf02a4da12adcbfa590bb0ab7ba', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), h("slot", { key: '35f89df18ba1d68b987eaf7a8da3714582a2201c', name: "end" })));
9640
+ } }), h("label", { key: '9544ecc7dabdd5a7500e6cdc436a8ea811ed1dfc', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'a9ac68c9ce32a78ac549ac6ca0e5e0af61b4df27' }))), this.copyable && this.value && (h("span", { key: '472fed6ffedddb52f3f62050d3a1efcabb66db6f', class: "copyable" }, h("small", { key: '0b31de55c8fdee49662493eedecd145265efed26' }, this.copied ? "Copied!" : "Copy"), h("smoothly-icon", { key: '1897225b26a2644967de560d09b9a69ae05c4e22', name: "copy-outline", size: "small", onClick: () => this.copyText(this.value), onMouseLeave: () => (this.copied = false) }))), h("smoothly-icon", { key: '54da63747b53239c07c12c0f7b7c55d20749d24c', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'f0c938d1eac85384f527f46b58b4c8a72c68ebc1', name: "end" })));
9642
9641
  }
9643
9642
  get element() { return getElement(this); }
9644
9643
  static get watchers() { return {
@@ -9653,7 +9652,7 @@ const SmoothlyInput = class {
9653
9652
  };
9654
9653
  SmoothlyInput.style = SmoothlyInputStyle0;
9655
9654
 
9656
- 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}";
9655
+ 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>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.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{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[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}";
9657
9656
  const SmoothlyInputCheckboxStyle0 = styleCss$V;
9658
9657
 
9659
9658
  const SmoothlyInputCheckbox = class {
@@ -9729,10 +9728,10 @@ const SmoothlyInputCheckbox = class {
9729
9728
  }
9730
9729
  }
9731
9730
  render() {
9732
- return (h(Host, { key: 'bb6f4d6ec2194928ec0e7f1c2a58cce9c49ac552' }, h("input", { key: 'ccd673f8d7279a26b2d303a0c0790793697fdf01', type: "checkbox", id: this.id, checked: this.checked, disabled: this.disabled || this.readonly, onChange: async (e) => {
9731
+ return (h(Host, { key: '2a2a42eb8c63f1ad24b9b774078479cd5a4e37fc' }, h("input", { key: '49900e145ef1046655e450648bc9ae88349fbf60', type: "checkbox", id: this.id, checked: this.checked, disabled: this.disabled || this.readonly, onChange: async (e) => {
9733
9732
  this.checked = e.target.checked;
9734
9733
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
9735
- } }), this.checked && h("smoothly-icon", { key: 'c3bd2176759b4c069ba0c10d5a9bf471a47250a8', name: "checkmark-outline", size: "tiny" }), h("label", { key: '977f8c81a690951ead38770b7752b9b41f6dbb20', htmlFor: this.id }, h("slot", { key: 'ee849d646b9a22d5828283218d4cf69d0bdc44e9' })), h("span", { key: 'd014a1a601d3bd394104f9159bb3558dd8638b0a', class: "smoothly-checkbox-end-slot" }, h("slot", { key: '535f36bf90ec3183f5013ae7231ad7e323a173f0', name: "end" }))));
9734
+ } }), this.checked && h("smoothly-icon", { key: 'bc38c2014431e3be6a23f2290f332e3d199004c5', name: "checkmark-sharp", size: "tiny" }), h("label", { key: '9681ad0bca93aac955aa2f7cc6cd2dcb955fdb03', htmlFor: this.id }, h("slot", { key: 'd55f11870d92c290c5d021dd36798f8abc70e85b' })), h("span", { key: 'a047fcabde3c3de73e5c6aa9465e39055fecb679', class: "smoothly-checkbox-end-slot" }, h("slot", { key: '7c759f79f1e9f307104373861209dbcf27c5f389', name: "end" }))));
9736
9735
  }
9737
9736
  get element() { return getElement(this); }
9738
9737
  static get watchers() { return {
@@ -9792,7 +9791,7 @@ const SmoothlyInputClear = class {
9792
9791
  };
9793
9792
  SmoothlyInputClear.style = SmoothlyInputClearStyle0;
9794
9793
 
9795
- 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}";
9794
+ 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}";
9796
9795
  const SmoothlyInputColorStyle0 = styleCss$T;
9797
9796
 
9798
9797
  const SmoothlyInputColor = class {
@@ -9975,7 +9974,7 @@ const SmoothlyInputColorDemo = class {
9975
9974
  };
9976
9975
  SmoothlyInputColorDemo.style = "style.css";
9977
9976
 
9978
- 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}";
9977
+ 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}";
9979
9978
  const SmoothlyInputDateStyle0 = styleCss$S;
9980
9979
 
9981
9980
  const SmoothlyInputDate = class {
@@ -10098,7 +10097,7 @@ const SmoothlyInputDate = class {
10098
10097
  event.stopPropagation();
10099
10098
  }
10100
10099
  render() {
10101
- return (h(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) }, h("slot", { key: '6d9fd3c4c21eb854e247c9f57436b0c80ba94649', name: "start" }), h("label", { key: 'dcbfd90e319330ed9ae4c0d1d813bc2b9c9e5812', class: "label float-on-focus" }, h("slot", { key: 'fcf57fd7e6872ded6844fc335ab1b77cfe835e49' })), this.placeholder && h("span", { key: 'c12b142bebcbc9ae0e4eaf44726d638dd2687dc8', class: "smoothly-date-placeholder" }, this.placeholder), 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()); } }), h("span", { key: '65be1fedbc4e9ff4b7aae075bd958cca392fe13d', class: "icons", ref: el => (this.iconsElement = el) }, h("slot", { key: '02d2bd88b58332797b47346cc387d34e9f0d70ab', name: "end" })), this.open && !this.readonly && (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 }, h("div", { key: 'df7602b9e2ed4e0a38c26b8263e091a5a4d3969d', slot: "year-label" }, h("slot", { key: 'a101177668b137a89e6af63a5302322cdf8a3750', name: "year-label" })), h("div", { key: '5bbba9b6a83438d467699324efd1ffcbd0e9fd57', slot: "month-label" }, h("slot", { key: 'e7e86ae5d4cea5fa80b934ab8e01ffc33fc9a132', name: "month-label" }))))));
10100
+ return (h(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) }, h("slot", { key: '49ef1f548c26b53a599ada5b9ea6dcc8a6ab5c1d', name: "start" }), h("label", { key: '005270d93bb5062e842a533032eb485d3eb75fa2', class: "label float-on-focus" }, h("slot", { key: '4283b716b155399df0744d2208149c48b101144f' })), this.placeholder && h("span", { key: '6a6dbb4f1208f72b2dad7bcda75495064bf88621', class: "smoothly-date-placeholder" }, this.placeholder), 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()); } }), h("span", { key: '892e840d96de7ddbe5684b0c6b51e7af28ccd3a0', class: "smoothly-icons", ref: el => (this.iconsElement = el) }, h("smoothly-icon", { key: '1547a37fed6444ca643c107a0dd9080ab25d06a7', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'cec768b1f59d4a094cb47541dd067c787246bdad', name: "end" })), this.open && !this.readonly && (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 }, h("div", { key: '40a27656038a1c7de75142aa1ec0f240d59ca55d', slot: "year-label" }, h("slot", { key: 'c6b4bd2abac14660eb6aab6607725c0a0f9a87c2', name: "year-label" })), h("div", { key: '58e144fa186a2a3564fec4724c3e11bfe86d3fc0', slot: "month-label" }, h("slot", { key: '210710a44c6272138e547a6abfaaf89a629cf2fe', name: "month-label" }))))));
10102
10101
  }
10103
10102
  get element() { return getElement(this); }
10104
10103
  static get watchers() { return {
@@ -10120,7 +10119,7 @@ const SmoothlyInputDateDemo = class {
10120
10119
  this.alwaysShowGuide = false;
10121
10120
  }
10122
10121
  render() {
10123
- return (h(Host, { key: '191fe0a37d160b07317f1585c0a0b6d09c22983e' }, h("div", { key: 'c289398819d08aa6e608bf1e98d9149f7b981de7' }, h("h2", { key: '8c0875cfe6af62e2aefb1faba9185a6f1813cc58' }, "Date input"), h("p", { key: '7908bdc75aabfe06fa926e53cd9c854b3437c44c' }, "Different locales formatting the same date"), h("smoothly-button", { key: 'f4d9f68bda448d5e6dc7f6f61d124c94b24a5573', color: "primary", onClick: () => (this.date = this.date ? Date$1.next(this.date) : Date$1.now()) }, "Set date"), h("smoothly-input-checkbox", { key: 'fb3f1a290a0bae953e5365d5c9e96b989dde94ee', looks: "transparent", onSmoothlyUserInput: e => {
10122
+ return (h(Host, { key: 'c068de4474fb2f05836bf6e6710f066dda7a510b' }, h("div", { key: '3ae6ca903937ca6f78dee781cf82c22702d66cbb' }, h("h2", { key: 'f1207df3dde7aa2eb45ec5165a560ea847360795' }, "Date input"), h("p", { key: '4a87c470fd341309326106cc873adeedc0d49799' }, "Different locales formatting the same date"), h("smoothly-button", { key: '7a821e84182e54f7d53830be10742c3f31928c24', color: "primary", onClick: () => (this.date = this.date ? Date$1.next(this.date) : Date$1.now()) }, "Set date"), h("smoothly-input-checkbox", { key: '09d7fefcd06b39dfb7f17938afdf7a573de3e8b5', looks: "transparent", onSmoothlyUserInput: e => {
10124
10123
  this.alwaysShowGuide = e.detail.value;
10125
10124
  console.log(this.alwaysShowGuide);
10126
10125
  } }, "Always Show Guide")), ["en-US", "en-GB", "de-DE", "se-SE"].map(locale => (h(Fragment, null, h("smoothly-input-date", { locale: locale, name: locale, looks: "border", value: this.date, alwaysShowGuide: this.alwaysShowGuide }, locale, h("smoothly-input-clear", { slot: "end" })), h("smoothly-input-date-range", { locale: locale, name: locale + "-range", looks: "border", start: this.date, end: this.date ? Date$1.next(this.date) : undefined, alwaysShowGuide: this.alwaysShowGuide }, locale, " Range", h("smoothly-input-clear", { slot: "end" })))))));
@@ -10128,7 +10127,7 @@ const SmoothlyInputDateDemo = class {
10128
10127
  };
10129
10128
  SmoothlyInputDateDemo.style = SmoothlyInputDateDemoStyle0;
10130
10129
 
10131
- 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}";
10130
+ 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}";
10132
10131
  const SmoothlyInputDateRangeStyle0 = styleCss$Q;
10133
10132
 
10134
10133
  const SmoothlyInputDateRange = class {
@@ -10154,6 +10153,7 @@ const SmoothlyInputDateRange = class {
10154
10153
  this.placeholder = undefined;
10155
10154
  this.alwaysShowGuide = false;
10156
10155
  this.invalid = false;
10156
+ this.errorMessage = undefined;
10157
10157
  this.max = undefined;
10158
10158
  this.min = undefined;
10159
10159
  this.open = undefined;
@@ -10264,15 +10264,15 @@ const SmoothlyInputDateRange = class {
10264
10264
  this.smoothlyInput.emit({ [this.name]: undefined });
10265
10265
  }
10266
10266
  render() {
10267
- return (h(Host, { key: 'e679040ae05b729f921a4ee33f0d8080e6dcff73', tabindex: this.disabled ? undefined : 0, class: {
10267
+ return (h(Host, { key: 'bbd0061d58c05a4345334baaaeca940227cd2439', tabindex: this.disabled ? undefined : 0, class: {
10268
10268
  "has-value": !!(this.start || this.end),
10269
10269
  "has-text": !!(this.startHasText || this.endHasText),
10270
10270
  "floating-label": this.alwaysShowGuide,
10271
- } }, h("span", { key: '459c0e53a0f225c2a3c6f2b283e0af03a178e99f', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, h("slot", { key: '9919d8355ce88285435e525c1b697ddf4f6cec77', name: "start" }), h("label", { key: 'd84eb3506216d16187c3a61ea260941c17bfd22d', class: "label float-on-focus" }, h("slot", { key: '6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a' })), this.placeholder && h("span", { key: 'a46d828926e3e41dc4557acecd597655f0772f41', class: "smoothly-date-range-placeholder" }, this.placeholder), 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 => {
10271
+ } }, h("span", { key: '050825ab344dddf2cd42b8a4803e768c77c3e391', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, h("slot", { key: '79ba124369fc05ac6b44e6453a405e4796965753', name: "start" }), h("label", { key: '61d831437f5d0667f0a17c7893501a3ebda17797', class: "label float-on-focus" }, h("slot", { key: '82a0b21d0404862adafc65e748a3074ff95e211d' })), this.placeholder && h("span", { key: '6d5392503719f032db0af3afcebaa83e7bcd0d24', class: "smoothly-date-range-placeholder" }, this.placeholder), 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 => {
10272
10272
  var _a, _b;
10273
10273
  return (e.stopPropagation(),
10274
10274
  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());
10275
- }, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), h("span", { key: '8202a1af32cb67caf4cabddbaf80f2775f34277a', class: "smoothly-date-range-separator" }, " \u2013 "), 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 })), h("span", { key: '422516b5f919cf0c9cd0b5480e2b4a506894d01b', class: "icons" }, h("slot", { key: '6083b435efed3bbc24239ef4a67a8a7398544a76', name: "end" })), this.open && (h("smoothly-calendar", { key: '3cd38d0d77157e4e4b9b09969ef0e6313acf9e7c', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
10275
+ }, value: this.start, readonly: this.readonly, disabled: this.disabled, showLabel: this.showLabel }), h("span", { key: '91e7abb073b317256fc479c8c017f3c3faadd361', class: "smoothly-date-range-separator" }, " \u2013 "), 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 })), h("span", { key: '9be6f78d5819a47ba7a4ac0783a72d78d1b34e28', class: "smoothly-icons" }, h("smoothly-icon", { key: 'c7ac5b9f4be0995d87cbf6c63748286aa67023f3', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'f4a9945c3c610b424d6322089418b5568677819e', name: "end" })), this.open && (h("smoothly-calendar", { key: '3c1362fd0cb8bce55f7c154b21f8dea1b5f9b61c', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
10276
10276
  e.stopPropagation();
10277
10277
  this.open = false;
10278
10278
  this.start = e.detail.start;
@@ -10292,7 +10292,7 @@ const SmoothlyInputDateRange = class {
10292
10292
  };
10293
10293
  SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
10294
10294
 
10295
- 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}";
10295
+ 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}";
10296
10296
  const SmoothlyInputDateTimeStyle0 = styleCss$P;
10297
10297
 
10298
10298
  const SmoothlyInputDateTime = class {
@@ -10407,30 +10407,30 @@ const SmoothlyInputDateTime = class {
10407
10407
  this.isDifferentFromInitial = false;
10408
10408
  }
10409
10409
  render() {
10410
- return (h(Host, { key: '4a9bc8cb5a9617237b63cff35930d693dbf11d1f' }, 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) => {
10410
+ return (h(Host, { key: 'dfe907fcfa381ced449f8599d9e4fda5c856eaae' }, 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) => {
10411
10411
  e.stopPropagation();
10412
10412
  this.date = e.detail.date;
10413
10413
  }, onSmoothlyUserInput: async (e) => {
10414
10414
  e.stopPropagation();
10415
10415
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10416
- } }, h("slot", { key: '8fc841cb3735e2b4e2e13fc974dde4d4271e0627' })), 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) => {
10416
+ } }, h("slot", { key: 'dd3e2f7346d85cb40aa9e55f9810d16f202c9ad5' })), 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) => {
10417
10417
  e.stopPropagation();
10418
10418
  this.hour = e.detail.hour;
10419
10419
  }, onSmoothlyUserInput: async (e) => {
10420
10420
  e.stopPropagation();
10421
10421
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10422
- } }), h("span", { key: '79c8a593aea2d4bead18363b41264d3ce1205bd8', class: "colon" }, ":"), 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) => {
10422
+ } }), h("span", { key: '4841336ee3c712551284b0ce21c65e5e196fee63', class: "colon" }, ":"), 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) => {
10423
10423
  e.stopPropagation();
10424
10424
  this.minute = e.detail.minute;
10425
10425
  }, onSmoothlyUserInput: async (e) => {
10426
10426
  e.stopPropagation();
10427
10427
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10428
- } }), h("span", { key: '4bb9c14d94c8e2e9e9dbacd01eff9d69023a732a', class: "icons" }, h("smoothly-icon", { key: '8be49066019b25edd9d8c98e453b91fe55ba862c', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'a6dce3592939a8444cd81b5f8733e24db3c1119d', name: "end" })), this.open && !this.readonly && (h("smoothly-calendar", { key: '9b5b104ea97c56efa6aceed6faacfd4e50e934e7', doubleInput: false, value: this.value ? DateTime.getDate(this.value) : undefined, min: this.min ? DateTime.getDate(this.min) : undefined, max: this.max ? DateTime.getDate(this.max) : undefined, onSmoothlyDateSet: async (e) => {
10428
+ } }), h("span", { key: '223cf45b747be3ebfa0156dd36dd66e3c448625b', class: "icons" }, h("smoothly-icon", { key: '0ec6729a28506735d0b6527c8a911fd6364b6dd2', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: '933d0cafac824593cc94f70aa0ba3cd73919dd4a', name: "end" })), this.open && !this.readonly && (h("smoothly-calendar", { key: 'c5bd26b468cd20ee59a688651d1c6ad9134230f6', doubleInput: false, value: this.value ? DateTime.getDate(this.value) : undefined, min: this.min ? DateTime.getDate(this.min) : undefined, max: this.max ? DateTime.getDate(this.max) : undefined, onSmoothlyDateSet: async (e) => {
10429
10429
  e.stopPropagation();
10430
10430
  this.date = e.detail;
10431
10431
  this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
10432
10432
  this.open = false;
10433
- } }, h("div", { key: '326cfb1f0feb1c656b4a2c5acd61e426710c2d28', slot: "year-label" }, h("slot", { key: 'fbad1dfc2c2a74aa8281720c08ef4cc900209171', name: "year-label" })), h("div", { key: 'b8c65f212912c2306d21764ce2a32056fa0b12ed', slot: "month-label" }, h("slot", { key: 'ffb2c1b1a71a2eb0af33dd9b52862d76851f63e0', name: "month-label" }))))));
10433
+ } }, h("div", { key: '6ea97bba904c1827255994a29720cbc9858cc934', slot: "year-label" }, h("slot", { key: '551df51c20634b4931df4bcf9985a1a546db050d', name: "year-label" })), h("div", { key: 'b189e5e98136e176dbf3e0c6f4f697ac51e2d181', slot: "month-label" }, h("slot", { key: 'e8f95beeff25ab4315dda02a06a362f79e89166b', name: "month-label" }))))));
10434
10434
  }
10435
10435
  get element() { return getElement(this); }
10436
10436
  static get watchers() { return {
@@ -10457,14 +10457,14 @@ const SmoothlyInputDemo = class {
10457
10457
  this.alphanumeric = "!@##";
10458
10458
  }
10459
10459
  render() {
10460
- return (h(Host, { key: '7f574c5c82806c7ee00a06c793b883984cf6a317' }, h("smoothly-input-demo-standard", { key: '7776c856dfbc7795c37b12f4e1ccff9a58a53f02' }), h("smoothly-input-date-demo", { key: '8695fac1f681495d23a203f0c1e658369a5208e5' }), h("smoothly-input-demo-user-input", { key: 'a6b2084ab3bb40d10b12807cbfa18ec4aa8c80a5' }), h("div", { key: '50487efa2c862624ce4738c461878b38efcbb8f9', class: "inputs" }, h("h2", { key: '48456a442136dcf27f068d619a4648f21231d4df' }, "Calendar"), h("smoothly-input-date", { key: '4ea9c301b995bd9ba221deec879a46c4fca68b5b', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '0e87054e90eba9ac97cdcd48cdc2094deb765efb', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: 'c7967bf8213f8e987ee1350ac4b86bbddd4794bf' }, "Date Range"), h("smoothly-input-date-range", { key: 'c5aee42f2de2c7da2b95e724e4e545e5459f7ca6', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '1371f956391aa79369174d3bfc22bdb5ee5cf996', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'd1b12734f006eaf59d8543c0578539f67245e0f7', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '23306a5a8f414e14691e9fa39c9282dfc6ae3d1d', looks: "grid", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
10460
+ return (h(Host, { key: '5f019200ffb73914d8a0e339edbc73d81e970a9c' }, h("smoothly-input-demo-standard", { key: 'f16268d1970e556b2a95d99d31658dee355c04f7' }), h("smoothly-input-date-demo", { key: 'a44afc5f6b0d4cfa325f77a8ef608f8413c8220d' }), h("smoothly-input-demo-user-input", { key: 'ca7cc385fc11f6e6f09170a6168ec1e8b0d94f5b' }), h("div", { key: '39a7301f0206aa1dd7337ace0d8625c3eee4e628', class: "inputs" }, h("h2", { key: '883dc3d0147791ba459faaf5e5c249402f2f9723' }, "Calendar"), h("smoothly-input-date", { key: 'c1aa37b5f2e90fb7444bfef49684eea63ca455c6', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '76560fb6c917be8ac457512cc06b969bd65e1d74', name: "someDateTime", value: DateTime.now() }, "DateTime"), h("h2", { key: 'ee8591a21dbab832d7ec9dfa7f7aa6bb542cecde' }, "Date Range"), h("smoothly-input-date-range", { key: 'b29e89f188e2f0e77c2b794b3dcc3b5591670dc3', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '4c7ea4085d281e156f76d2301f197222cff8f89d', name: "testing", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: 'c44f4e4f7cc20e963d8367200a706890d56ee1f9', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: '6e3198f5ae3771668a2832a2ed755c87d7642baf', looks: "grid", start: Date$1.now(), end: Date$1.nextMonth(Date$1.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
10461
10461
  "--smoothly-input-border-radius": "0.5rem",
10462
- } }, h("smoothly-input-clear", { key: '1774cefd3304bfa5c283a10cc44d85f6fe1eacc2', slot: "end", size: "icon" })), h("h2", { key: '7dc7b7271a81cd121f10fa61e28e88eaa037af3e' }, "Date"), h("smoothly-input-date", { key: '17b588159bde4dfbf0146ac942fa235d8d998688' }, "Date"), h("smoothly-input-date", { key: 'b9445869f64033bac130b0b0dca501752610af95', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: 'f34cd3598997c242ddb6b76698f7f821a601674e', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: 'a46fc2210b837bebdc3cc7a27b07067e0a679476', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'a3811bb817fbdf3d28474494b8a7dffd71fac67a', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '0499c2a7c5434ed716ad1ef87c2786609d94e97e', slot: "end", size: "icon" })), h("h2", { key: '683a2678f46ad1989cc4dd2edef990430beb547c' }, "Select"), h("div", { key: '682acef1f140100dd2e985b6899b89e4914e771e', class: "select-div" }, h("smoothly-input-select", { key: '2e38d749bf959df4d3ced73e8e9d59b8e3d38a4e', name: "select-dessert", looks: "border" }, h("label", { key: '01432777fc4d5bbdde9c83e24015513b6c14016f', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '0f53eaac56e52386945622443068d6769f57b382', value: "1" }, "Ice cream"), h("smoothly-item", { key: '4ad0fee8dade01fd46c1c97397bebb9183385562', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '67fb0107c5cd4294725f6a8399f5c93d589ee717', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '422b942a8306f00eb5cff7ef79d81ecf57033291', value: "4" }, "Cookie"), h("smoothly-item", { key: 'c77baa484e234d42d66c0e2a436f5ecdd7510b33', value: "5" }, "Croissant"), h("smoothly-item", { key: '36f84fdd871d2b8b7b89df7da54d07883c052282', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '1b6ab234c1c7c58bb065165373947f922ba466b4', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'cc2452592ab8c6b99b9630f9e464128c4a464350', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '9172fbe566574d3a6376d69dec7a5d6b50834633', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '75f90ab0248783d98e5fabdbcca908da69b1af21', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '91adf3c9485a41aed6a5acb6edad6a76c91e13b3', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '3dc66017de31e85c8d9ea8a5127a1cb2b7760071', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '733bd688bde445381df687fd17fb0d8a0ed8bf3b', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '1425d34d36caa1cb8bc15307110b4c5dfda7c2d1', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '5ac44d62a99fa114f404edc847b645305f4ea42d', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '79fb109059a58e0f50f525f4437639c621b83b06', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '33400cbca7257a35b9c931e046c51c18e50c9b55', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '0b394b9204545e7fe0ea938127c6cb625eaa919e', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '8643b17c6b78739ce7c41737fd7ee764f4933c0d', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '1c6f7c00f1c21a3be1a8390a28306a5720982eae', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b07f756a35e549b77e50be75f3a5e2fafc2b3099', value: "folder", selected: true }, h("smoothly-icon", { key: 'c50555d5282480fd507d55311bbfe0723dd03d53', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '6fa0811cc61e90332301cefcb2688ff27e31019a', value: "camera" }, h("smoothly-icon", { key: 'ab64f6988bb978556353d6d0097617d526ac304c', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '7a844e5cf695497cc30429d3e0bfb51cf30017ce', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '3b319069eb3dd5c5c7270acf6e16b5a3b7655dbf', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
10462
+ } }, h("smoothly-input-clear", { key: '547a2241dcebb2e522a753e206b086ee7d0c030f', slot: "end", size: "icon" })), h("h2", { key: 'f30e2988756470afc85639157086912659688342' }, "Date"), h("smoothly-input-date", { key: '140b61ddfb8f04dc67468261001848cd86691f31' }, "Date"), h("smoothly-input-date", { key: '4a37677e60bd1dfec9e627d7360f3882546a41f2', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '2c9d4de1f088fc2b907117c9d6e5be201af629a1', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '8ebb730919327f7dc1216f9c83d3343f120ad640', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '4d3a802451ae4c5398cbb2efe1ded08b612e2658', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'f6ec39b73c9d25687afb4ed9d7cc40a369e12f8c', slot: "end", size: "icon" })), h("h2", { key: '5d18e14accf8dd184cb94bf00c7da7d4c42a566e' }, "Select"), h("div", { key: '26f0b5585a109606ac218a9ad07b4252d818d2fa', class: "select-div" }, h("smoothly-input-select", { key: 'c64892d456dd9937f8aa6d53dff41664be73eefc', name: "select-dessert", looks: "border" }, h("label", { key: 'a3ce5390a3d1e02f3527727bf92d132d279fa759', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '76a141336c6715e7e76bc1006a14eeb32113838c', value: "1" }, "Ice cream"), h("smoothly-item", { key: 'f35923cfa15eaadca19db2e2cef4cc32538d2945', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'c34fc7990be5edc0e7d01ed6f2af689c828f8a4e', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: 'd95a6d99474ef1d778c0265562380d0c769fc18a', value: "4" }, "Cookie"), h("smoothly-item", { key: '6f4a463efd3d27ec72570cf33fca47413eb6748b', value: "5" }, "Croissant"), h("smoothly-item", { key: 'd8aae0f23a5c34752030e7b40471546af7c1e45e', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'fc62c8377441f5a189ea014ee8fd0b608b1f39c7', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '6ac6ee444ad5267bc09bbad24fde62df8a0a027a', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '5fc0422252ffcc6bd0b89b48a5b04ee69a7612d3', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '73996e89caeddb451b306077c1be23063f122c54', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '75b4340f15dfa06b0442365cdbe8ff7a5f919abb', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: 'c0177aeb9d0138c545903c68362a490ce1668cd5', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '23b600a3ffc64b43cbcddbacb251c106051969c0', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'e992ccec00f690068c6a4cd4d93b48c89465eba9', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'a3d784bc0b82dadf61d70765dc15a066e6cadcb9', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'e6e0e3a15ec1248becea46e2eb62c14ee2b60d9a', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: 'bd575ea4c3ae3be345809a88d897f58d1ebf9caa', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '7259f513e55abae682e088e08768dca5fbeabaf5', value: "manatee" }, "Manatee"), h("smoothly-item", { key: 'b6b71ff79b1e45123937107f89417d7695e7de2a', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: 'b52b8e53ea85c146d84aac164d90ec29aa9ceaa3', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '7c94fb6489049e58d290c010781f59092b7ce814', value: "folder", selected: true }, h("smoothly-icon", { key: 'b8cc0e8237199235b2988b6ed89f25032e1bb6b6', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '5c8dc1099a6feb05c982b3fa7f781658673fd81c', value: "camera" }, h("smoothly-icon", { key: 'b41c0705295c42e08a13e8799c50294112954645', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '6c8463781d3eaf86b3920606ec9fc238569b91ed', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '9d16ba20e1a14f8173bdf267b1b49e4ea090762e', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
10463
10463
  .map((_, i) => String.fromCharCode(i + 65))
10464
- .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: '24aa969e8e2608189b3c443e09ef3fa98c9feedd', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '9c9c9e0d707a6f96fcba1b686873a9010be75a7d', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '0b6387482d71923df9e0b9d717d3ba88d8c98bd1', value: "1" }, "January"), h("smoothly-item", { key: '0947d179f35c567b557bda9dad655a8e25f6dd25', value: "2" }, "February"), h("smoothly-item", { key: '38daf41ad88e97e0852f296df2e5489948fce0f8', value: "3" }, "March"), h("smoothly-item", { key: '9ff729a187a5df043428043439a5f09ecc7260a4', value: "4" }, "April"), h("smoothly-item", { key: '71719ee81658c4897712459e3165accde7765bb8', value: "5" }, "May"), h("smoothly-item", { key: '7e917da27127b438a7de7d3c8e0aa3dce4eb2d72', value: "6" }, "June"), h("smoothly-item", { key: 'b70be51c019bf2f8dcf3e9e06168ac024b0a1c0b', value: "7" }, "July"), h("smoothly-item", { key: '32b97c0167a10cee962e417018b829723671ad50', value: "8" }, "August"), h("smoothly-item", { key: 'd54ca3fbb8cc3e1d68f9f68b9dbd4d432473e920', value: "9" }, "September"), h("smoothly-item", { key: 'd2209e23a9b8db4ea2281421dc108b177e1c04a7', value: "10" }, "October"), h("smoothly-item", { key: '73621556ac499b85857df738fc3bf1850cd4f964', value: "11" }, "November"), h("smoothly-item", { key: 'c6793237c76e6a26e374198ba2bdcdf9e8643251', value: "12" }, "December")), h("div", { key: '099d5c7456bc5836d7f0f2a840eb70ae81237f5a', class: "select-div-row" }, h("smoothly-input-select", { key: '804cf7f085aef7513ef3b76057af284dabab699c', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '830e7259b185f6f5e4df5f31545063549c2a69b2', value: "folder", selected: true }, h("smoothly-icon", { key: 'abe9cdf7e8096b1b317bb6c62a9b274271479391', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '01607bfabfaa6df288dfd242c90e41af8e4fe5b2', value: "camera" }, h("smoothly-icon", { key: '71481f1e468a8e3dde815421f18ec6ee94ed7384', size: "small", name: "camera-outline" })), h("smoothly-item", { key: 'a059b96cdc6c6d7df8ca5185b81d53680c635b22', value: "boat" }, h("smoothly-icon", { key: 'ebe1246148aa4df73a62461f885e4b846e502836', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '3eed3dc23316f18ab61b20a17ef3a602b8ebe7f2', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: 'bcfcc36500f746e17649c9ad9a553b88dc0823dc', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: '041402c92d6c43264d811dccc9b8ab6004a42792' }, "Duration"), h("smoothly-input", { key: '451397df5c93c9bc71b5a13aa5a3d40e6e7dd42f', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '6fb8b8e8ea5b94a5fbdcca74b3852b75ef477a7c', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
10464
+ .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: 'f749886bfd3754449169b344a9a4ab667307cf7c', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'e764c3fb77af1bec66d25ceff68e056b71abab1e', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'f172bc9c83f9fe7ce5b9ecfea0044b75f56ed10d', value: "1" }, "January"), h("smoothly-item", { key: '96c7595c00c25af2268bb7c43a169d5393144ad7', value: "2" }, "February"), h("smoothly-item", { key: 'e21579e7624e69694d9d0f6983745bbd60ada2c4', value: "3" }, "March"), h("smoothly-item", { key: '275520d42fdd32638a056f2f2741dfe6d6ddcba8', value: "4" }, "April"), h("smoothly-item", { key: '82dd67d7d0d924e4de33e94d71649e26a09301d2', value: "5" }, "May"), h("smoothly-item", { key: '5cffa58de361f051701c3c3186796044f2161e12', value: "6" }, "June"), h("smoothly-item", { key: '0e77770c31ca08b02e9e3a83c6fff8d63883133e', value: "7" }, "July"), h("smoothly-item", { key: '9b5f73a28821e01f38f0053afe61fa1dede0d696', value: "8" }, "August"), h("smoothly-item", { key: '72476538eb178c1bf95959b00309404743a876b0', value: "9" }, "September"), h("smoothly-item", { key: '902a7c0912d452e45c82fea0d4a6d1a3295f198e', value: "10" }, "October"), h("smoothly-item", { key: '3a2c03804a5c7e3e167c5a2bbbde56dc8bc53968', value: "11" }, "November"), h("smoothly-item", { key: '989625138eed54605bac3166ef79917a4f79d8e0', value: "12" }, "December")), h("div", { key: 'ff78ad753dd34cecc701dfed050fbc58136d3eb5', class: "select-div-row" }, h("smoothly-input-select", { key: 'e5cfa6982c81566a19d49f5fbb788588685ab8a7', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '9d44c2ca9c8125a15852b7178eb68efbe2df4f80', value: "folder", selected: true }, h("smoothly-icon", { key: 'f896c293cdfbe9338e43a6f59be3b7296b02e0cf', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '8a4b9ef5168ca626ab3cbdfe1e49247cadf57fd4', value: "camera" }, h("smoothly-icon", { key: '1abb3aa62a61bcef158615aec38b48b7eef887ea', size: "small", name: "camera-outline" })), h("smoothly-item", { key: '1757bb28f76cd58f463d862465f06c9200fcab1d', value: "boat" }, h("smoothly-icon", { key: 'd918ab79c5b3317df75a05af3ab30a5547ab14b3', size: "small", name: "boat-outline" }))), h("smoothly-input-select", { key: '6a9a8a49d2229b485811c507d293a0d6ee9a768f', name: "select-number", clearable: false }, this.numbers.map(number => (h("smoothly-item", { value: "number", selected: number === 3 }, number)))), h("smoothly-input", { key: '03c5c0848a8c0030356d4a6d64e4285fbde85335', name: "name", value: "Sten Qvist" }, "Name"))), h("h2", { key: 'd0b1453dddf39408485b5a176bcee83b8c522887' }, "Duration"), h("smoothly-input", { key: 'a382be10eadad72c9cfe8853207e8874086200b9', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: 'f1fb79191017592953dcd1665c184ec22d04723a', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
10465
10465
  const duration = e.detail.duration;
10466
10466
  this.duration = duration;
10467
- } }, "Duration"), h("h2", { key: 'a47dea26355bddf40255f0a88f72381b15b6fd39' }, "Integer with Min/Max"), h("smoothly-input", { key: '5708f669787dcfbe8fc18cd20ce1f43903331b3f', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'ba607eca48fd5d5c54da40c56f58f88b429a11c9', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '3899120a4588724eb5486c713e6b3592f9490106', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'a83a35c1ddabdfe8338e5daa270642cd9a00cd7a', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '69838545fe489b84e54394656f3fec9993214768' }, "Invalid text with warning icon and tooltip"), 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"), h("h2", { key: 'd55229c36af45dbeab240431c674fd1fee27b49c' }, "Identifiers"), h("smoothly-input", { key: 'd7abf3ed7f1d633e0ba5abe6673a6e634a896738', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '8d600bc128529a9a6091fa18f0bea9bed1a74d7a', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '85a4a2f01be2b3fd39014833fd495958866838da', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '035f5f628c25f3d0398c9e8dc10390e5dacc0024', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '673f91b6cae1ba8b04b496e20e58d1a4d1c92965', type: "identifier-camel" }, "Camel"), h("h2", { key: '85a4af61aca5745d0125fb8305a8f640c0b5cdf1' }, "Input Alternatives"), h("smoothly-input", { key: 'e4b05f18bb44d4c7b9fdcef83551d9f8c591274b', type: "text", name: "name.last" }, h("smoothly-icon", { key: '2bdcd29f5ae945c37f5a7bb6e5587759bc567351', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '7b17f499a2061624e34fe89fb81d6cfbed54ccd6', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '58041447b7edc6ee18d0f4752c7efaf6767ad2af', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '70d890653d67ad30256b754bdbe3ffd0a5699044', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: 'a1836734b16b3cccdbc0af9b0d894ed478d45e0d', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '6c2a657437514116b1ae60210b289004b2e6a956', placeholder: "test" }), h("smoothly-input-submit", { key: '8e686ba1a74b8f9d85cc6778a314c793946d248e', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'a5b71808338b0ae5f06806bcd97142581a2a11f9' }, "Smoothly checkboxes"), h("div", { key: '309b348a380979cd64fdab4a66fd302a48b12b6f', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: 'efcc143919480eb5901b12800f01ea4847a2df14', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: 'a8835c00691583079ff65b59f750f59d470538c1', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'fefb3a5f492b1d39993ca89fc265b9312d0a75cb', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: '916895ae8d167ad667109ea5a94ce72131e03cb6', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '26f2c7dccea2f4eb93fe8c82bd9291b2bc139c19', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5c71f635dd09d730ba6048bbc4bdf3d40de58a05', name: "third-checkbox" }, "3rd")), h("h4", { key: '24380ae0e1f791eef55523ae58f818286b1414cf' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '376572dae3e2bb0dce2a68fe3503277a0681079b', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '149759fd8c4d501ad96744e01701142face0d6c2', name: "checkmark-circle", slot: "start" }), h("label", { key: '2032d793fc1c94de9cb856c06c64d0b03e6f77cd', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '50ccd0ae9fb6dfab3a27b574f7bee10ec96089e8', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '2f52388467ff677b40de490648d2c07cc3ee3b30', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'b2dee0bfdd05ccfff9995011e5cef0663241a214', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '3d990b0e3d8e629f00970acf2c8d1e30a79e4966', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '9f56ea2525dd6bc4a6a889b170f49b79542dd590', name: "radioSecondInput" }, h("label", { key: 'dac6544a61c1f064360e5dd2b5520f63e2cc3938', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'c4b32f24642b851f6b8da9c65df85df4294c598e', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'ca04462b6e8866f76edd48dcaac734b90f0a9b75', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '6fa1b64cac9e953977a12687fa14a7218789f79c', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '4e32b3131c7becffb45d63a70926b8b0c2e1627f', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'a841d0bf0bdde25c84b224e9d77fab3e7db2898c', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: 'f5bf467213cdc73642fcfd2278ee8b963c1c1bc7', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '7c617d877ef45d0bd9a58066d3d185ae008f2eef' }), h("smoothly-input-color-demo", { key: 'ea9a64faece9ecf51e9d0f8e798f78d92e0590c3' }), h("smoothly-input-price-demo", { key: 'cc124983e4ca6aea3b925e2b229fcaac03565501' }), h("smoothly-back-to-top", { key: 'b01d5285d4fbf07edc5e955faa214f1fd40fd5d1' }))));
10467
+ } }, "Duration"), h("h2", { key: '2224e744be0dfb8192386f2a08a944d319600280' }, "Integer with Min/Max"), h("smoothly-input", { key: '26fcb9bf164da2f83a100386808cfd5727175bf4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '8ee501da3fc758cc2970b0b93182d3e1c5729c02', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '80d4edeac02fd8226a04212c42e8e785481b5872', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'a8498e8f85c87ba9ced9ccd6a1f5e994799a107d', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '6dd77fb677d000d2e382349327c2e5c6ee67e7c5' }, "Invalid text with warning icon and tooltip"), 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"), h("h2", { key: '83b8dc8ac743fa72c6f334f809684b1f6a0bf5c7' }, "Identifiers"), h("smoothly-input", { key: 'a65c59a558437c6e18cd4740e9df94a3c257c2cf', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '631abd7edb6960a18119c16574d371c08260fbfc', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: 'df16676d899bfde4a1468c96bb12449dde851cb4', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '2a64b770bbec79eca0afa7fdb363760c42ce01b6', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '7487ce186a7e38c04b55aa452c6efbb868619e33', type: "identifier-camel" }, "Camel"), h("h2", { key: '6e3d06ad450ff223e25e8fde16ac44625efbcfd7' }, "Input Alternatives"), h("smoothly-input", { key: 'f66b54779f289ff921bfb305098656faf1ef5967', type: "text", name: "name.last" }, h("smoothly-icon", { key: '07b6499f636deaf6d0fe4a46814b592ec7aadf1c', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '990c5c1602ce9a96d364ff6e30185acf9c870f0f', type: "text", name: "name.first" }, "Last Name", h("smoothly-icon", { key: '5b0490071861fdcb1000a1979ca576f66f1858c0', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: 'bf9b628ab1fe912c360105287058e091a4647240', type: "text", name: "name.first", placeholder: "Smith" }, "Last Name", h("smoothly-icon", { key: '4f4bce884b2f7d47754cfdb011df5435447b2ae7', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '0b5cd956e484c88b15a3d62c35fc7fd4dd0d46bc', placeholder: "test" }), h("smoothly-input-submit", { key: 'e667a4ffaf75260cc48ee2b22cc7404c1d73bc64', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'ecc157d150a1a5ad20f4df5e3d64d80b5a795008' }, "Smoothly checkboxes"), h("div", { key: '2aea2e75fc8f35670aa648556b5e30b5d8a5bc04', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '472235084f00c44cf3118b317e6579fd43dcfa9d', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '8f45a77effb835175ffba253261912d0b53ee43e', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: 'd7f5679aa180f8ca024addc3d40eaf7c565fe5d0', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'b6207c3257b127a68a434d38c075864a3a2149ee', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'bb0c7222fd9d7e808f87b6d35a6bcd599b123b96', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '5afcd1594a3c265107fa3ebebe191c2f82c30e55', name: "third-checkbox" }, "3rd")), h("h4", { key: '17957a312e3828b147be247315def9605f0185a9' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: 'a147903f974a4f763d17d252ccb51b3678ad75ba', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '8367aa48afb43583bdd9b0f7c61ef2bcd5cf1b1d', name: "checkmark-circle", slot: "start" }), h("label", { key: '6bf97cf9f4887f214b86d158bf2b352a1363bd34', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '2d1760ef0822651b4d89fba9344853c260aadcaf', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e4642d09304e4976e6054b87911ca2ca6f386e19', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '50751bc9df8acb5c8c379274fea8bb977198e100', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '57a73175ceeedf91dab52933dad0a87469f5da8f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '51d529c18a92e7d098a15c7d525c2ff27bfc802f', name: "radioSecondInput" }, h("label", { key: '6c9c9e9c5647044b512e84575cc1106408642339', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: 'dcf210f557372e84c8b912c909d7662ff6d5fed8', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'a40f1cc9428b7f049d8058ce4ec55668cf26efd4', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'f528e26eabb8ab6dc983a0dcea32150e604f7df2', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '8d902bd4ba919406778d9519c111abd58d872642', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '182bc1276c000a49b8bc840e4e0f6c81546966d5', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '9995702e88af793c4138a333331c62c850ac3898', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '917303cea8eec7e6ec2fb3c675a93747fa29d04c' }), h("smoothly-input-color-demo", { key: '909f49aa4ea18a1daca1bfedf8d51af587980db5' }), h("smoothly-input-price-demo", { key: '30058c7e1f43450c62d4a492a5697d2de02ed52b' }), h("smoothly-back-to-top", { key: 'ed3a78c7deb2a77b8d9ba9f3b39c8359fe13c2e2' }))));
10468
10468
  }
10469
10469
  };
10470
10470
  SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
@@ -10492,7 +10492,7 @@ const SmoothlyInputDemoStandard = class {
10492
10492
  });
10493
10493
  }
10494
10494
  render() {
10495
- return (h(Host, { key: '0d47a2dd423a8bcdd889139f74ef2ec375d0ea97' }, h("div", { key: 'a884b4c59f663f8c47aa9e3736e6a82235e9d276', class: "description" }, h("h2", { key: '7c0b8da3728fd79d203de1895c6ae146e1eb8aef' }, "Input Standard"), h("p", { key: '10fe94edd162dd158388508c2470359447e6da57' }, "Height of input should be ", 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."), h("smoothly-form", { key: '3f8c09fbdce4b808a430cf7266d40d25a596803d', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '563356600a698bf3c974a61b79520aa8f77c249f', name: "color" }, h("span", { key: 'e12af511b6921b2d9f7d50b45fdbe3d5b34f6817', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '23c642ae01bb6d0f7aaf653c027eb255ee38d90a', slot: "end" })), h("smoothly-input-select", { key: 'fa106dd22e247954860c217692ca37a24fe4f772', name: "looks" }, h("span", { key: 'c42065aac1f357b670cf2a99bb8be554fb314cd9', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: 'c3b585f898718c9f81ef15c1469eccf08988c00e', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: '8fab112575cb1c02c2019022cee83e5e5e65a9c6', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: 'c34401c8b28faa79a139869c0766e8f8af357ca8', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: '672b5bc96fa9e6886c90b5e8354d7dea8c916270', name: "invalid" }, "Invalid"), h("smoothly-input", { key: 'c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: '121d1a50813987b2aeac50afe73e40c6a7c4fb8b', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: '265ce4b0e44c8fda1b3188929eb5901e1658bfd5', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: '1eafaaaa6696f9f1d696742869d10aba19c2f0c9', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: 'f6a5d34435c177c5dc64c31632dc7a1e65f3e270', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: 'c4d82ee52f0d44015df7eb734c98aa41f7c92827', class: "width" }, "width: 100%"), h("div", { key: '2ae68895caf503ba92049a32d0054439f069123b', class: "left-padding" }, "padding-left: 0.5rem"), 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 && h("span", { key: 'bf32f13cfbfa88add92692bf9ee02b836eeea2be' }, "Text"), h("smoothly-input-clear", { key: '26639066ab906f755f7a42e154b1954f1f34f19d', slot: "end" })), h("div", { key: 'de01a46f39aa6f331c5edf54208a6f9f726337e3', class: "height" }), 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 && h("label", { key: '49f71dbb091094f79927778d18a0a58e70689f42', slot: "label" }, "Select"), h("smoothly-item", { key: '4b0e9cb4ce233c50a42fe249a3aef5648dc62558', value: "1" }, "January"), h("smoothly-item", { key: '38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df', value: "2" }, "February"), h("smoothly-item", { key: '4f65be9a949261542191e3b484ad646e17f04987', value: "3" }, "March"), h("smoothly-item", { key: 'b6e9be5fbe31a12865717daddcd1a4039c942205', value: "4" }, "April"), h("smoothly-item", { key: '6c867101a115315e30bcf525d3fde4a8e49a5719', value: "5" }, "May"), h("smoothly-item", { key: 'ba4792a24e862aed054b356a444f9b791add16b1', value: "6" }, "June"), h("smoothly-item", { key: '9cc3a21ed384c2e2415311770925458dc13ac8d1', value: "7" }, "July"), h("smoothly-item", { key: '53cf8809b4dbc8256448b5c08a9d07f274e365a3', value: "8" }, "August"), h("smoothly-item", { key: '47a43966214064dab4d321cf9116b5cd87409dd3', value: "9" }, "September"), h("smoothly-item", { key: 'c71ceab27a3f86a5c2a27dc251b18f119f5ac623', value: "10" }, "October"), h("smoothly-item", { key: '7e824138f3b0b28a414465d69bb71c4d6786c3b5', value: "11" }, "November"), h("smoothly-item", { key: 'e7813efea82efe4cd4a8bfa54a7a55b21f53fa48', value: "12" }, "December"), h("smoothly-input-clear", { key: '7072ef8f9ac5b9a3028cbd2962560fc315f3d58b', slot: "end" })), h("div", { key: '3a1c4b4c2834bbb4921e330a77fe477c4741f181', class: "height" }), 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", h("smoothly-input-reset", { key: '550d44f73f1ae07461d73f66febd5138867e8247', slot: "end" })), h("div", { key: 'acb1b0eaab732df76e2c586e8f56ee6c81fbdd87', class: "height" }), 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 && h("label", { key: '00de1fcac1f811970b3f1154d6286dc7bd6036d8', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '35ea9212aa0f8eec4a96dedc406b428f58b848e6', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'db11c348c12a468a854c53c5f5f692ae7dcbaeb1', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '65707145740b173f4379c6bf5706a962a91bb021', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '883be5fef36a7e6fb16c57b30fcad312f1f25a6b', slot: "end" })), h("div", { key: '2cd8b1bb4ac90fd34732d2bfc34116bcc8429045', class: "height" }), 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 && h("span", { key: '0d10524c66e0625ec86431a8c19dcedf83f47eac', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'a95f256a28cf294430040b6c6028921f0c620c8d', slot: "end" })), h("div", { key: '48650848e22a86ca8aa7501e09fbd8c5f0ce83ea', class: "height" }), 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 }, h("smoothly-input-clear", { key: 'ab7f71a498ce9404aacc63f0273bd3b715ddf12c', slot: "end" })), h("div", { key: '0ff2870912f9ae2e2b41ba9d982c906124ef2641', class: "height" }), 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 && h("span", { key: '63674017888873443dc7b744114dae7996e79c52' }, "Color"), h("smoothly-input-clear", { key: '6344ad242592e19365961e80cc0814023eaa7dc2', slot: "end" })), h("div", { key: '16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7', class: "height" }), 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 && h("span", { key: 'c268eeb0f99af102c6e1dc62b3d4a2ef01fb0982' }, "Date"), h("smoothly-input-clear", { key: '828d7b0e5719ee2c8e8ef5e431f19061dd1ade2b', slot: "end" })), h("div", { key: 'fe422ed5cc16bbb664f5dc190e59d05027b9ab6c', class: "height" }), 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", h("smoothly-input-clear", { key: '000c95f6c81a9c8f84c88e258804c190de62a085', slot: "end" })), h("div", { key: 'e203612e082b43846696f0e8f25ba1633c8a40c0', class: "height" }), 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 && h("span", { key: '8c4b143da14013a4e7869cc09ac125fd978ba652' }, "Date Range"), h("smoothly-input-clear", { key: '71942a3eb11884fd20b5dd66f93bfebfaaaa917e', slot: "end" })), h("div", { key: '6ddfef156eb2dcbb511742abe5e03f0dec1e78fa', class: "height" }))));
10495
+ return (h(Host, { key: '042854455ad1e70f8d47329dd18ad5b2d9be5b55' }, h("div", { key: '71a0ff91b51faeea2acb7bbe6ff33103b4f78101', class: "description" }, h("h2", { key: '91247326c353bfe7a42e0f7523cabf7d42d27574' }, "Input Standard"), h("p", { key: '1d778222d0a0be0fc9fedc8fba5058033f69ccdc' }, "Height of input should be ", 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."), h("smoothly-form", { key: '97f476e2d1b48ca72c588f0dc2811238afa62d85', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: 'e638fd412458db2e89e75ed1e3356ebd21814efc', name: "color" }, h("span", { key: 'ab2049a30551b48bab1b1a03ee69af67d9f2fc90', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: 'e58405aee03c66669786693560afbf7ea6ecbe0c', slot: "end" })), h("smoothly-input-select", { key: '2016e5bcf4dd6b6eb76d8d2f9691c0075cb18ea0', name: "looks" }, h("span", { key: '8bc09574aafe3e42a577b9546c7b70c8ae7eb93a', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: 'f6ed7c89644db7b39adcdc1bdd3af60d64ffef49', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: 'bffa6d1a6f672a9338e78134dc8ba1103c09f0f8', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: '581a628a2ed495b04e29e1552012b1496ded48e6', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: 'ed3fb7bf07743e792097626b082c825fe07fdb44', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '8f6910965617dc247a089284fdf05f9f4b32e028', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: '507b49b5729dbc488916542e18c5a747ac88448f', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: 'e28d0d2d9d64b11f6088d41dae93b1e3bccfbe19', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: 'ee46861ee1cfe967013b017991fec0da41ec178a', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: '148dc88331c154d77477b48b74a9d2fcb6e7372f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '7301184b32532915b8b6c67ecccfe708888ac0c1', class: "width" }, "width: 100%"), h("div", { key: '1651b57209507da195429a8cde6e4cd1d081a426', class: "left-padding" }, "padding-left: 0.5rem"), 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 && h("span", { key: '842330c6efc43de5d2afc835577b67fc8575ad4d' }, "Text"), h("smoothly-input-clear", { key: '78cb65424a87ddd1b22e10844270494af51ef9cf', slot: "end" })), h("div", { key: '31103c02b0cdf3d5f68f8bd95010554c3571dea1', class: "height" }), 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 && h("label", { key: '229d74b36e98d2dce9fb51ae34a0fdf6ea3ad933', slot: "label" }, "Select"), h("smoothly-item", { key: '6f71feb15bb43c427f1e6667958eb64104a3319d', value: "1" }, "January"), h("smoothly-item", { key: 'c9468227d2718f2d87e373cfcf1c0021bf7c9e6a', value: "2" }, "February"), h("smoothly-item", { key: '26fa8a4c129189dada418bdc55eb420b4f6359be', value: "3" }, "March"), h("smoothly-item", { key: 'e966229667d4bd1072501c48cfad6d8456c8488c', value: "4" }, "April"), h("smoothly-item", { key: 'fa351f3fb2dba399ebffd034a7ab41821ad03c85', value: "5" }, "May"), h("smoothly-item", { key: 'f347f4a74d4a8f8f53fa656eff9ad94bb2d0e855', value: "6" }, "June"), h("smoothly-item", { key: 'b77e47c6a0d99532170498e5cd816977aaf15f0c', value: "7" }, "July"), h("smoothly-item", { key: 'f178bd35f721906e9adb7f33ad4a8dc13c093eb9', value: "8" }, "August"), h("smoothly-item", { key: '8b516209123938ae2b264164682628bff9e7182f', value: "9" }, "September"), h("smoothly-item", { key: '90c9806ae155808061562eb4903374c8d0f6437f', value: "10" }, "October"), h("smoothly-item", { key: 'c81cd76d4773d7382c0dd2091493bbb5747c26f8', value: "11" }, "November"), h("smoothly-item", { key: '4129e63197a9603181b72c2bcd5f00efe5facf4a', value: "12" }, "December"), h("smoothly-input-clear", { key: 'a8d437ce57fac20f4e8a23fb7ab945285e29ab78', slot: "end" })), h("div", { key: '0f72b65ec6e9dd55e5009f8889803745a7cebe0a', class: "height" }), 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", h("smoothly-input-reset", { key: '9faea34bfbe730854196cbc62ae7930b078bad15', slot: "end" })), h("div", { key: '14eff380b23a908840341e8ac919e366f61b4db5', class: "height" }), 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 && h("label", { key: 'be062990b3871568cb15cc1b447478ddb1741224', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '6b9f1c542b7d8fbf400c0d983459d8decd29ea3f', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e76fc206b83574830f8dc10cf21a8e5963ae4994', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '706d081877e1485f636ee168fbc5c951b68698a3', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'c4a213b756017473a7a9a02d14a7c6f5124eb46c', slot: "end" })), h("div", { key: '904b170b3a023c4b3788fb2eb996b72fd9456c01', class: "height" }), 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 && h("span", { key: '259a9a65c8cf798886fbb51e21c08c396af869ba', slot: "label" }, "File"), h("smoothly-input-clear", { key: '2b0ed1648df1c045f9b6ef0188c8f8eb77e3f547', slot: "end" })), h("div", { key: 'aa0a3961fdffa760f336cf33f6005892bf3d463f', class: "height" }), 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 }, h("smoothly-input-clear", { key: 'f3c5299f4d054286e6296f8cbbd06d257a0dc807', slot: "end" })), h("div", { key: 'a7e96fd240e2d06d460978504a8178a4620fa671', class: "height" }), 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 && h("span", { key: '7369555e1c40afb8e0d4575ee7e0b3a17aa07b10' }, "Color"), h("smoothly-input-clear", { key: 'd1130c6efb044af66bb1bea1c820b0e696f7655b', slot: "end" })), h("div", { key: 'ae0d6336ac30318029efe09259602d9affd5f6a5', class: "height" }), 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 && h("span", { key: 'ab1940b43df90302347705f715c7a5adb31daf0c' }, "Date"), h("smoothly-input-clear", { key: 'e0d0d6d4bba58e2681f1e5ed8e542ce12b1b6a5d', slot: "end" })), h("div", { key: 'c8c7391b70036ba134cc150ef7256a6f3ede2ca1', class: "height" }), 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", h("smoothly-input-clear", { key: '861fa30781245edbf8f088a37731faabf7a9b4f8', slot: "end" })), h("div", { key: 'da8d19acadc3e79480b45a07d3864ebad6282ae0', class: "height" }), 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 && h("span", { key: 'b61c8327dcf01c0ec529ceed88fd4afd90702e3d' }, "Date Range"), h("smoothly-input-clear", { key: '4af2bde87290de54492949e5140aabbcf7030ce0', slot: "end" })), h("div", { key: '48e17be0054c430456fbf6557fe6cafa4fd743fa', class: "height" }))));
10496
10496
  }
10497
10497
  get element() { return getElement(this); }
10498
10498
  };
@@ -10521,11 +10521,11 @@ const SmoothlyInputDemoUserInput = class {
10521
10521
  }
10522
10522
  render() {
10523
10523
  var _a, _b;
10524
- return (h(Host, { key: 'e5373df530143e9be043fef3040f0c28e4e6befd' }, h("div", { key: 'e43682af956adff7d7717bc0460eed3b1bb95d84' }, h("h2", { key: '4332098a4a62650fee3ff36df29bbab86ece7e9d' }, "User Input Event"), h("p", { key: 'b20f95a50866658227c61b92cd110ec481da9aea' }, "These inputs demonstrate how user input is handled. The ", 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).", h("br", { key: 'c491689d80addd8399ee02ab7cfc6c14f599bb85' }), "Check the console to see the details of each ", h("code", { key: '919ebbf26937841a5396d0d8b1f7d56a268ac292' }, "smoothlyUserInput"), " event.")), h("smoothly-button", { key: '241df770721275520a479cac831b972062cf0fce', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), 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"), h("smoothly-button", { key: '5fe334fb6629980fec2ee42d22df173f86b9bec2', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), 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) }, h("span", { key: '0e6d5f9596b71bae1f548aaf3cc830e9327dda05', slot: "label" }, "Select input"), this.values.map((value, index) => (h("smoothly-item", { value: index, selected: index == this.selectIndex }, value)))), h("smoothly-button", { key: '66f5d072734363f0457f38252105272c643354ce', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), 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"), h("smoothly-button", { key: 'a70017b8ad95581ec4361d96350f809942b61d93', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), 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) }, h("span", { key: '1e6fa16c98dbf64e75d4527a5619a37d30631801', slot: "label" }, "Radio input"), this.values.map((value, index) => (h("smoothly-input-radio-item", { value: value, selected: index == this.radioIndex }, value)))), h("smoothly-button", { key: 'd3d7581a7c25ce7a7add6cc0f318bb738fbfcf56', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), 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) }), h("smoothly-button", { key: 'ac4215b8764d794d7b2b502e8978eeb066bb482b', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), 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"), h("smoothly-button", { key: '353846f23973a62890ca228fce9434606c351eab', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? Date$1.next(this.dateValue) : Date$1.now()) }, "Next day"), 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"), h("smoothly-button", { key: 'e39a9742e3c896ed0b8083b0cb12694971c2f7b3', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
10524
+ return (h(Host, { key: '93ac8ff24d005bece5c380c5fa1e0e460b7c2310' }, h("div", { key: '0ba15264f8f6fb95f48278cee3820a031cfb977f' }, h("h2", { key: '4261f82d2dc941553a6cf0549169f0c2c9a2e2c6' }, "User Input Event"), h("p", { key: 'eeca3c1b24c324e53ca52b23dbd9df821b30e6c1' }, "These inputs demonstrate how user input is handled. The ", 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).", h("br", { key: '20323a0fffe89110ff3373867dfd8a029904e6b9' }), "Check the console to see the details of each ", h("code", { key: '07ff89fb5e17565794500a28ac48a70718e90cdd' }, "smoothlyUserInput"), " event.")), h("smoothly-button", { key: '21e0a9fb254fd031300e723f6701355b8380625f', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), 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"), h("smoothly-button", { key: 'd5e47e8255f17e086949082e1d203fdaf96d239c', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), 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) }, h("span", { key: '791e894a717db40227dfaacb23be2c81e465c06d', slot: "label" }, "Select input"), this.values.map((value, index) => (h("smoothly-item", { value: index, selected: index == this.selectIndex }, value)))), h("smoothly-button", { key: 'a389b777d3a0fb141d5570dbb82d5011d1a53d7e', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), 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"), h("smoothly-button", { key: '6c4e2d24b532826987253a56ac23a30f5f3dc60a', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), 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) }, h("span", { key: '26f7ad2608e6db8ba693fbee9e2eed6c64059b29', slot: "label" }, "Radio input"), this.values.map((value, index) => (h("smoothly-input-radio-item", { value: value, selected: index == this.radioIndex }, value)))), h("smoothly-button", { key: '9d78136a67f26faafa61e1abca4e1e1f47cba517', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), 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) }), h("smoothly-button", { key: 'd3ae741244d8a8c791386d8bbf2353cad652c0b5', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), 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"), h("smoothly-button", { key: '3b559b505ff8dca9ebb38e42f40f2fbecbc62910', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? Date$1.next(this.dateValue) : Date$1.now()) }, "Next day"), 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"), h("smoothly-button", { key: '0c12e56f8364e92514b8b12f9e30bbf8df97859d', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
10525
10525
  ? DateTime.nextDay(this.datetimeValue)
10526
- : DateTime.now()) }, "Next date time"), 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"), h("smoothly-button", { key: '1bfc78adefad21783c035335cf764bdb92c537e4', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
10526
+ : DateTime.now()) }, "Next date time"), 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"), h("smoothly-button", { key: 'bd2bd181f98f10188327a854e99e8fb3cfab4483', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
10527
10527
  ? { start: Date$1.next(this.dateRangeValue.start), end: Date$1.next(this.dateRangeValue.end) }
10528
- : { start: Date$1.now(), end: Date$1.next(Date$1.now(), 10) }) }, "Next date range"), 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")));
10528
+ : { start: Date$1.now(), end: Date$1.next(Date$1.now(), 10) }) }, "Next date range"), 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")));
10529
10529
  }
10530
10530
  };
10531
10531
  SmoothlyInputDemoUserInput.style = SmoothlyInputDemoUserInputStyle0;
@@ -10563,12 +10563,12 @@ const SmoothlyInputEdit = class {
10563
10563
  }
10564
10564
  render() {
10565
10565
  var _a;
10566
- return (h(Host, { key: '9413c465eefd77797e42c791530e44dff3846f28', title: this.tooltip }, 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) }, h("slot", { key: 'acaa5562e2b97fb0bf0f774fda77efdb33ba66cc' }), h("smoothly-icon", { key: '8defa183091cea2766970860a93f9005085e7325', class: "default", name: "create-outline", size: "tiny" }))));
10566
+ return (h(Host, { key: '3f7558d11b2d44dd408af97a340257484382eb06', title: this.tooltip }, 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) }, h("slot", { key: '71b5a8210aa6f4ca12cdc4fdabaabc495b4024f1' }), h("smoothly-icon", { key: 'dcdd203ebb727b94f54cb2f190647be3461d7808', class: "default", name: "create-outline", size: "tiny" }))));
10567
10567
  }
10568
10568
  };
10569
10569
  SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
10570
10570
 
10571
- 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{--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}";
10571
+ 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}";
10572
10572
  const SmoothlyInputFileStyle0 = styleCss$K;
10573
10573
 
10574
10574
  const SmoothlyInputFile = class {
@@ -10687,7 +10687,7 @@ const SmoothlyInputFile = class {
10687
10687
  }
10688
10688
  render() {
10689
10689
  var _a, _b, _c;
10690
- return (h(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) }, h("label", { key: 'c03b59a35dbef07d3f0c4e0d58aecdd963fb499c' }, h("slot", { key: '75a815e3f443bb3e6c8e0aa81c30b68f9cddc9ce', name: "label" })), h("div", { key: '2e7c8f558cd1d344b1659ef2fde701dd612f3b53', class: "input" }, h("smoothly-button", { key: '8382da9351a2d57dfa17ff0a399066b1f645c5d8', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '6e8366cbb446f9f5be138978711f7172f18d0005', name: "button" })), h("span", { key: '8b64bdf48fb8f8cf552e1d000c18e3e415826056' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '26d26451e82bdb71ac7be890f308363dddd8a73e', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: 'da2cb7bc7b9e481dd0edf6730adc4a9d26409167', name: "document-attach-outline" })), 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) })), h("span", { key: '8f4442060ca91b9d3ce769f71999031b9858aaaf', onClick: (e) => e.stopPropagation() }, h("slot", { key: '7fb47acfd5d5c4ae68b309d5302564cf757100a6', name: "end" }))));
10690
+ return (h(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) }, h("label", { key: 'c351bd728e22f7735cc40c383370aa34767608e2' }, h("slot", { key: '18424e4ccfb9ddfe1535f65828fde006a00cca23', name: "label" })), h("div", { key: 'b7dc0bb86062b950d8eced795aaee41254ab33f5', class: "input" }, h("smoothly-button", { key: '29aca13db6b86cf9cc52069ba63e460dc474d937', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '15e1c28e93edeae1676734d939a209fb14022d83', name: "button" })), h("span", { key: '67b391a462c61f3d7f27b42b5af01bc6e9ec646c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '6dfcfce7fda9969f1b17c5af1fab7a34303cc314', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '2c2aaa95ef454ea0f49474f84d7dbde3162e7102', name: "document-attach-outline" })), 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) })), h("span", { key: '6c13024fd3fe87eedb306d00f2a90fbc348e3bba', onClick: (e) => e.stopPropagation() }, h("slot", { key: '3801406c43cf68b13e7ea3fc6d1fdfef81c22438', name: "end" }))));
10691
10691
  }
10692
10692
  get element() { return getElement(this); }
10693
10693
  static get watchers() { return {
@@ -10812,21 +10812,21 @@ const SmoothlyInputMonth = class {
10812
10812
  }
10813
10813
  render() {
10814
10814
  var _a, _b;
10815
- return (h(Host, { key: 'a19d91c6e7a3418e4cc6645072227e24660a1055' }, h("smoothly-icon", { key: 'f49eef91fe444f2b2c46602239ffb720b463498a', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
10815
+ return (h(Host, { key: '18f61ae51348d5bd0c622337b28b45174ff18076' }, h("smoothly-icon", { key: '3353daed3b1accb80fa5aab42304e2d82bf51126', name: "caret-back-outline", size: "tiny", color: this.color, fill: "default", class: {
10816
10816
  disabled: this.readonly || !this.allowPreviousMonth,
10817
- }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), 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 => {
10817
+ }, onClick: () => this.allowPreviousMonth && this.adjustMonth(-1) }), 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 => {
10818
10818
  const month = e.detail.value;
10819
10819
  if (month && Date$1.is(month)) {
10820
10820
  const value = Date$1.firstOfMonth(month);
10821
10821
  this.smoothlyUserInput.emit({ name: this.name, value });
10822
10822
  }
10823
- }, searchDisabled: true }, h("div", { key: 'cb2f05a587d6dd8a54e0e9ef4e9b8d2da2956613', slot: "label" }, h("slot", { key: '25e30084d491b00bc0963c5d5675419f2a88ee02', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), 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 => {
10823
+ }, searchDisabled: true }, h("div", { key: 'ea87369124256ce2911ec603ce7bf6f5aa653819', slot: "label" }, h("slot", { key: '64aa8263cd0146723944f0226407a88fb24419dc', name: "year-label" })), years((_a = this.value) !== null && _a !== void 0 ? _a : Date$1.now(), this.min, this.max).map(year => (h("smoothly-item", { key: year.date, value: year.date, selected: year.selected || this.value == year.date }, year.name)))), 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 => {
10824
10824
  const year = e.detail.value;
10825
10825
  if (year && Date$1.is(year)) {
10826
10826
  const value = Date$1.firstOfMonth(year);
10827
10827
  this.smoothlyUserInput.emit({ name: this.name, value });
10828
10828
  }
10829
- }, searchDisabled: true }, h("div", { key: '7c9c95e399522fcadc86a7d56565ed24f83bd1dd', slot: "label" }, h("slot", { key: '8332af277b6a5c3e16a92487fa886dac4ba594dd', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), 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) })));
10829
+ }, searchDisabled: true }, h("div", { key: 'eab69d4faf59b5d3acbd0db9a53912a65b31f210', slot: "label" }, h("slot", { key: '8e9aca70172019bf7c8b41f3f7534a38e231a486', name: "month-label" })), months((_b = this.value) !== null && _b !== void 0 ? _b : Date$1.now()).map(month => (h("smoothly-item", { key: month.date, value: month.date, selected: month.selected || this.value == month.date }, month.name)))), 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) })));
10830
10830
  }
10831
10831
  get element() { return getElement(this); }
10832
10832
  static get watchers() { return {
@@ -10848,12 +10848,12 @@ const SmoothlyInputPriceDemo = class {
10848
10848
  this.currency = "USD";
10849
10849
  }
10850
10850
  render() {
10851
- return (h(Host, { key: '671d9e1e09c36db8094dfe6f1ab4dd682b28fe73' }, h("h2", { key: '85a013c5fe711cc2a9dc759707a4e3880530377a' }, "State demo on smoothly-input"), h("p", { key: '57296c7eb9eacc94aee6802d6808181af5d4190a' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: 'b41379a50dd8e97d98a5eebc38694e04d192414c' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: '3fc4076c53a6a0571f5375974d8b7e9b2bfb4414', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '390be92c6e43aeaa2d5072b43539041ea794d51b', type: "price", currency: this.currency }, "price")));
10851
+ return (h(Host, { key: '04d9d8a8d7f4f15310595ae7284d68732677647c' }, h("h2", { key: 'ef661b4242d5d65bd2c94efd07e55e440e348a41' }, "State demo on smoothly-input"), h("p", { key: '3d40ba72a84e1996c5220efb3bef10ec733c67f8' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: '4dbd1f37ce6b5c362ddf546cd749776e56efd75c' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'dd71b6b572bae169fb112748cf48398392aa8b15', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '2b5bbb0519d029ef786a7be63c0166fd7c8f0807', type: "price", currency: this.currency }, "price")));
10852
10852
  }
10853
10853
  };
10854
10854
  SmoothlyInputPriceDemo.style = SmoothlyInputPriceDemoStyle0;
10855
10855
 
10856
- 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}";
10856
+ 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}";
10857
10857
  const SmoothlyInputRadioStyle0 = styleCss$H;
10858
10858
 
10859
10859
  const SmoothlyInputRadio = class {
@@ -11007,13 +11007,13 @@ const SmoothlyInputRadioItem = class {
11007
11007
  });
11008
11008
  }
11009
11009
  render() {
11010
- return (h(Host, { key: 'df843e11d9c3363b27ceb3e4930e353072a8c537', onClick: () => this.inputHandler(true) }, h("input", { key: 'a38159efa771785ca314bdbce6569bcc05503089', name: this.name, type: "radio", checked: this.selected, disabled: this.disabled }), h("smoothly-icon", { key: 'f3c5afda5328b233102ec346d05ba260dfe6cca3', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", tooltip: "Select" }), h("label", { key: '80c90ca1625f26ec43f7e4fcdb3da585ee0e463e' }, h("slot", { key: 'af191ac240791505df6eb37658920f3564b71a42' }))));
11010
+ return (h(Host, { key: '00ca9a738cac0a793961eba3dc326a1f6c1f6b79', onClick: () => this.inputHandler(true) }, h("input", { key: 'ad82ad9e78fff1a6803dc5153cac506ee63a6f5b', name: this.name, type: "radio", checked: this.selected, disabled: this.disabled }), h("smoothly-icon", { key: '068db330a5f5eef568a6ed0f77f18aa9e7e27eed', name: this.selected ? "checkmark-circle" : "ellipse-outline", size: "small", tooltip: "Select" }), h("label", { key: '69dced566cdacaa920a78600d9da3d7a88247193' }, h("slot", { key: '70b9d058904331675a062f3df130aae8bd3dd27b' }))));
11011
11011
  }
11012
11012
  get element() { return getElement(this); }
11013
11013
  };
11014
11014
  SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
11015
11015
 
11016
- 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}";
11016
+ 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}";
11017
11017
  const SmoothlyInputRangeStyle0 = styleCss$F;
11018
11018
 
11019
11019
  const SmoothlyInputRange = class {
@@ -11116,18 +11116,18 @@ const SmoothlyInputRange = class {
11116
11116
  }
11117
11117
  render() {
11118
11118
  var _a, _b, _c;
11119
- return (h(Host, { key: '51d0d50c2260a8efef459a490a6d40576edf8904', class: {
11119
+ return (h(Host, { key: '896052a02f5cce23a5ed1a02fd1081f19b16b582', class: {
11120
11120
  "output-side-right": this.outputSide === "right",
11121
11121
  "show-label": this.outputSide === "left" && !!this.label,
11122
- } }, h("slot", { key: 'b8115e4e8c82c45c95983a6ca05ac4910547d509', name: "start" }), h("div", { key: '21ac65ef6af325989f1586a4109f28b02c4d9414' }, h("label", { key: 'a8730e6a0478abdd2a81a2153ed1863f389f632d', htmlFor: this.name }, this.label), 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(),
11122
+ } }, h("slot", { key: '7db794cbda30405f4d2b3b430ffe6bf1130ae804', name: "start" }), h("div", { key: 'd334bdd0df403fde4d5ac3a4f32dfe98efc9d0be' }, h("label", { key: '6511b42785fba191d61fa521baeda6545a86e3f3', htmlFor: this.name }, this.label), 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(),
11123
11123
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
11124
11124
  e.stopPropagation();
11125
11125
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
11126
- }, 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), h("smoothly-display", { key: '6ab9f7b99bf40826eb17eb300cd8be062defa4d3', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), 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 => {
11126
+ }, 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), h("smoothly-display", { key: 'feb68df52b048e356a6555c7ee996c20a531e705', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), 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 => {
11127
11127
  event.stopPropagation();
11128
11128
  this.setValue(event.target.valueAsNumber);
11129
11129
  this.smoothlyUserInput.emit({ name: this.name, value: this.value });
11130
- }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: 'f1541e975526a02100826dc3f817c64626b2750d', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '06897088ceab10a99692b4fe2d06e5d227dd44f8', name: "end" })));
11130
+ }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: 'f72fdf57fc07c3fc9fa4c843525291d8f3bf0da8', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: '03705aaa50dded48ad831412e811d69fde1d6b60', name: "end" })));
11131
11131
  }
11132
11132
  get element() { return getElement(this); }
11133
11133
  static get watchers() { return {
@@ -11144,7 +11144,7 @@ const SmoothlyInputRangeDemo = class {
11144
11144
  registerInstance(this, hostRef);
11145
11145
  }
11146
11146
  render() {
11147
- return (h(Host, { key: 'fe8877ae479bd8b4e8a530dbcdd2f8cac31170b2' }, h("h2", { key: 'd39ba6d14b8740a8d18fd3e62c51964a0079dfdd' }, "Range"), h("h3", { key: '1cde1d9dbda26b591f092ff6c1215a78c85668e3' }, "Phone Number"), h("smoothly-input-range", { key: '0df83246ce1c17510de342817b3e8371a405fd5f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '5aeaf74220d18db5d292b43316b862bb30e596fa' }, "Stars out of ten"), h("smoothly-input-range", { key: '9cf4138304c1bddf4f368c145129b85ac3c9fc98', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'ec9ace4a4ca1da8e781839d7a7dc5808b4185c5a' }, "Percent"), h("smoothly-input-range", { key: '02512fb3b2a215c4ffe0cde5fbf79defe6bc431f', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'ff48ee90a6f0876d954fa97e55c100fdce94406f' }, "With icon at start and clear button"), h("smoothly-input-range", { key: 'f48778410e5ee8104c032220124a602bc3e84c7e', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: 'f08ec1e3e9621a87029901e2958a0d4221ab3e15', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '4b7382dc9c566fd1f94c080901e1949610fcb40e', size: "icon", slot: "end" }))));
11147
+ return (h(Host, { key: 'b4550b5f4a8435ff07abbfedf03452fa64993f35' }, h("h2", { key: 'b70efe02b4047e0c56e263d7d604b04f21b3bd9d' }, "Range"), h("h3", { key: 'd1ea3331c8e4ecfa78ebd09706bb9c49ea44de56' }, "Phone Number"), h("smoothly-input-range", { key: '6c2241369a1b03a49a22ab708e2e6cbc2fe2ecbc', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: 'be655af45ba80bd54a41dc319b316a1ffdfa115f' }, "Stars out of ten"), h("smoothly-input-range", { key: 'e0f8e3e88934ad2fcff9a9d3cac3f14db7ecce8f', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e21bb7960d11b42414cbf6e8dba4c1d011438947' }, "Percent"), h("smoothly-input-range", { key: 'f2a326739a164b0397c64a742e5a210bca0385f8', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '9ac9fa1800004c7719eab3990c7024dcabeac541' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '15558427596efa234ab6a3ecc89fc039d1156bd9', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '5237da34fc9f10f5eb6a6a01e5f2c9e9ce68ccde', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '3037a54047581eaba241ab6b3b5b4c3586ad93d4', size: "icon", slot: "end" }))));
11148
11148
  }
11149
11149
  };
11150
11150
 
@@ -11191,7 +11191,7 @@ const SmoothlyInputReset = class {
11191
11191
  }
11192
11192
  render() {
11193
11193
  var _a;
11194
- return (h(Host, { key: '00ce2610388bdfe4a860afc1eec4c91360ed0baa', title: this.tooltip }, 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) }, h("slot", { key: '5432ebbc44053abcfa66d760436a8218f413f58f' }), h("smoothly-icon", { key: '098d71829c81316bcdaf71a072c37d8334a505c4', flip: "x", name: "refresh-outline", size: "tiny" }))));
11194
+ return (h(Host, { key: '39b30b359df4e26ee2ea37795ec3c889307fb899', title: this.tooltip }, 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) }, h("slot", { key: 'de14ee9362b39ca6f25caa687b51333eb523748f' }), h("smoothly-icon", { key: '69b34f2f5ae89379635a245905a7d692726957e6', flip: "x", name: "refresh-outline", size: "tiny" }))));
11195
11195
  }
11196
11196
  };
11197
11197
  SmoothlyInputReset.style = SmoothlyInputResetStyle0;
@@ -11212,7 +11212,7 @@ var Item;
11212
11212
  Item.is = Item.type.is;
11213
11213
  })(Item || (Item = {}));
11214
11214
 
11215
- 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}";
11215
+ 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}";
11216
11216
  const SmoothlyInputSelectStyle0 = styleCss$D;
11217
11217
 
11218
11218
  const SmoothlyInputSelect = class {
@@ -11508,14 +11508,14 @@ const SmoothlyInputSelect = class {
11508
11508
  this.addedItems = this.addedItems.concat(h("smoothly-item", { value: this.filter, selected: true }, this.filter));
11509
11509
  }
11510
11510
  render() {
11511
- return (h(Host, { key: '8fb98d71f28eb7993c1c2896558482db5f56652b', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: '1090a06c5c7de17dcaeb38d0ed8c5b56e3069960', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: '697bcc836df8f03ce34f818235d22ced5cd08896', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: 'c641081541db43343741b9eb194ab3f1c43cf83d', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", tooltip: this.errorMessage }), h("slot", { key: '0ca8c13238af71f2752af6698ebcd5d0b6cffe49', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '5795da645bcdb603333d3647da26bf191b354dab', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: 'c5b0ddb7948644f81d405cb6cf6fa5bdf1acb03b', name: "label" }), h("div", { key: 'dfbcab1b4f7a0a5cd6c5c0fe9f2ea95ce66be115', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: '7e185303558604bb2c27081eebdc3a3b61d2ca61', class: "search-preview" }, h("smoothly-icon", { key: 'da863d6e5856b4af291a04cd7bf52fb68015e126', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: '3c6ca8765f897ec2f7a1dfa130862f0dc9dbd057', name: "backspace-outline", size: "small", onClick: e => {
11511
+ return (h(Host, { key: '83a3ae061ed14cd4bb9a769e124093e39329a17d', tabIndex: this.disabled ? undefined : 0, class: { "has-value": this.selected.length !== 0, open: this.open }, onClick: (event) => this.handleShowOptions(event) }, h("div", { key: 'a5fcfb1612ef033df68a7f03d2e88e5f231ba47b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), h("div", { key: 'cb3f84e88bd3bb5a19f0950c49ef059a0ce7c0e4', class: "icons", ref: element => (this.iconsDiv = element) }, h("smoothly-icon", { key: 'ad38f4e1ed640450832e3b3beea70a9bb346754b', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: '5d93d1c33d8d092a2cc2746e5a2f3aeba815a955', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'd875a46166ec03e7b7555edb649d2a168f76853d', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '2246b453a4d28ff336264e17091d103da2a3a02f', name: "label" }), h("div", { key: 'c4232de7ac74641289d298a85c3f5ac18789a045', class: { hidden: !this.open, options: true }, ref: (el) => (this.optionsDiv = el) }, this.filter.length > 0 && (h("div", { key: 'b3f4ad79ee30b0465dc8b4784bcae62e7cef2f5b', class: "search-preview" }, h("smoothly-icon", { key: '3e42af96ff5c01c1228225b989157f5ec864e611', name: "search-outline", size: "small" }), this.filter, h("smoothly-icon", { key: '82906d6501c4ab798945fdb7c0324b13c756ac9c', name: "backspace-outline", size: "small", onClick: e => {
11512
11512
  e.stopPropagation();
11513
11513
  this.filter = "";
11514
11514
  this.element.focus();
11515
- } }), this.mutable && (h("smoothly-icon", { key: '13cb293844c4cf243e1fbb3d9c266119373fbf4f', name: "add", size: "small", onClick: e => {
11515
+ } }), this.mutable && (h("smoothly-icon", { key: '06495cf3a9f28877bb4bda2b2b2e3b44db9e7eae', name: "add", size: "small", onClick: e => {
11516
11516
  e.stopPropagation();
11517
11517
  this.addItem();
11518
- } })))), h("slot", { key: '3d13a87402765f06ee37c69c156c7b41dc1af6af' }), this.addedItems)));
11518
+ } })))), h("slot", { key: '071c26dd63b03d5fac2701a63346351e600ef641' }), this.addedItems)));
11519
11519
  }
11520
11520
  get element() { return getElement(this); }
11521
11521
  static get watchers() { return {
@@ -11570,7 +11570,7 @@ const SmoothlyInputSubmit = class {
11570
11570
  }
11571
11571
  render() {
11572
11572
  var _a, _b;
11573
- return (h(Host, { key: 'f7f8d66cc479ee4cd0f92bc148dec2c0cb2d48f7', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
11573
+ return (h(Host, { key: '60f5c4352d0fcf3ac72fecfd513b17cf17b4d02e', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
11574
11574
  }
11575
11575
  };
11576
11576
  SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
@@ -11618,7 +11618,7 @@ const SmoothlyItem = class {
11618
11618
  : false;
11619
11619
  }
11620
11620
  render() {
11621
- return (h(Host, { key: 'e20234d30e92293239fab80b17123a82aaf7a4df', tabIndex: -1 }, h("slot", { key: '4087bb39941fd908d388a64a6036e3c50ead3a9c' })));
11621
+ return (h(Host, { key: '5cd344ce7e1ce972dca5793dd987c1729f019482', tabIndex: -1 }, h("slot", { key: '39e17f355706144b6ba90485c1e7bfea97e0c564' })));
11622
11622
  }
11623
11623
  get element() { return getElement(this); }
11624
11624
  static get watchers() { return {
@@ -11639,9 +11639,9 @@ const SmoothlyLabel = class {
11639
11639
  }
11640
11640
  render() {
11641
11641
  var _a;
11642
- return (h(Host, { key: 'de59874afe507061a1c3ede6954e5e4431fa7c68', title: this.description, style: {
11642
+ return (h(Host, { key: 'a13b60d3713cf432f2eae3df6fc1193f705c25cd', title: this.description, style: {
11643
11643
  "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
11644
- } }, h("slot", { key: 'fcb5def4232e85094c4504191a20fdde03b4cdb8' })));
11644
+ } }, h("slot", { key: 'b1d2792f681dd5274e6eb099e48dea97ea2d3fc1' })));
11645
11645
  }
11646
11646
  };
11647
11647
  SmoothlyLabel.style = SmoothlyLabelStyle0;
@@ -11660,7 +11660,7 @@ const SmoothlyLazy = class {
11660
11660
  this.show = true;
11661
11661
  }
11662
11662
  render() {
11663
- return (h(Host, { key: '9f9a3ad03a3cffa605de2e0a311c71ff0501cc74' }, h("slot", { key: '0e222b762686df3a561c17e45966654e6bdaa711', name: "before" }), h("smoothly-load-more", { key: 'b655698abb3cb1dc76e941d8c7b2b627221dcb85', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: 'dd06292abea01a005890a0c168a5152f6737ceb1' })));
11663
+ return (h(Host, { key: 'c9ae1c9e802c0cbfc3ec7c37b3a947f834587d02' }, h("slot", { key: '43f2c47074aec85b940e8dd980c1733f90736374', name: "before" }), h("smoothly-load-more", { key: 'e763c71b4a35fff037cd4018c42a8f80b9b89b8c', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '94f9c7b38e2490e202b7dc712b1ffaaa151eb0cc' })));
11664
11664
  }
11665
11665
  };
11666
11666
  SmoothlyLazy.style = SmoothlyLazyStyle0;
@@ -11704,7 +11704,7 @@ const LoadMore = class {
11704
11704
  }
11705
11705
  }
11706
11706
  render() {
11707
- return h(Host, { key: '5200709c13719dcdfa30a25d921fa27e38750fcd' });
11707
+ return h(Host, { key: '9028a3a3f21bd4eefe3c39c89a55633db132271a' });
11708
11708
  }
11709
11709
  get element() { return getElement(this); }
11710
11710
  };
@@ -11730,9 +11730,9 @@ const SmoothlyModal = class {
11730
11730
  this.open = true;
11731
11731
  }
11732
11732
  render() {
11733
- return (h(Host, { key: '8fa3a1a8abe74467813cad81e8822982d40eccdf', role: "alertdialog", onClick: (e) => {
11733
+ return (h(Host, { key: '29f08751667eeb89ce06138c991eb355296ab219', role: "alertdialog", onClick: (e) => {
11734
11734
  this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
11735
- } }, h("div", { key: 'e3cb0cb62a91cc16a4c115861e393504c1c8476f', class: "modal" }, h("div", { key: '6473ae0b383fa946ade76b878bcb1ee146c340d2', class: "header" }, h("slot", { key: 'b2370ebebfc0b3b9dd67437c955ee7e1576deafd', name: "header" }), this.closable && h("smoothly-icon", { key: '561a9331a431ee605bc3e0e52765017206c7a43d', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: 'ef0da1a3d54c242df32342c1d1a09f74cd2581be' }), h("div", { key: 'f937cbaea5e2bdd15f9aa0aa8f6fadacd0a93766', class: "actions" }, h("slot", { key: 'e23325708937e00b7138c30371d1474409fb70cb', name: "actions" })))));
11735
+ } }, h("div", { key: '02306121f4d645d62c38af123e8f7fba340a50be', class: "modal" }, h("div", { key: '8d6b1e5bb69fa223a5630d0bd5fc673b02c1f962', class: "header" }, h("slot", { key: '1b3a7fb9d6ff286a694d982f409477c72f62a444', name: "header" }), this.closable && h("smoothly-icon", { key: '50d10a954f022cc3496a38971e3fad5977a3e434', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '0e49d6159f0d9dfccbdeaa06e9a703af5ca76fba' }), h("div", { key: 'c4802c3b9d6c01b06d6c52cb010a3eeb226c6312', class: "actions" }, h("slot", { key: '1623b6fd5e698f11051c1be41eaa6847ecb46b68', name: "actions" })))));
11736
11736
  }
11737
11737
  static get watchers() { return {
11738
11738
  "open": ["openChanged"]
@@ -11795,7 +11795,7 @@ const Notification = class {
11795
11795
  this.onUpdatedNotice(this.notice);
11796
11796
  }
11797
11797
  render() {
11798
- return (h(Host, { key: '874ce3aaa62fd7424e2c6629e13111b14649c7db', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '57057c09df734c4d359fd9952314032373c93828', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'ae2a94d9120759f44e0a0549e23b17d19fbf30a6', name: "close-circle-outline" }))), h("span", { key: 'c7a626eed0dc03b93f30ef5b7e0f22abad133b93', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'aa195f76644db7643cc4b31191cc2f0f27c24c49', name: this.properties[1] }), h("p", { key: '176a35c914559bde761a2e055353c2162e92a7e1' }, this.notice.message))));
11798
+ return (h(Host, { key: 'd73f9641d0d37113ec19891b5c9f59d8019230f8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'e818ddd9455d8b7aca012be7c6a33f8942cb9a68', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'fe3e9e3f88077e060f333baf9fbddfea07c1e7be', name: "close-circle-outline" }))), h("span", { key: 'f89d90613b740f806201bd2298d40ba2cb994fc8', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'e773e024e416c84bec77fb891462b9b7c841824f', name: this.properties[1] }), h("p", { key: '4daa8f0c0e8b9ffc1f1ba786ad233c1264099bdc' }, this.notice.message))));
11799
11799
  }
11800
11800
  static get watchers() { return {
11801
11801
  "notice": ["onUpdatedNotice"]
@@ -11819,7 +11819,7 @@ const Notifier = class {
11819
11819
  this.notices = [...this.notices.filter(n => n != event.detail)];
11820
11820
  }
11821
11821
  render() {
11822
- return (h(Host, { key: '377473bb85fda49bf6654709bc583c8122a8a5fc' }, h("slot", { key: '0039c64ec570faa5702882cc273bd5bd778b0c0e' }), h("div", { key: '133205707821a6b56218eae7b1b135985301665a', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
11822
+ return (h(Host, { key: 'bedcd18dde0e5ef17522b8289dee911015708d43' }, h("slot", { key: '3b631d5e334d1a8c698098a7ff21ee8cd40a572e' }), h("div", { key: '7052a9eb6a207f477e7a06fbf2f67e231ccce23e', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
11823
11823
  }
11824
11824
  };
11825
11825
  Notifier.style = SmoothlyNotifierStyle0;
@@ -11835,9 +11835,9 @@ const SmoothlySpinner = class {
11835
11835
  }
11836
11836
  render() {
11837
11837
  const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
11838
- return (h(Host, { key: '81b3ddac04d63c10cef57db98b33d20d3c486d1d', style: {
11838
+ return (h(Host, { key: '91e0a007802a3083c6a9139b8eac70e5589a6bd8', style: {
11839
11839
  "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
11840
- } }, h("svg", { key: 'a56a9b915feb8212b71cab991aaea00eeef858fa', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '80b73ff22092fd16f75fa632c45441585ae7bad5', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
11840
+ } }, h("svg", { key: '831ec769d03d32917064a7bdcf6c79db27d3ba34', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '27b650bff53888f95016353422c5ae928b758288', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
11841
11841
  }
11842
11842
  };
11843
11843
  SmoothlySpinner.style = SmoothlySpinnerStyle0;
@@ -11858,7 +11858,7 @@ const SmoothlySummary = class {
11858
11858
  }
11859
11859
  }
11860
11860
  render() {
11861
- return (h("details", { key: 'bbeeca90e53734b3e3fd868962beee5f692c65f9', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e859d2917705c7f6e0b850de7d8efa9f2b88212a' }, h("smoothly-icon", { key: 'f432d3670a80d5df6384555195736d29468bdce9', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '21344a4ffa7f4154d07a0c584b0550b7c395afd3', name: "summary" })), h("slot", { key: '5b2c189f3cb88911ede221584e4824d6e336d82d', name: "content" })));
11861
+ return (h("details", { key: 'bfc42e899118e3da7e8960d2511182a73a5b2a6a', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: 'e59d4ba68e9f50851536c0870b0322a2af621f2c' }, h("smoothly-icon", { key: 'c2a3da3176bbde4ce4b3f5e68f715dc3896998b1', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '0ba069fa0fd3e10e39257470ba3c145b7104ab3a', name: "summary" })), h("slot", { key: 'c1f1c78609a469b86394fcb62ae8bf97a3e2d4ae', name: "content" })));
11862
11862
  }
11863
11863
  };
11864
11864
  SmoothlySummary.style = SmoothlySummaryStyle0;
@@ -11907,7 +11907,7 @@ const SmoothlyTab = class {
11907
11907
  }
11908
11908
  }
11909
11909
  render() {
11910
- return (h(Host, { key: '2a9419f70ed2126516bc5ee55affbc8965ac2783' }, h("div", { key: '13fd8f7013833d85c6300848205feee915f97822', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'ec233d8c479867447482aa97dfef805a21143dd9', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'daabe3447f10b0231793cda1b7e1dc4c6ff0b298', hidden: !this.open }, h("slot", { key: '53f98e491dde3a333c4c4b0d9955762d8440145d' }))));
11910
+ return (h(Host, { key: '4eecb25a344fc9e930aef4fb766a5d118c5683b7' }, h("div", { key: 'df849582d86a0545aa785103d6be63db1bbd7923', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'db6f4d37d62cc5e9a914f51328f4da107f1da51e', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '19349bcf3bd36b7ad555c7a72fde902c57c5e933', hidden: !this.open }, h("slot", { key: '54da9c83e4f98a43bfba8876780c671c194f962d' }))));
11911
11911
  }
11912
11912
  get element() { return getElement(this); }
11913
11913
  static get watchers() { return {
@@ -11931,7 +11931,7 @@ const SmoothlyTable = class {
11931
11931
  event.stopPropagation();
11932
11932
  }
11933
11933
  render() {
11934
- return (h(Host, { key: '2d475aad72fcaf31aed36d99f2684a5012e5dd06', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ed1188366aa69849604369b1d0286541027a13a1' })));
11934
+ return (h(Host, { key: '673f0457a2915a8bbc5ac662d905405df0f7a74a', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ba193ea06a8a63c25948275d663d9838ff009268' })));
11935
11935
  }
11936
11936
  };
11937
11937
  SmoothlyTable.style = SmoothlyTableStyle0;
@@ -11944,7 +11944,7 @@ const SmoothlyTableBody = class {
11944
11944
  registerInstance(this, hostRef);
11945
11945
  }
11946
11946
  render() {
11947
- return (h(Host, { key: '4ca1a1cc8e285f8a87b5b8dd385b414de8599968' }, h("slot", { key: 'f998de1a4a3998a9d6f8391618098b839702d4de' })));
11947
+ return (h(Host, { key: 'db37d0ab8fc16f55f3e81aa1b4e5b77377c9f95c' }, h("slot", { key: '8e82a1f5998227ad1c3e46ac3e147492f66fb482' })));
11948
11948
  }
11949
11949
  };
11950
11950
  SmoothlyTableBody.style = SmoothlyTableBodyStyle0;
@@ -11959,7 +11959,7 @@ const SmoothlyTableCell = class {
11959
11959
  }
11960
11960
  render() {
11961
11961
  var _a;
11962
- return (h(Host, { key: '608d5b165eeb45ada644442d3adf5c0817f08f72', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'b274f770e741e3fca953b6012963042ebd78f055' })));
11962
+ return (h(Host, { key: '30943ec45f6e73df71d5ad72bbad350e4f076f34', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '4af540a7486d8616d427159feaa6200c91000e05' })));
11963
11963
  }
11964
11964
  };
11965
11965
  SmoothlyTableCell.style = SmoothlyTableCellStyle0;
@@ -11972,7 +11972,7 @@ const SmoothlyTableDemo = class {
11972
11972
  registerInstance(this, hostRef);
11973
11973
  }
11974
11974
  render() {
11975
- return (h(Host, { key: 'efe7db65edfcc29401a4b6144451a594e6aa6b51' }, h("smoothly-table-demo-filler-row", { key: 'b5d3ed513629fa9004ccdbe2d0b4fa5a846c9c1c' }), h("smoothly-table-demo-group", { key: '59e9996230870d75df4225bb1e8fca8054ae4bfd' }), h("smoothly-table-demo-colspan", { key: '76350cc4b70f56b5efd23e03f418aa7255ec0881' }), h("smoothly-table-demo-simple", { key: '7a713c248f8710a291c397dd40f60d3a8a753ece' }), h("smoothly-table-demo-nested-no-cell", { key: '3c82254151124465fe4a2f0b72c84f32e00505c2' }), h("smoothly-table-demo-filtered", { key: '20656c59c35345217d823184d9678a6a87f40ade' })));
11975
+ return (h(Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
11976
11976
  }
11977
11977
  };
11978
11978
  SmoothlyTableDemo.style = SmoothlyTableDemoStyle0;
@@ -11985,7 +11985,7 @@ const SmoothlyTableDemoColspan = class {
11985
11985
  registerInstance(this, hostRef);
11986
11986
  }
11987
11987
  render() {
11988
- return (h(Host, { key: '206c3432bf7936b15e972c161424e6b0e102a15c' }, h("smoothly-table", { key: 'fd9a1adfc79d7e3fa130e55614c8956aa9993ce7', columns: 3 }, h("smoothly-table-head", { key: '079086e32eab6c27ec06646b7cc1addc5a45e218' }, h("smoothly-table-row", { key: '6b421c777d5857d7b8c6e92dfa8ebb9e65c24f0d' }, h("smoothly-table-cell", { key: '9c0f4181cefa485af433741c55eb8033057333ba' }, "Date"), h("smoothly-table-cell", { key: '6b089e4d9d9d43ead73b8602d1f482b019810ee7' }, "Skip"), h("smoothly-table-cell", { key: 'b3a5f766b5a7bc15fe29aa2ba35d908f33883f7f' }, "Total"))), h("smoothly-table-body", { key: '12be40d0b1546ef3bcb8d95815e3a6751a34dc95' }, h("smoothly-table-row", { key: '22d3015ebb0c1a19b412c175f231de9cd3f9f04c' }, h("smoothly-table-cell", { key: 'cb591fa2b41381aa1c663a701a76b953ff610262', span: 2 }, h("smoothly-display", { key: 'a9dfcaebab3333ea62c290c9952ecc7c77ba33a7', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'b3680b9847f0e5635538af75af7c117d86464fcc' }, h("smoothly-display", { key: 'c89fca16b3f2e836dc9dd8c2378f4b26bab2be1f', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'd2574793e06a73ede9721349f9e26ea596947500' }, h("smoothly-table-expandable-cell", { key: '2ab7fcbb3c3f54298e7b9f4b6b8287f0e5c07c04', span: 2 }, h("smoothly-display", { key: '40f846739879908115983e730c2e135fc3473977', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '9989441f4da6a580d7d7a21a8623a1dafc0d6a3d', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '20f47281da324a3fe529553b57c2e50de7a7039d' }, h("smoothly-display", { key: 'd9d02229b0bfa49122ede86d2513648a1448d8bf', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '7803a63f59d968622edfb07fed2b40338fb1b460', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '0bf9dd84e89fef204799961f85e24b5a14d4c4d4' }, h("smoothly-table-cell", { key: '7feacfd6127864b97ac910256f434b42ee57dcd6' }, h("smoothly-display", { key: 'df857a1e9f9503c08c49f564a47bbb4b3b96f170', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'bd1848a3218ec7b9177b0354570fc3a96f827c0a' }, "Not Skipped"), h("smoothly-table-cell", { key: '1656b57464928e417afa36732fe710654c6c1e8d' }, h("smoothly-display", { key: '6097190c8c8c9ae2899a0497d524da52f42a145e', type: "price", value: 320, currency: "EUR" })))))));
11988
+ return (h(Host, { key: '1b9dfde05087d6be2711b86baca19630286b2322' }, h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', type: "price", value: 320, currency: "EUR" })))))));
11989
11989
  }
11990
11990
  };
11991
11991
  SmoothlyTableDemoColspan.style = SmoothlyTableDemoColspanStyle0;
@@ -12004,7 +12004,7 @@ const SmoothlyTableDemoFillerRow = class {
12004
12004
  }, 3000);
12005
12005
  }
12006
12006
  render() {
12007
- return (h(Host, { key: 'e2842ae7ee217b160d69fc5fa6cb686af528e2fc' }, h("smoothly-display", { key: '8ec4889c9bc004f61f6b9d91b87e9135f2b7ba11', type: "text", value: "Filler row" }), h("smoothly-table", { key: '39f5a22a15a05631cf015918050e94215a336d62', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '271ced47bcbc64f53cc70bf3f1ca757059ac81dd' }, h("smoothly-table-row", { key: '7a7566c40b27be58ab6bc3f6eeea2b5e90726cf5' }, h("smoothly-table-cell", { key: 'c3f0eb89f019759418b4524fa923194e1eaa05c9' }, "Breed"), h("smoothly-table-cell", { key: 'beb4c8b9c55d96c4f3e9faa71bfc9bf3971a1e25' }, "Country"), h("smoothly-table-cell", { key: '6c8e3177e07f82961707a6f31729ede9da79acd9' }, "Coat"), h("smoothly-table-cell", { key: '71023e2b53ab05e19b5d2f973f4b45c6ad1b7525' }, "Origin"))), h("smoothly-table-body", { key: 'a4a2e96740dbb0191031fb008fba9c349f4d37b1' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
12007
+ return (h(Host, { key: 'f857bf2706fea0bc7bef38da1231c17460e9c609' }, h("smoothly-display", { key: '56bb55f00ea43d80e8b94460bb2e951bc741aa72', type: "text", value: "Filler row" }), h("smoothly-table", { key: '3a6c43bc37797672d40417395ffdacca1b52f327', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '09289f8564422ceb0f8b7d33040a561d35dc9a02' }, h("smoothly-table-row", { key: '9675f44ce397953bc4b674bc768299d3a018820e' }, h("smoothly-table-cell", { key: '8fde03da5517c6f75c7c8da3c5bb336d2ed5a4b0' }, "Breed"), h("smoothly-table-cell", { key: '721fc804d59cb6dca7b66b2fd38dd700172322be' }, "Country"), h("smoothly-table-cell", { key: 'e8fbd6258f7167841eef83776e00406cd9ed3690' }, "Coat"), h("smoothly-table-cell", { key: '3e514eab5bb013da0d23cdde06324492bb97632b' }, "Origin"))), h("smoothly-table-body", { key: 'a14df5fcfad26c2d54ef13810e409ed65f72ac39' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
12008
12008
  }
12009
12009
  };
12010
12010
  SmoothlyTableDemoFillerRow.style = SmoothlyTableDemoFillerRowStyle0;
@@ -12076,18 +12076,18 @@ const TableDemoFiltered = class {
12076
12076
  }
12077
12077
  render() {
12078
12078
  const cats = this.cats && filter(this.criteria, this.cats);
12079
- return (h(Host, { key: 'b2496133669576bf999beed5b34209da721db862' }, h("smoothly-display", { key: 'e6ca869034ac2981e7b2725a9b0b15a187ff0533', type: "text", value: "Filtered" }), h("smoothly-filter", { key: '9671d4342e35e40dca90683c6051b277395e5b8d' }, h("smoothly-filter-toggle", { key: 'bdb72d2b1cd012fccfeaafc6a39b0939da679581', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '7e02ac6837819923749faf9d27b06877b6a91f53', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ce9dedd04d828a036dd35893f816107a3e2bff98', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '12246409d8b02f58a02951e3045a2f1d608393f3', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '92d614561377e367e09fcf360398211106f22caa', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12079
+ return (h(Host, { key: 'd8b3ad77da3b6cb9e815a50d79f84d1c6a811e4e' }, h("smoothly-display", { key: '98af74a79c021d4a2c2745d22efdfda66c8824d4', type: "text", value: "Filtered" }), h("smoothly-filter", { key: 'fb4409524f1fd2d09b4ca245679bbe1d0b8a989e' }, h("smoothly-filter-toggle", { key: '50f1a730744c162ea32eca49f175a618ea182e22', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", tooltip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: '3ccd46f9bf9d95ea8efc6f4b9904287cacf58774', properties: { pattern: "Ticked", breed: "" }, icon: "paw", tooltip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '55ac1ae50f0d758a8c4967f90bfb1158b19355ff', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", tooltip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '28c9d499e5d68c81f5ff50b39912b70e85c0951d', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", tooltip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '6b72624b9ebd4a12b99074597ab3832b7025011c', menuHeight: "5items", label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
12080
12080
  Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
12081
12081
  var _a;
12082
12082
  return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
12083
- })), h("div", { key: '7633ee0389289db186d8f69ec959489e7ce849ee', slot: "detail" }, h("smoothly-form", { key: '9e298b588a374bb5d25815598bfb90ef5e0b7249', looks: "border" }, h("smoothly-filter-select", { key: 'c1e06cf576321f8d1689fb717da71e0ab94adc54', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, this.cats &&
12083
+ })), h("div", { key: 'd41ea8b32d00dccaa5387f84d71a5ea4cec7970d', slot: "detail" }, h("smoothly-form", { key: '5654b332a077152ae1438eac095cd3523da770a8', looks: "border" }, h("smoothly-filter-select", { key: 'c1c07dc99c02dbf9043e1f6ad2ad2eea8a49a511', menuHeight: "5items", label: "coat", property: "nested.coat", multiple: true }, 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) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
12087
- })), h("smoothly-filter-select", { key: '502b2cd5e7bb76f26e37b7baaf48d32f3d45ad8a', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
12088
- Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '86ce003b89b69ac422fcaa99814154c9b5c7e811', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12087
+ })), h("smoothly-filter-select", { key: '3b5479f13abe40f9da79a68f0db36a4b33660f73', menuHeight: "5items", label: "breed", property: "breed", multiple: false }, this.cats &&
12088
+ Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'a84c4c06a961d71bd8605c7e90b960f72c6b10d5', menuHeight: "5items", label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
12089
12089
  .flat()
12090
- .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '1b1633c816f19e098226dc046ba96890f554fa2e', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: '2a2ae7d91ad02a57f6d704e12a491811654416a8', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
12090
+ .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '12a34eaa89d99be16bb563dbbf32a353e988865a', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'ad77d0b787cc319fc830c9ed699f31baaa071da5', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", { columns: 4 }, h("smoothly-table-head", null, h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cats)), h("smoothly-table-cell", null, "Breed"), h("smoothly-table-cell", null, "Coat"), h("smoothly-table-cell", null, "Price"))), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-foot", null, h("smoothly-table-row", null, h("smoothly-table-cell", { span: 3 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` }))))))));
12091
12091
  }
12092
12092
  };
12093
12093
  const names = {
@@ -12106,7 +12106,7 @@ const SmoothlyTableDemoGroup = class {
12106
12106
  registerInstance(this, hostRef);
12107
12107
  }
12108
12108
  render() {
12109
- return (h(Host, { key: 'da018054a4b16d6fd81dc60fc9ddf3e4c77860c1' }, h("smoothly-display", { key: '51aa321cd3b22275ff7dc12e1b82b42fc1997c25', type: "text", value: "Group" }), h("smoothly-table", { key: '32aec70ba3bc78e572b118d0a7c796cf1b40a9cc', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '75374db74064f5ec5926b08baedffa2f553037e3' }, h("smoothly-table-row", { key: 'fc5e9fb16db4aaf96b005fdc08b0973fd94d5a6b' }, h("smoothly-table-cell", { key: '7ef43c21f5c4760cf379ebed4fd77a0c4263ef6a' }, "Date"), h("smoothly-table-cell", { key: '33f0ad771cb46b032661ff5b43d5fdc4dd6425bb' }, "Total"))), h("smoothly-table-body", { key: 'd74fc9dbf2cae53ad0dbb53412132e1090591a65' }, h("smoothly-table-row-group", { key: '7cd93d9bcc6ee81c60e96b402bd96dbb9db74725', align: true }, h("smoothly-display", { key: '3dcbc09dea2add837101f1ba69e90fa4a46edea9', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '6d5c82538e836f4e47c802b711a94876b77f3817', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '8a8c2bc2dcfb221fa92f01c7356340811d88996b' }, h("smoothly-table-cell", { key: 'fd6da924a5a26c7e8961c66ea2bb31f9f81d715a' }, h("smoothly-display", { key: '443b690dc480dad5705fa5e3841bb3c7a2c256da', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6775c121dfef064a1c2536514fa8d38aeab30624' }, h("smoothly-display", { key: 'de6f0ce1d1f23d0b64059b9768834e0795ffc3db', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '4eedf3384b751068dbe9d7e54f77f0821658a24b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '2e86dcf3208a55f0c5a32013638e167dcc949fd3' }, h("smoothly-table-cell", { key: '3563fa6a11720be09e59404cc39f8c5b2c0932ec' }, h("smoothly-display", { key: '828d9102af9043b3af6f74d0dec9d474a85e4c87', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '4deb09e2dcdbccf59c02b7797e18561569ecba39' }, h("smoothly-display", { key: 'aa34dca36239d202565311e5e89bfc65832cb10a', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'e7716c3cf2fe6a6ffdfdbd386c12a8d4ce9e5549', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '07c2d59e74294030d8a5af6bf66cfbcb00f0c7fd' }, h("smoothly-table-cell", { key: 'c71040890a72916ad35b12ee588d6ba0420646b8' }, h("smoothly-display", { key: '68cb381ce234e38d8bbbfbfa47ea43d94e5e7ec4', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '2481c10a323c27700db2acd5912caf0ef974a23e' }, h("smoothly-display", { key: 'a1d92551f0d769e5e148f20225805f5d178cb40f', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: 'eab21ae8ceae4007183b890f0f843db056f75b3b' }, h("smoothly-display", { key: 'e3cab2799afc3b8220eeb5959ba349954d64f432', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '2c008844c5e33e2c94a71312bb83017bd2f5c21a', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8fc307fb2ca022baaca2185e4ad07bb2ae1874b3' }, h("smoothly-table-cell", { key: 'bf8896a16335d24b7c454d865561e38fc9f7e18d' }, h("smoothly-display", { key: 'd390d1e203be30e671640ab40ecfc303cd2ad373', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b7b0f8552e8553da4688617e91d1ec363cb76ac1' }, h("smoothly-display", { key: 'f15c573f1b1bda33e7e645648a38f27ba2b760c2', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '9e3b1abdc5531434bff506e5fd60e3cf2f5b1302', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '685d8ca397497da8c1d6284061b1f27c6d7dd0bb' }, h("smoothly-table-cell", { key: '617e0c3c1b7a30eb275ed475d42e705be7dfc5ea' }, h("smoothly-display", { key: 'afaa145b63c5a6b3627d5996381e2d5bda27172d', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '1b13e3bb4d32abd553a47dc62035d8334020a5d5' }, h("smoothly-display", { key: '9412d8622d09f5927efdc5bb3ec65c4def72af80', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2587a7908fbc2573eda2a718aa748225f7e950e7', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'cacde2dbf4de84459496605e81d3164060ee33c6' }, h("smoothly-display", { key: 'c38877961cce544f5503aafdd7816d0ed732c1d2', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '6b14e1f8b1b25199c60f46aa721816e943a490d3' }, h("smoothly-table-cell", { key: '1d7f5ec04613837bd2b59dbcd2663411f4ed0cb6' }, h("smoothly-display", { key: '67307cd9c3ffd4c2c9efe340d7c83b8fbc4bc534', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'e8170034117e3be53d6d3c6244ae324d7314db52' }, h("smoothly-display", { key: '68169967a6b58da90e4829477b1eec315a7ac976', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c202d836185afef6ef82f26c42dd88d7def426d9', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd01d644c0eddfef155d11734bb446fec2c05bb45' }, h("smoothly-table-cell", { key: '25fc8925fbede3bbc1d8820ec1e45f2b24d5b667' }, h("smoothly-display", { key: '2173e747b53529897a2d8b59529a57e970b90315', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'ed4fe4b60e75f53e05c5a8db757402c61e7d70a0' }, h("smoothly-display", { key: 'ed5c13a807f6b72a357be497ce19453775ec46e8', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '45397867dde0889104541487e4583efb409b0b5f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '67aef82d4437f494d548dee5a43ce5cbfc5ab72f' }, h("smoothly-display", { key: 'b9eef7f0227a3724f179d0ee78c7a176f715f508', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '07f54cf1e98b36b00e51bf05b8510aed92e99235' }, h("smoothly-table-cell", { key: '72ffadaf8aef7fd69d22437dada51c9c42514440' }, h("smoothly-display", { key: 'da23b7948ee52423977da6fa03db5e17cc45b349', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '07341b7e77b18bd7f35f7ec19d8f0ce5125bd87b' }, h("smoothly-display", { key: '6aaa00ea2364f5aaf31dc25d2b349d21328fcdc5', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'bfc335f98ecd74084e50dc910e4c7aad297ad214', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '966c6857a25076214d04d9e3005140b544062217' }, h("smoothly-table-cell", { key: '62ceb6e434e519560be7626dd9b949eea5471cac' }, h("smoothly-display", { key: '865dd5f8b1c4d2b74696d6f70f19ae07fb31c01b', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bd9f91491faa6a42777c05c12c98c3d2b6527ee2' }, h("smoothly-display", { key: '7605031ad04f719305c75913906d8ec1ecda1957', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'c5d8373f3f7d5bca502f9c1af9ced0f87d63d447', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '6aa2a583c922c3e2b54866a0a7b8367876fa71ba' }, h("smoothly-table-row-group", { key: 'e66a37d22790a34947db4aef076ff68fa775aba2' }, h("smoothly-display", { key: '026dfdfa13d81da7276a14aedc7624bf877d60a1', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '012e25ac22a4af1bf7c3da7e979faf9ef894b8eb', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '5aec00c528da5f999e9cdd4bf21cd9e2cb3ab503' }, h("smoothly-table-row", { key: 'b733662dbe7f3c4a635af51719531597e252c295' }, h("fake-cell-wrapper", { key: '8a20a4fe8699569b946e82d184df6ece1027ccc9' }, h("smoothly-table-cell", { key: 'b9719cb65467fec3ff95c44ed42ea7e28d58c47d' }, h("smoothly-display", { key: 'c875865ff95ae604ea72c3d7d4a44cce6c81d70f', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: 'a8e641b74ac5252beafd6a18270e9619123b5173' }, h("smoothly-table-expandable-cell", { key: '1c2a62ed15b03d462a1f03e01845546a7849caee' }, h("smoothly-display", { key: '593b8b35deb66e2870ee64e7cbbec8e954241986', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '0dea3b894850a75f3189b6d20594e4eebda93383', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '53a8d5e0edbbfae641257bde1d2957aa83bcf28c' }, h("smoothly-table-expandable-row", { key: '187e5073bd8a6b6beb9986b73374e271b7074e16' }, h("fake-cell-wrapper", { key: 'd92cc6581ce932ad32f87014d625fa8dbcd52ddb', class: "span-2" }, h("smoothly-table-cell", { key: '6d02637fd50db42ef9c00689fd83744fa6fa1930', span: 2 }, h("smoothly-display", { key: 'e7ac8d9d25dc03f6de7a75cb18f7e1287cbb0551', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'febf6353725027457a7adeab916a8620fff60404', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'e4d7e6a2d08b1ca22fa82e36bcac5626d174d917' }, h("smoothly-display", { key: 'e6c1395ac51f719ce119dbdfa01d14114460da99', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '003a6cbd69b50fb04252ec20c30c83b3ad7f2da2', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
12109
+ return (h(Host, { key: '2588ee8b11cceb6f30d6cf3e16f012284b88aef5' }, h("smoothly-display", { key: 'c4072df4a3b2a51efee6b88940d073df277cdacb', type: "text", value: "Group" }), h("smoothly-table", { key: '593411511952a94c54646c10c1d79a616af16348', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '85207ce5dda04eca8e1cd6c9b6d517957273d196' }, h("smoothly-table-row", { key: '8b499af43a319be84bb26ca64a28a2b550b1147f' }, h("smoothly-table-cell", { key: '8f5e13c5fa0c98e5e572943b85c5166105f3bd7b' }, "Date"), h("smoothly-table-cell", { key: 'fcfd559317a468734d04511b27550a7c0d077a2e' }, "Total"))), h("smoothly-table-body", { key: 'e40ee8bfa1fce7644a63f5d4ae7ad9570c8fa9d9' }, h("smoothly-table-row-group", { key: 'dee01fd5283fb7151191ed0b37e0982ca4b0f687', align: true }, h("smoothly-display", { key: '9a22541cad30cd45299a36fef7204cde3a3fdd3f', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'b6d651c90cbd5e1505b5cad319865822bc4435bd', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '87014f0572f1da25fb891d290e832875a3a5a4d5' }, h("smoothly-table-cell", { key: '4ff8a957ad3af6735251d0365fefbffe641a9989' }, h("smoothly-display", { key: '2c8ac9e458f90805ee50f41fd5068a2829eb69f6', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '5485d068b066424513077c103d363b28dc296a85' }, h("smoothly-display", { key: '9752fafab23c6b2bee43f518575693d6341c1af0', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '738ade928043ec56b5dd4cd2350d7b264f2b0c68', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '75c05fbf6aff637af2014b2e09d75cdc7de7c8c0' }, h("smoothly-table-cell", { key: '699bbc5005849e0ee23b24c7c2e273f1fb6c4c8f' }, h("smoothly-display", { key: '53a9dc520b688c9ce94b68798ffa90bd459c183e', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'cac110be1952cd054343b325761e30b194337461' }, h("smoothly-display", { key: '55748ae8a05d0f383b7a5d155fd67fdcb0d94435', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '5d424b9dda2176af0b42a83d87e8a2a0a25d8001', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '34ba6f053457f1a0ee1b0f890f8ad8407450ad41' }, h("smoothly-table-cell", { key: 'ac03d46f47ced40e2189f9542a67db1b9b1e497a' }, h("smoothly-display", { key: '99a1ffa65c16c219783e0103a934aaaf040c1f5c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'b172e3877d0c0bd4f8a75e08576fc2ae1a124bbb' }, h("smoothly-display", { key: '3b61525a2201aaaf74bff02dc98a69823e86571c', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '0ee99a8b2ad921aa8c8bfb812307ae8aa57119eb' }, h("smoothly-display", { key: 'efebc41060422de6b1a9c86c6954f10ead7f1136', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '26d97fd3f9c3a6c399687b61565719914913f99b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '72462b7c0883b23bf82d9776d07801957f7d784c' }, h("smoothly-table-cell", { key: 'fe1f362f8c3298c198942dfd2337033e5aad08ce' }, h("smoothly-display", { key: '2a568646554e5fa224b133728ffe83a4bb09d62d', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '486b9a50a92767eb446a576c39612f9d8a296dc1' }, h("smoothly-display", { key: '446decb6ea726843bc26154f920c3907a1acaae0', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '57837cff0a487c4f7e565ecaaa48f9a3dd6fd4e8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '53f917b56a01973712dbe5fb2cac2d38f471b991' }, h("smoothly-table-cell", { key: '91255e99fc2324b0d142b68bbdf09a36dd33dc94' }, h("smoothly-display", { key: '6a7e97b732bc1913895c921f275949f0f62208f4', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '830a3287399a9e1fc6565fe7c891764e70e03e8d' }, h("smoothly-display", { key: 'a65573dc1af4b3fd737a6ee475ccf34c7a0b9c9f', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '646707de9e76d024e6812e253cb14a59a46f11d4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '0026f89477afc7f84eb1ee924082213ee0c89c7b' }, h("smoothly-display", { key: 'dff0f1591513de1245c07f8b537d77809ddefc48', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '787ddfe55945e3589e84b65e29c487d56a391e0e' }, h("smoothly-table-cell", { key: 'f8b2249eb641fb8de2f33b025f0177dbafe445fc' }, h("smoothly-display", { key: 'bc7bf9c2f642a633d466f1e494c8d1323350a22a', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '049d6cc9bf23932308b023d8abfa5d5b0278ed56' }, h("smoothly-display", { key: '93a3e761635f6c3eecb4bbf7e9462b2811357f85', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '7f385f05fea35af8f0aff74ed041c59ae3e5bf46', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '328cb04ef6023106ae1989af83af5de1301e850f' }, h("smoothly-table-cell", { key: 'b0b00601ca9089b5575df356d8367e0dda4c9994' }, h("smoothly-display", { key: 'e7a933a35de331582863dd6f253496a6e5e8dd8a', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f48e05f30e255b69034a5a566cbcb3db67c6a56e' }, h("smoothly-display", { key: '2ceca893aba24718dd13a89eea0e28500e7d699b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'dc43c7409460036978af41cacc068ef0f38e4cfc', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '86a9605cfd9fd2fb4389589c385faa4da1c6c6f6' }, h("smoothly-display", { key: '9d47934ec72c1b209899a6fd08616055b086dd8e', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '5f04b9721430f40c51a6425c2dff7036ea139e08' }, h("smoothly-table-cell", { key: 'd8d4e856ed91c2ad53cee6be90cce00d27f14069' }, h("smoothly-display", { key: '964358b865a984471f5671f5061ba31977016042', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'dcfecb038915410fa4c2083376b73053ed48935a' }, h("smoothly-display", { key: '5620c84e881a0e59b113715f128941c16d24ec80', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '04b7afee25f019c2a312f96cf69d7b0adc08f726', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'aaf61d4297e578396a8ed658e066f146d990b0f9' }, h("smoothly-table-cell", { key: '9b4bf0540e0f373b8d34eebd297832878acf1427' }, h("smoothly-display", { key: 'ee0da2b1910d78411bd0c95dbb1792290514a499', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '79201617d37419b2d7972fc257e7bb1fba8cd7ab' }, h("smoothly-display", { key: '685d9ebb4fe99613c70d93ce6a2e9d5a4739f39e', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '2ac506baea9413ddcd17dec9d74ade91db501782', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: 'c7e42840958c6cc67b3f67f623d75972bdc7e62a' }, h("smoothly-table-row-group", { key: 'edfb3fc48b53bfb808b077c1ada7454f04397481' }, h("smoothly-display", { key: '81565e5820fee3e24100edb097fa029293704ced', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '7fe07e7763c2ba9add544de5bfcc909aba40282d', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'f5424a7dddc7f0163182e259ceaffb6963809b53' }, h("smoothly-table-row", { key: 'f6ed19f1e02b5166b20ba010f1a0c30086fe1813' }, h("fake-cell-wrapper", { key: '3b877001f93114b3339a0c17c90062cf96ef32e7' }, h("smoothly-table-cell", { key: '2c4b73e799abc490e066de0c5617cafe38497052' }, h("smoothly-display", { key: 'd23df7e47dd898d65d619e664399d50bc82bb2cd', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '4602c998b541cc2477678362057dd3d36d4ceafd' }, h("smoothly-table-expandable-cell", { key: '302d2efef19bc6d29f4aebdcce8c5bc9e86e5953' }, h("smoothly-display", { key: 'e82ec13f78ca0bdeea085fdeb1759d6c16cc818a', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'cbb04477852ae61054063dc8f6854e7351435792', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'fade1308d120d94005a13f4e54e5541495accc01' }, h("smoothly-table-expandable-row", { key: '7e925f320ecbbd2c665cc5f475b019bce0126e89' }, h("fake-cell-wrapper", { key: '54b47216d6677202de3d2ed691748f6e8c94bb4b', class: "span-2" }, h("smoothly-table-cell", { key: '9797b634c544b7bdce16b4097ee7688341c28e9c', span: 2 }, h("smoothly-display", { key: '6e42c40713217d020d33966218c21787b5bf5033', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '93dbde72d7127b087dc64e1404fcd0d12e39c20e', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'b91620f1e396ec86d09e170ef6d48e325a5979de' }, h("smoothly-display", { key: '0faf7a3e5ddd36ffcd5bc66643e9e8958b1ce9f1', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '2926b9df72107c99229fc621a02c1b9bb4e6f2d4', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
12110
12110
  }
12111
12111
  };
12112
12112
  SmoothlyTableDemoGroup.style = SmoothlyTableDemoGroupStyle0;
@@ -13054,7 +13054,7 @@ const SmoothlyTableDemoNestedNoCell = class {
13054
13054
  this.loadedRows = [];
13055
13055
  }
13056
13056
  render() {
13057
- return (h(Host, { key: 'd9a2afc99200a5d26f91685928f65f17e7bf4011' }, h("smoothly-display", { key: '8ba8c8c5d923b3a33d945bedc7012c2d8972bbe5', type: "text", value: "Nested" }), h("smoothly-table", { key: '3d9b1557644de9b8fa357aa1172028d9c8783d38', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '542ce03049d85cc1eaba4eb12fd622cc98deb8b9' }, h("smoothly-table-row", { key: '48bfb36158c329821c054ae2058f00f2ca2b57f4' }, h("div", { key: 'ce0e5c7fa53dd372d911e281d0b9821056a23476', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'f17c235a442ef273ffc7015ccd7e8af83254edad', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '5a23f578af6264b760ea2708fb45ec5dc323378f', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'cd2bac823bd19c8d7c7f74aac4469e8c7b84e156', class: "smoothly-table-cell" }, "Age"), h("div", { key: '62ec178c9917b2349572001481e1297d296c5d17', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '41caf4b33aafb15e67df78ce700cd1e44889b95d', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '7aa2168dc4a0b4bb80a9f19aaa2a34de0a78f9ec', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'd5a5f5e6abd610224c2fabde318232bf482fc3e3', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '02f484daac071e7c67643da886605c48456f8ddc' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
13057
+ return (h(Host, { key: '2b49ba5c64f8ee0f2e761b0b24b3409eb1fd6c85' }, h("smoothly-display", { key: 'a45be2e6511d548a591d26f541b443f32a1270b2', type: "text", value: "Nested" }), h("smoothly-table", { key: '52c37cd04a3c4bb65c6b946ea573412a22e9c15b', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '3bc613c5e39bf6a422f86f387ebe92f04d077d0d' }, h("smoothly-table-row", { key: '169129220f57386847e64a7e09cd450ff2310e08' }, h("div", { key: 'b3923339af1b54b6bbb0c407772d1df35acb97ca', class: "smoothly-table-cell" }, "Id"), h("div", { key: '218053641cba4bb1116922464330c99e19354a11', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'b73bd55920129ac67a257d83d046bf5cb5c66946', class: "smoothly-table-cell" }, "Name"), h("div", { key: '9300614cf2b59d2df9c00fb7df26680833ec966d', class: "smoothly-table-cell" }, "Age"), h("div", { key: '15da0f9f20d7d294ebfefaddb9e921ceb1a325c4', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '9dda91c55abe2fb5516043eb9f39ecf177264656', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'f1c61e55f99bf830a656236b609342f03aa692c1', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'f5166351564bb510d89b3912bcd847b1617cff3c', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '9193c215a2713e1002692a5a1eb5bfc9193a755a' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
13058
13058
  if (event.detail) {
13059
13059
  this.loadingIndex = index;
13060
13060
  setTimeout(() => {
@@ -13062,7 +13062,7 @@ const SmoothlyTableDemoNestedNoCell = class {
13062
13062
  this.loadedRows = [...this.loadedRows, index];
13063
13063
  }, 1500);
13064
13064
  }
13065
- } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'e071f5ee248cc2d4ad39e4ef33d2ce8fe95a4bed' }, h("smoothly-table-row", { key: '5c1c6ddf0c8544176bf0a0dc2ea94c92e368d028' }, h("div", { key: '36887d23065d3694040b2ff045727fa670c9fec9', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '352c1ec7f806cfac4f751a837d688ba8ecbbd97d', class: "smoothly-table-cell" }, "Footer Cell"))))));
13065
+ } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'f255d860f1a5e09129cd21524e17c0eb3372d638' }, h("smoothly-table-row", { key: 'c1e18dd56eab880f0997a66fefa9208c7450420e' }, h("div", { key: '259aa04ba4efdeaf8c258e4acdf9e262144ded1e', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '4f2756250d1854d2199cbcbd3ad7f47931804c67', class: "smoothly-table-cell" }, "Footer Cell"))))));
13066
13066
  }
13067
13067
  };
13068
13068
  SmoothlyTableDemoNestedNoCell.style = SmoothlyTableDemoNestedNoCellStyle0;
@@ -13077,7 +13077,7 @@ const SmoothlyTableDemoNestedNoCellInner = class {
13077
13077
  }
13078
13078
  render() {
13079
13079
  var _a;
13080
- return (h(Host, { key: '2fad17f95bd478c2eb533b0239a63694b83c9f81' }, h("smoothly-table", { key: '0e6f6d73e4c9046818b3266afc85978907af7a56', columns: 4 }, h("smoothly-table-head", { key: 'a6521280e62df7ca1831a93b9e583b7a2fd6c20b' }, h("smoothly-table-row", { key: '87c4affbf2d36422ef5d9fda6873629437160528' }, h("div", { key: '7eeb79369fc478d3e6338d906e8da75f28f91a0a', class: "smoothly-table-cell" }, "Id"), h("div", { key: '920af80028d7658e16b3cee5fb02ba6dbf1f0640', class: "smoothly-table-cell" }, "Name"), h("div", { key: '8c52f5f92a7d918639a6c6190513ebebfe7ac346', class: "smoothly-table-cell" }, "Age"), h("div", { key: '462dd0bab5ddd117dc1e589798677f69fd0beeff', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '632d73be3c9eb538258f6728ff192099ce4aa264' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
13080
+ return (h(Host, { key: '8d4782924f55278416d2e81e0a5eab463cf34108' }, h("smoothly-table", { key: '6ad741e6c1212979e1bd742206761aa0f0fee0ef', columns: 4 }, h("smoothly-table-head", { key: 'e5d83e5409c933b06406feefe12d16c195a7e46c' }, h("smoothly-table-row", { key: 'a20af51afac114f2e8d92f510923d0b8d495bbd5' }, h("div", { key: 'aab216b4743a63a968d179e6e7fc34898b5beb87', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'e41daaa65b7c6d6b08db6d4fd52d95522bb02177', class: "smoothly-table-cell" }, "Name"), h("div", { key: '7a0b17061fd0ada9b83737f165402e63f9f79c91', class: "smoothly-table-cell" }, "Age"), h("div", { key: '8d2e478af4b2f9514d2384dbe41c2e45398a7495', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'd83f0fc2917ff0b6978eaf94c0605cc2cb1796ce' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
13081
13081
  }
13082
13082
  };
13083
13083
  SmoothlyTableDemoNestedNoCellInner.style = SmoothlyTableDemoNestedNoCellInnerStyle0;
@@ -13090,7 +13090,7 @@ const SmoothlyTableDemoSimple = class {
13090
13090
  registerInstance(this, hostRef);
13091
13091
  }
13092
13092
  render() {
13093
- return (h(Host, { key: '3c44e473cd3c7a39000d80d2cd8f7d4f6259d28c' }, h("smoothly-display", { key: '4f67509b54850559c717b9c8feb45a61517537b5', type: "text", value: "Simple" }), h("smoothly-table", { key: '498414973d54fe1b049058d0c0d5db97911c759f', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '1cb4600f3bac84ed5a33240fece52904266cb058' }, h("smoothly-table-row", { key: 'cf64bbd77000b3d278ab7f8216d9cb0baf07150b' }, h("smoothly-table-cell", { key: '85f0427a93dcbe123fdb1e40cc35c1b84356ae75' }, "Breed"), h("smoothly-table-cell", { key: '4d8843cfa736067b351e06d852e55093e012cfea' }, "Coat"))), h("smoothly-table-body", { key: '93facc4b9d076dc19a5c4e8926c51bdc9d27068c' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: 'a6aace80a3161945f19daa5f5b47dc5af1569bcc' }, h("smoothly-table-cell", { key: 'a6a9bd8fa88a0008fbb320af534a45e32ac3705c' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'fc44f561b827ce8d002ed7787c11a0de6d68c3f6' }, "Expandable Cell", h("div", { key: 'a8f331b0b4b2e4acaf0fc46b9b11dc6cfb29d577', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce878da536b3f96454218e7ffde80c1c668503e9' }, h("smoothly-table-expandable-cell", { key: 'bf67df9a09086f2202e2654b0a219499ba63c6d6' }, "Expandable Cell 1", h("div", { key: 'efbbea44e97c4d4537d12f43528dc92587766c5d', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '50bcdf77eaf5b80f79ba333f0e6fe2abc2404e78' }, "Expandable Cell 2", h("div", { key: '402aa4ba61635738550d68d106755b48e60059f7', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '7fce823d7ac195d33d123493f98972b3337d4308' }, h("smoothly-table-row", { key: '15796d7fb9e7d1c5072682f7cb0ac17a0dd75a80' }, h("smoothly-table-cell", { key: '3d57499943e186926e3e5829ff1ee47db0737abb' }, "Footer Cell"), h("smoothly-table-cell", { key: '33376913bad1c9f73f6bbd23e7c6065247ac9ab9' }, "Footer Cell"))))));
13093
+ return (h(Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
13094
13094
  }
13095
13095
  };
13096
13096
  const cats = [
@@ -13198,7 +13198,7 @@ const SmoothlyTableExpandableCell = class {
13198
13198
  }
13199
13199
  render() {
13200
13200
  var _a;
13201
- return (h(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) }, h("div", { key: '8fd0cf961de88d5a7120259324ed61628f960b53', class: "content" }, h("slot", { key: '1cb3e3c0c98c2338ae21598c740255d18bfe5714' })), h("div", { key: '28cbeb9e91ef6c96df4272f2cab92bddb81c8946', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'af8954d6bd1c1ce393a1ede0b70971324af5f903', name: "detail" }))));
13201
+ return (h(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) }, h("div", { key: 'f8a2e8779f498db24e23b55c2cffca3a3e0673fd', class: "content" }, h("slot", { key: '3f49a4eb292da0ce4c52fbd9d80257ada7c6b65e' })), h("div", { key: '178426e2d1aa04ac0624dfc85405ece32a4a3ad9', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ab7285198401030dbea07283eaa883faba7ba148', name: "detail" }))));
13202
13202
  }
13203
13203
  static get watchers() { return {
13204
13204
  "open": ["openChange"]
@@ -13228,7 +13228,7 @@ const SmoothlyTableExpandableRow = class {
13228
13228
  this.smoothlyTableExpandableRowChange.emit(this.open);
13229
13229
  }
13230
13230
  render() {
13231
- return (h(Host, { key: '6033a860074a26860ac2d9397cfa4391831ed4ac', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7a95e4cb3c3e224a7341aa2a2334f20eb8a532bf' }), h("div", { key: 'fd83d53e3db726abead7cf59f7b0bda74a72562c', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '1db917174ae6c70ae7944e67c70e79cf62354f81', name: "detail" }))));
13231
+ return (h(Host, { key: '9603b69ce76a615c1c91b21b054de6389055526d', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7631b20efae2ceea71463076b523812497f17a67' }), h("div", { key: '4542ab2e3255a5ea8e93b94b2a1b20670a85fcdb', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '125b820867a4a936718ab8de9a8765166020c52a', name: "detail" }))));
13232
13232
  }
13233
13233
  static get watchers() { return {
13234
13234
  "open": ["openChange"]
@@ -13244,7 +13244,7 @@ const SmoothlyTableFillerRow = class {
13244
13244
  registerInstance(this, hostRef);
13245
13245
  }
13246
13246
  render() {
13247
- return (h("smoothly-table-row", { key: '39f4df9798bfe072c1939753ba2cfcd52c8c6d14' }, h("smoothly-table-cell", { key: 'c4925e9dc2e432ec346681054de64387c1b191c7' }, h("slot", { key: '7cd372f479837d10ee4a0d53ca4089d80e333183' }))));
13247
+ return (h("smoothly-table-row", { key: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
13248
13248
  }
13249
13249
  };
13250
13250
  SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
@@ -13257,7 +13257,7 @@ const SmoothlyTableFoot = class {
13257
13257
  registerInstance(this, hostRef);
13258
13258
  }
13259
13259
  render() {
13260
- return (h(Host, { key: 'c136890da1c10d7845b054fcb7160bf6573c3b1c' }, h("slot", { key: '2ba64ba55fc7842cdbfe8950aa075fcc82be49e2' })));
13260
+ return (h(Host, { key: '1533d9a3447bbed2649a2b3fcd25980b95f2fe8c' }, h("slot", { key: 'e9787e2616189239982cac06331fb10a635fc511' })));
13261
13261
  }
13262
13262
  };
13263
13263
  SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
@@ -13288,7 +13288,7 @@ const SmoothlyTableHead = class {
13288
13288
  (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
13289
13289
  }
13290
13290
  render() {
13291
- return (h(Host, { key: 'fc2b929afcaaae8784a250b33c1784b51f6069d0', class: { scrolled: !!this.scrolled } }, h("slot", { key: '0647311dac1ee867e9bde641f11f7ac581179d33' })));
13291
+ return (h(Host, { key: 'cbfc978b0adaff62f961f0f57d8f2ed6a8fa197b', class: { scrolled: !!this.scrolled } }, h("slot", { key: '650b9adff04908fdab781ca555fe037a6aa009e5' })));
13292
13292
  }
13293
13293
  get element() { return getElement(this); }
13294
13294
  };
@@ -13312,7 +13312,7 @@ const SmoothlyTableRow = class {
13312
13312
  event.target != cell && cell.close();
13313
13313
  }
13314
13314
  render() {
13315
- return (h(Host, { key: 'd1154a9f154063757b445c703fd472bf61789038' }, h("slot", { key: '6365abd761556dc9a04d3d03ee97168b2b4f029a' })));
13315
+ return (h(Host, { key: '4ed9e4fd09cc13d283d359f5a1f40ccae428aedd' }, h("slot", { key: '20be1367a71b4f91b1849e99bf1f1fc0eb40bfc5' })));
13316
13316
  }
13317
13317
  };
13318
13318
  SmoothlyTableRow.style = SmoothlyTableRowStyle0;
@@ -13336,7 +13336,7 @@ const SmoothlyTableRowGroup = class {
13336
13336
  }
13337
13337
  }
13338
13338
  render() {
13339
- return (h(Host, { key: '7e997a6abf62fee39b266f148a6157a880182d44' }, h("div", { key: 'be5ed254470787857415ee61dcbb275bdcad6938', onClick: () => this.clickHandler() }, h("div", { key: '7bfb0dc7d14be32c973d7524fe5dd8b339b4b70a' }, h("slot", { key: '277d81983cc2f7c23bc50d3c41175c161e461b86', name: "start" })), h("div", { key: '813cab4c382c1cedc39b7286898074ba4ada84bf' }, h("slot", { key: '86cc29d007effc636195285f8ba217fd772b26a6', name: "end" }))), h("div", { key: 'bc3b16d26f262c19bf5e0fb957db15dcbfcaf332' }, h("slot", { key: 'ab625e1e87b7eabeb8ef5d84d2174e5a70cdeafd' }))));
13339
+ return (h(Host, { key: '042ab6cc12f3441bb67637505521f031493051fa' }, h("div", { key: 'd9e0ce6dad12f3d3371a74b5603a4ff29f7f3b20', onClick: () => this.clickHandler() }, h("div", { key: '59b16a3bb24378913694d3ce394c065ff7816136' }, h("slot", { key: 'b8fcc5180ae67e6db906bd303c510c793314b067', name: "start" })), h("div", { key: '4716392324282da76d7e908fc9a159dd89ee9503' }, h("slot", { key: 'e8ac2ed348abcbe6cb966aee2dd391b247f6cfc3', name: "end" }))), h("div", { key: '053716adfc8cca6ac44ce14db9a1393d6d1832e6' }, h("slot", { key: '3ed87af439c23e60cb49612fe7d593e6062ee2d9' }))));
13340
13340
  }
13341
13341
  };
13342
13342
  SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
@@ -13407,7 +13407,7 @@ const SmoothlyTabsDemo = class {
13407
13407
  this.extraTab2 = undefined;
13408
13408
  }
13409
13409
  render() {
13410
- return (h(Host, { key: 'b62a8ae826fac8ab9bd918d17c9bb4bb2cde74a4' }, h("div", { key: '6319af78c4c93f0c1afa7964f539d1da3aea06de' }, h("smoothly-button", { key: '528e4e880dcf7d490649f5cd15f275b7d5b20c9d', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'bbf8219b3d9f2278494b6c1970457ef78f593535', tabs: "multiple" }, h("smoothly-tab", { key: '176284720bf9b0310f45df70cde15719a9b9ac45', label: "Single Tab", open: true }, h("strong", { key: 'd5d108161a9cc3057ab5a012e9a229b3d0bac2d0' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4f61bc9ce5acea5b491ab37ba1401a79dd874840' }, "tabs"), " to", " ", h("code", { key: '172992639ebf1fc3910deaec479693bf18fee99f' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '0eb7431accdfa9eec7fe1c950000217081ba3a51', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '78eb4b4f24b515f3f5e2e133c7d7d91c2613d8d5' }, h("smoothly-button", { key: '401c9f0313b43813f32bb2b9d5af044496712baf', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3509d3b8e2384a5b76ac7025113fad7ab6ed811a' }, h("smoothly-tab", { key: 'ee2f6481f5528915afb26923316f7cfb21e17bcf', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '49a14aaca20b3956cf2c5bb80793f407c050ca86', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'af7143a98a2e0d6bdd20808e4da81bef8a35b67f', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e5b5ba3d85119c4e3450be4710fc6007931b0092', label: "test-extra" }, "this is a test message!"))));
13410
+ return (h(Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', label: "test-extra" }, "this is a test message!"))));
13411
13411
  }
13412
13412
  };
13413
13413
  SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
@@ -13421,7 +13421,7 @@ const SmoothlyThemeColor = class {
13421
13421
  this.color = undefined;
13422
13422
  }
13423
13423
  render() {
13424
- return (h(Host, { key: '8223831dfa84ea7a14906e3006e97db1f158443d' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
13424
+ return (h(Host, { key: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
13425
13425
  }
13426
13426
  };
13427
13427
  SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
@@ -13473,7 +13473,7 @@ const SmoothlyThemeDemo = class {
13473
13473
  registerInstance(this, hostRef);
13474
13474
  }
13475
13475
  render() {
13476
- return (h(Host, { key: 'f3a9bce2ea9ea921ddc0cdd0af59f278be0808fa' }, h("h2", { key: '0cde0c59c478d9793c78277783ddca18a2c46dd6' }, "Theme"), h("smoothly-theme-picker", { key: 'cb06e7228d22bfc7fa5231b38ccb5bd281026751' }, h("smoothly-item", { key: '37a46c34ec4767c282487d34c0178ac96d4f0a27', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '961b69baea8b3760c095834bd8604d93ae1e3c74', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '23989e21f124308a39da7e657726916184e5ab72', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '93ffa3949d02f68f7a7dfa5f79b351a8eb8b7f56', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '98bc1c21a725ae552e75e7133b32406c15c21c5b', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '73481eca7b2759efa8ed022eda4d9ff4388e8068', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '9402ca492b8d2f7671bd6134f4bc89d0ea2da416', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '6e1e73a3d57216f482d5dc2d8054374c0501b33d', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '71d27357073891f1bb129289464955dc85458e96', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '15d5aab8433956d0a159c42cd702607c6df2cda7' }, h("smoothly-theme-colors", { key: '77b4c95e2e8761a9703601c3a890342a791559a3' }), h("smoothly-theme-guide", { key: 'ff190b0fba8f600ad5774743b287088e519cb28f' })), h("smoothly-button", { key: 'd75520d40a986fe09897fd50e0244d039ceca933', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '6db6194c220c2906ee8a5f3d5ed9b9e97d7ff9ec', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'a0f9cba373c1a31ee5997a64f07dfa84e82f273e', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '26987f874341cebb9742beeff94e830ab569dd2c', type: "link", link: "redirect/nested" }, "To redirect nested")));
13476
+ return (h(Host, { key: '6cb930a98c4d2bfd95789c041224daf2138a41f9' }, h("h2", { key: '31a72f808346d5e04c8080a4f209eb78c80f4ee8' }, "Theme"), h("smoothly-theme-picker", { key: '653fa4dfee36d491a9a362f4ca023e2c32fb5b73' }, h("smoothly-item", { key: 'dc385796954de3a747c8c66a4bbdc32ae67e99b3', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'd8d1a239a123f117041f5a737b23e656082fb57a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '7fb9b143948eb46ddfa3ee450f1cd04f8133e6f8', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '3fb461b4d1294de0fdeae387e226335e0cf0bdaa', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '523a689c7d967f33bffb7c56ca2dbb6cbfbbac89', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '6c9ff39fe48a1e0ca77d50743fe7b161274fc703', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'cbf001039db5e7fdc92f5e8cf2b45840642ebdc7', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'cc914158cec903165e2f223b6dc6b2fec3252a28', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '1791438b84d885eb75084ea61b7211376f3f66b2', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: 'a77f03f0047b45b01db7f045b5a78cdb0dd26462' }, h("smoothly-theme-colors", { key: '4103b7786fc26abe85fab60a1508d3e8cd991e7a' }), h("smoothly-theme-guide", { key: '7fee62cbe4973237cf5de7b7d22565780d7e12a7' })), h("smoothly-button", { key: '9362102321160dfd73a5f08504f1772b24c76e07', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'b61c8290c54e5d700c61963c04f8ba5d064241e7', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'e25a74c8541fee7771b6866e44a11823e30afc64', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'cf62147f7fb3263dec157eecd2ad3594254ca217', type: "link", link: "redirect/nested" }, "To redirect nested")));
13477
13477
  }
13478
13478
  };
13479
13479
  SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
@@ -13487,14 +13487,14 @@ const SmoothlyThemeColors = class {
13487
13487
  }
13488
13488
  render() {
13489
13489
  return [
13490
- h("smoothly-display", { key: 'e33cb6c2fb224049dc0618a101d4a34ce4a97979' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
13491
- h("br", { key: '3a5221a91fb24771d7f00c44ed8f56f21c82dff0' }),
13492
- 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."),
13493
- h("br", { key: '76ef02c10cd940ed85f86a0d68cf91c474ae5231' }),
13494
- 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."),
13495
- h("br", { key: '59f39e2da1a7c941fea84706d87575ad8c0f3a38' }),
13496
- h("smoothly-display", { key: '56727256e187ecfb71ef10626b86db6a1bccf755' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
13497
- h("br", { key: '02f2dfbbf17e60d7e7981b2180cc5fc1cfa8531d' }),
13490
+ h("smoothly-display", { key: '4e53d5193c69a0c8d128c919047ea716188bf5dc' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
13491
+ h("br", { key: '0c71cd8e14862e88d28363117e8a8ac8ce91ff35' }),
13492
+ 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."),
13493
+ h("br", { key: '3cf9a65a87c8c4704d739d7373f5505ab50da634' }),
13494
+ 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."),
13495
+ h("br", { key: '0a6fd13ff18e67faaa288a9c2268436ef278d335' }),
13496
+ h("smoothly-display", { key: 'ffa97f4f8c514fdcb46485fc1861f0da0aeb891d' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
13497
+ h("br", { key: '9c5c133be1689c5caa42881c7a22fce2361caca1' }),
13498
13498
  ];
13499
13499
  }
13500
13500
  };
@@ -13509,11 +13509,11 @@ const SmoothlyThemePicker = class {
13509
13509
  this.element = "smoothly-css";
13510
13510
  }
13511
13511
  render() {
13512
- return (h(Host, { key: 'bd78dc0c77ab62560dfa7dcfd6d70eb6c20822aa' }, h("smoothly-input-select", { key: '9f4134cf70fe712423e5102d196a8310cb1e189d', name: "theme", looks: "border", onSmoothlyInput: e => {
13512
+ return (h(Host, { key: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', name: "theme", looks: "border", onSmoothlyInput: e => {
13513
13513
  const element = document.querySelector(`#${this.element}`);
13514
13514
  if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
13515
13515
  element.href = e.detail.theme;
13516
- } }, h("label", { key: '233405b26871eab292f6c258fbc43464515f7c01', slot: "label" }, "Select theme"), h("slot", { key: '14656f7d3466ceedbb9db0a1733c07978c8bad68' }))));
13516
+ } }, h("label", { key: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
13517
13517
  }
13518
13518
  };
13519
13519
  SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
@@ -13537,7 +13537,7 @@ const SmoothlyToggleSwitch = class {
13537
13537
  this.smoothlyToggleSwitchChange.emit(this.selected);
13538
13538
  }
13539
13539
  render() {
13540
- return (h(Host, { key: '93ae759c47e932319428b842eb408698c2849b31' }, h("button", { key: '5ed72f7e5cde56e49dc9d3116dc9fd507d496d4b', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'bcc686be4b1477a7cb469263d8e0bc02f0ffadb8', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
13540
+ return (h(Host, { key: '89162afb7931c0e7ed30eba6c5c098244876426c' }, h("button", { key: '0277b4bcffd82332f4cb11e98d2db1789a2838bc', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'c357533e1b86b91a3b75463d31d4ee0dd842529e', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
13541
13541
  }
13542
13542
  };
13543
13543
  SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
@@ -13550,7 +13550,7 @@ const SmoothlyToggleSwitchDemo = class {
13550
13550
  registerInstance(this, hostRef);
13551
13551
  }
13552
13552
  render() {
13553
- return (h(Host, { key: 'c622506b07d0d5d4f8f7bb65ec0b808216ac71f4' }, h("h4", { key: '8f5bccb8bf300780d0f50a9b66a8433a2a6e4423' }, "Toggle switches"), h("div", { key: '5c94e88e5016e60741c95aecb3fccf42f2ce2bf9' }, h("p", { key: 'a842fa899ab91738c7748ba2efb0f727a26c3ec5' }, "Checkmark"), h("span", { key: '0a89a7c406c050db45ebefd7426bca1f44748e36' }, h("p", { key: 'd70ab8939a0ce332845cb41af0e21c777c0ee73a' }, "Tiny"), h("smoothly-toggle-switch", { key: '52c88ff1e6e9e2f8989b7aef24e1e66c983e298a', disabled: false, size: "tiny" })), h("span", { key: '4a0a857accdc647288cf7f3c349f09964a5de0df' }, h("p", { key: '488c5fe7676ea3641f4222ceb658c2c026fcabc1' }, "Small"), h("smoothly-toggle-switch", { key: 'c8fee404136527423d490fb03b49ed387b67419a', disabled: false, size: "small" })), h("span", { key: 'c319ed9031d6a6420510428088c784305a09684c' }, h("p", { key: '42e785cdd2d12032f310e58cd8b2842748b2cdda' }, "Standard"), h("smoothly-toggle-switch", { key: 'f5124d5042159df3b4fcc164b0efb4adcf1b01da', disabled: false })), h("span", { key: '8113acc2967dca4ace18ccf45f97f8b7daac4221' }, h("p", { key: 'e19f0f93cd75db150867e10f48b009ee4eb0cb4b' }, "Large"), h("smoothly-toggle-switch", { key: 'c4beb63b9038e1d3589ccc30d243eb0236548d88', disabled: false, size: "large" })), h("p", { key: '9c2d02b48add10ad48387ea0c4b9f2450dd39cc6' }, "Colors checkmark"), h("span", { key: '7f91266d633dda37b21f3b9c162f791ac4b38746' }, h("p", { key: '9d86ab646d05c081851046b020c2cbbd765acae4' }, "Danger"), h("smoothly-toggle-switch", { key: 'fb3dc5c94a4a05d727772d762a5abff0fa202e82', color: "danger", disabled: false, size: "small" })), h("span", { key: 'f581c530b32021d2a0847fec0f17d95be39d8d7e' }, h("p", { key: '6a0ecea4b4fe03f88838a36e5ec9386da4272791' }, "Primary color"), h("smoothly-toggle-switch", { key: '0f862750bacdc23bc516220586c2a47dc3ce649e', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab0980c909071f57d9a13f22d88d4301b583067a' }, h("p", { key: '4b0a69324cf7b8f04bcfdbf35731a43c37aade9f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '6442d57ecdb61558e7cb6048c586f46b3e3941b1', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'bb47bc7dd98ceb86bfbd0e28391321731f95dad5' }), h("p", { key: 'c64a2ff112b72d9cff6afd6c371a3da7083cd1f1' }, "Colors no checkmark"), h("span", { key: 'd690a84b3d08750e3e2ff7cd6473feb0a715b4d8' }, h("p", { key: '849781f19a7523b22f8f0dffe0fa15185d38de2f' }, "Danger"), h("smoothly-toggle-switch", { key: '29788801258d901f6cc0780bee771ae78da455e5', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '33fabad2c343849cdd76aebee35b8f99f25d86ba' }, h("p", { key: '006efb42b3d98028594a306799d12a4a16f0fc75' }, "Primary color"), h("smoothly-toggle-switch", { key: 'af3f58fbcf78c86ba6bf56735977ababf19d1077', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '6e44a069cdfcc16f35dedbd02e394eeb56ed7197' }, h("p", { key: '8ded09c92723b570e0a8806adab267e29b878a1f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '676edb5d7c66dc6882234361f64d57e07a14b606', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
13553
+ return (h(Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
13554
13554
  }
13555
13555
  };
13556
13556
  SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
@@ -13581,7 +13581,7 @@ const SmoothlyTrigger = class {
13581
13581
  result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
13582
13582
  break;
13583
13583
  case "button":
13584
- result = (h("button", { key: 'fc636c1efded46fbc488da77da59375c0e6042e9', disabled: this.disabled, name: this.name }, h("slot", { key: 'cf9af420179685f2eb7edcff63de43eeba1639a4' })));
13584
+ result = (h("button", { key: 'e6ce4681d3411c81399fddbd2a0e515ccc3688c9', disabled: this.disabled, name: this.name }, h("slot", { key: '1b1617f28075c5327177d37d94c7e54b21dc7ded' })));
13585
13585
  break;
13586
13586
  }
13587
13587
  return result;