smoothly 1.102.0 → 1.104.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 (368) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{smoothly-app_103.cjs.entry.js → smoothly-app_104.cjs.entry.js} +184 -163
  3. package/dist/cjs/smoothly-app_104.cjs.entry.js.map +1 -0
  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/collection-manifest.json +1 -0
  9. package/dist/collection/components/input/demo/date/index.js +1 -1
  10. package/dist/collection/components/input/demo/index.js +4 -4
  11. package/dist/collection/components/input/demo/index.js.map +1 -1
  12. package/dist/collection/components/input/demo/price/index.js +1 -1
  13. package/dist/collection/components/input/demo/radio/index.js +36 -0
  14. package/dist/collection/components/input/demo/radio/index.js.map +1 -0
  15. package/dist/collection/components/input/demo/radio/style.css +12 -0
  16. package/dist/collection/components/input/demo/standard/index.js +1 -1
  17. package/dist/collection/components/input/demo/user-input/index.js +3 -3
  18. package/dist/collection/components/input/edit/index.js +1 -1
  19. package/dist/collection/components/input/file/index.js +1 -1
  20. package/dist/collection/components/input/month/index.js +4 -4
  21. package/dist/collection/components/input/radio/item/index.js +1 -1
  22. package/dist/collection/components/input/radio/item/index.js.map +1 -1
  23. package/dist/collection/components/input/radio/item/style.css +10 -1
  24. package/dist/collection/components/input/radio/style.css +1 -0
  25. package/dist/collection/components/input/range/demo/index.js +1 -1
  26. package/dist/collection/components/input/range/index.js +4 -4
  27. package/dist/collection/components/input/reset/index.js +1 -1
  28. package/dist/collection/components/input/select/index.js +3 -3
  29. package/dist/collection/components/input/style.css +4 -5
  30. package/dist/collection/components/input/submit/index.js +1 -1
  31. package/dist/collection/components/item/index.js +1 -1
  32. package/dist/collection/components/label/index.js +2 -2
  33. package/dist/collection/components/lazy/index.js +1 -1
  34. package/dist/collection/components/load-more/index.js +1 -1
  35. package/dist/collection/components/modal/index.js +2 -2
  36. package/dist/collection/components/notification/index.js +1 -1
  37. package/dist/collection/components/notifier/index.js +1 -1
  38. package/dist/collection/components/spinner/index.js +2 -2
  39. package/dist/collection/components/submit/index.js +1 -1
  40. package/dist/collection/components/summary/index.js +1 -1
  41. package/dist/collection/components/table/body/index.js +1 -1
  42. package/dist/collection/components/table/cell/index.js +1 -1
  43. package/dist/collection/components/table/demo/colspan/index.js +1 -1
  44. package/dist/collection/components/table/demo/filler-row/index.js +1 -1
  45. package/dist/collection/components/table/demo/filtered/index.js +5 -5
  46. package/dist/collection/components/table/demo/group/index.js +1 -1
  47. package/dist/collection/components/table/demo/index.js +1 -1
  48. package/dist/collection/components/table/demo/nested-no-cell/index.js +2 -2
  49. package/dist/collection/components/table/demo/nested-no-cell/inner/index.js +1 -1
  50. package/dist/collection/components/table/demo/simple/simple.js +1 -1
  51. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  52. package/dist/collection/components/table/expandable/row/index.js +1 -1
  53. package/dist/collection/components/table/filler-row/index.js +1 -1
  54. package/dist/collection/components/table/foot/index.js +1 -1
  55. package/dist/collection/components/table/group/index.js +1 -1
  56. package/dist/collection/components/table/head/index.js +2 -2
  57. package/dist/collection/components/table/index.js +1 -1
  58. package/dist/collection/components/table/row/index.js +1 -1
  59. package/dist/collection/components/tabs/demo/index.js +1 -1
  60. package/dist/collection/components/tabs/tab/index.js +1 -1
  61. package/dist/collection/components/theme/color/index.js +1 -1
  62. package/dist/collection/components/theme/demo/index.js +1 -1
  63. package/dist/collection/components/theme/guide/index.js +8 -8
  64. package/dist/collection/components/theme/picker/index.js +2 -2
  65. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  66. package/dist/collection/components/toggle-switch/index.js +1 -1
  67. package/dist/collection/components/trigger/index.js +1 -1
  68. package/dist/collection/components/trigger/sink/index.js +1 -1
  69. package/dist/collection/components/trigger/source/index.js +1 -1
  70. package/dist/components/{p-2d754996.js → p-018f3b07.js} +3 -3
  71. package/dist/components/{p-2d754996.js.map → p-018f3b07.js.map} +1 -1
  72. package/dist/components/{p-5d4481e5.js → p-08527022.js} +2 -2
  73. package/dist/components/{p-5d4481e5.js.map → p-08527022.js.map} +1 -1
  74. package/dist/components/{p-55806dd1.js → p-0f6f0385.js} +6 -6
  75. package/dist/components/{p-55806dd1.js.map → p-0f6f0385.js.map} +1 -1
  76. package/dist/components/{p-9bcdd1ec.js → p-1a006926.js} +6 -6
  77. package/dist/components/{p-9bcdd1ec.js.map → p-1a006926.js.map} +1 -1
  78. package/dist/components/{p-fdf5432e.js → p-1b2cdb40.js} +8 -8
  79. package/dist/components/{p-fdf5432e.js.map → p-1b2cdb40.js.map} +1 -1
  80. package/dist/components/{p-1904abe1.js → p-1e5c4418.js} +5 -5
  81. package/dist/components/{p-1904abe1.js.map → p-1e5c4418.js.map} +1 -1
  82. package/dist/components/p-23411737.js +282 -0
  83. package/dist/components/p-23411737.js.map +1 -0
  84. package/dist/components/{p-4051f859.js → p-234932d2.js} +3 -3
  85. package/dist/components/{p-4051f859.js.map → p-234932d2.js.map} +1 -1
  86. package/dist/components/{p-4d3d5d0b.js → p-237af64d.js} +9 -9
  87. package/dist/components/{p-4d3d5d0b.js.map → p-237af64d.js.map} +1 -1
  88. package/dist/components/{p-7a9728b2.js → p-239cce56.js} +3 -3
  89. package/dist/components/{p-7a9728b2.js.map → p-239cce56.js.map} +1 -1
  90. package/dist/components/{p-1062aeb9.js → p-29b5ead7.js} +3 -3
  91. package/dist/components/{p-1062aeb9.js.map → p-29b5ead7.js.map} +1 -1
  92. package/dist/components/{p-14e31e4a.js → p-2b01f531.js} +10 -10
  93. package/dist/components/{p-14e31e4a.js.map → p-2b01f531.js.map} +1 -1
  94. package/dist/components/{p-f2f0d309.js → p-2d648420.js} +10 -10
  95. package/dist/components/{p-f2f0d309.js.map → p-2d648420.js.map} +1 -1
  96. package/dist/components/{p-d4f3568a.js → p-31af74d1.js} +18 -18
  97. package/dist/components/{p-d4f3568a.js.map → p-31af74d1.js.map} +1 -1
  98. package/dist/components/{p-1e46b981.js → p-33c30e05.js} +2 -2
  99. package/dist/components/{p-1e46b981.js.map → p-33c30e05.js.map} +1 -1
  100. package/dist/components/{p-35bfb804.js → p-3f2e92e9.js} +2 -2
  101. package/dist/components/{p-35bfb804.js.map → p-3f2e92e9.js.map} +1 -1
  102. package/dist/components/{p-658906f0.js → p-44a8837c.js} +9 -9
  103. package/dist/components/{p-658906f0.js.map → p-44a8837c.js.map} +1 -1
  104. package/dist/components/{p-5bc54b34.js → p-4be11c6b.js} +2 -2
  105. package/dist/components/{p-5bc54b34.js.map → p-4be11c6b.js.map} +1 -1
  106. package/dist/components/p-4c5965cd.js +45 -0
  107. package/dist/components/{p-003a635b.js.map → p-4c5965cd.js.map} +1 -1
  108. package/dist/components/{p-a2a5e7f4.js → p-4cb94746.js} +2 -2
  109. package/dist/components/{p-a2a5e7f4.js.map → p-4cb94746.js.map} +1 -1
  110. package/dist/components/{p-12f62e4d.js → p-4da1c188.js} +6 -6
  111. package/dist/components/{p-12f62e4d.js.map → p-4da1c188.js.map} +1 -1
  112. package/dist/components/{p-5cd257ad.js → p-4ee29da5.js} +3 -3
  113. package/dist/components/{p-5cd257ad.js.map → p-4ee29da5.js.map} +1 -1
  114. package/dist/components/p-52626573.js +123 -0
  115. package/dist/components/{p-c2fb9b51.js.map → p-52626573.js.map} +1 -1
  116. package/dist/components/{p-31603adf.js → p-527dedc1.js} +7 -7
  117. package/dist/components/{p-31603adf.js.map → p-527dedc1.js.map} +1 -1
  118. package/dist/components/{p-e3486f48.js → p-555fc66e.js} +10 -10
  119. package/dist/components/{p-e3486f48.js.map → p-555fc66e.js.map} +1 -1
  120. package/dist/components/{p-e32d9cd5.js → p-56100bc5.js} +5 -5
  121. package/dist/components/{p-e32d9cd5.js.map → p-56100bc5.js.map} +1 -1
  122. package/dist/components/{p-d422d58c.js → p-5ac20ff9.js} +3 -3
  123. package/dist/components/{p-d422d58c.js.map → p-5ac20ff9.js.map} +1 -1
  124. package/dist/components/{p-346ba422.js → p-5c9332bf.js} +2 -2
  125. package/dist/components/{p-346ba422.js.map → p-5c9332bf.js.map} +1 -1
  126. package/dist/components/{p-b25fbf6e.js → p-5d5bf179.js} +5 -5
  127. package/dist/components/{p-b25fbf6e.js.map → p-5d5bf179.js.map} +1 -1
  128. package/dist/components/{p-30f4e440.js → p-5eafd1ac.js} +4 -4
  129. package/dist/components/{p-30f4e440.js.map → p-5eafd1ac.js.map} +1 -1
  130. package/dist/components/{p-9ffa8501.js → p-60b2b2bb.js} +9 -9
  131. package/dist/components/{p-9ffa8501.js.map → p-60b2b2bb.js.map} +1 -1
  132. package/dist/components/{p-e48ad105.js → p-6337ab02.js} +3 -3
  133. package/dist/components/{p-e48ad105.js.map → p-6337ab02.js.map} +1 -1
  134. package/dist/components/{p-02c38067.js → p-6386d760.js} +5 -5
  135. package/dist/components/{p-02c38067.js.map → p-6386d760.js.map} +1 -1
  136. package/dist/components/{p-76cc6651.js → p-6ea452d9.js} +2 -2
  137. package/dist/components/{p-76cc6651.js.map → p-6ea452d9.js.map} +1 -1
  138. package/dist/components/{p-37732412.js → p-70b61978.js} +2 -2
  139. package/dist/components/{p-37732412.js.map → p-70b61978.js.map} +1 -1
  140. package/dist/components/{p-3a1a67e7.js → p-723edf05.js} +3 -3
  141. package/dist/components/{p-3a1a67e7.js.map → p-723edf05.js.map} +1 -1
  142. package/dist/components/{p-96fff9ba.js → p-73a6bddc.js} +7 -7
  143. package/dist/components/{p-96fff9ba.js.map → p-73a6bddc.js.map} +1 -1
  144. package/dist/components/{p-aff94100.js → p-766ab435.js} +5 -5
  145. package/dist/components/{p-aff94100.js.map → p-766ab435.js.map} +1 -1
  146. package/dist/components/{p-7550fc08.js → p-792c42af.js} +2 -2
  147. package/dist/components/{p-7550fc08.js.map → p-792c42af.js.map} +1 -1
  148. package/dist/components/{p-e7dcaec1.js → p-795bda50.js} +2 -2
  149. package/dist/components/{p-e7dcaec1.js.map → p-795bda50.js.map} +1 -1
  150. package/dist/components/{p-c9126eb3.js → p-81dec243.js} +34 -34
  151. package/dist/components/{p-c9126eb3.js.map → p-81dec243.js.map} +1 -1
  152. package/dist/components/{p-140b6f3c.js → p-82336e7b.js} +5 -5
  153. package/dist/components/{p-140b6f3c.js.map → p-82336e7b.js.map} +1 -1
  154. package/dist/components/{p-ec815cfd.js → p-82c97ae6.js} +7 -7
  155. package/dist/components/{p-ec815cfd.js.map → p-82c97ae6.js.map} +1 -1
  156. package/dist/components/{p-c259b478.js → p-830b192c.js} +12 -12
  157. package/dist/components/{p-c259b478.js.map → p-830b192c.js.map} +1 -1
  158. package/dist/components/{p-4dcf5fac.js → p-831cc89a.js} +21 -21
  159. package/dist/components/{p-4dcf5fac.js.map → p-831cc89a.js.map} +1 -1
  160. package/dist/components/{p-a3c25ce5.js → p-8435133a.js} +21 -21
  161. package/dist/components/{p-a3c25ce5.js.map → p-8435133a.js.map} +1 -1
  162. package/dist/components/{p-d8c97dde.js → p-84ba0025.js} +3 -3
  163. package/dist/components/{p-d8c97dde.js.map → p-84ba0025.js.map} +1 -1
  164. package/dist/components/{p-40d2000b.js → p-85ed9f7d.js} +2 -2
  165. package/dist/components/{p-40d2000b.js.map → p-85ed9f7d.js.map} +1 -1
  166. package/dist/components/{p-0e242fdd.js → p-974b3a13.js} +4 -4
  167. package/dist/components/{p-0e242fdd.js.map → p-974b3a13.js.map} +1 -1
  168. package/dist/components/{p-90cf2f0e.js → p-9ad494c1.js} +2 -2
  169. package/dist/components/{p-90cf2f0e.js.map → p-9ad494c1.js.map} +1 -1
  170. package/dist/components/{p-0b3f1a79.js → p-a76a4d76.js} +2 -2
  171. package/dist/components/{p-0b3f1a79.js.map → p-a76a4d76.js.map} +1 -1
  172. package/dist/components/{p-6aaf93a3.js → p-a9dd6d56.js} +13 -13
  173. package/dist/components/{p-6aaf93a3.js.map → p-a9dd6d56.js.map} +1 -1
  174. package/dist/components/{p-b494ebd3.js → p-aac05986.js} +9 -9
  175. package/dist/components/{p-b494ebd3.js.map → p-aac05986.js.map} +1 -1
  176. package/dist/components/{p-c4637f18.js → p-aac4d78f.js} +9 -9
  177. package/dist/components/{p-c4637f18.js.map → p-aac4d78f.js.map} +1 -1
  178. package/dist/components/{p-bb94849f.js → p-ac63635b.js} +2 -2
  179. package/dist/components/{p-bb94849f.js.map → p-ac63635b.js.map} +1 -1
  180. package/dist/components/{p-581d3377.js → p-ad918487.js} +6 -6
  181. package/dist/components/{p-581d3377.js.map → p-ad918487.js.map} +1 -1
  182. package/dist/components/{p-e04a506b.js → p-adb5afee.js} +11 -11
  183. package/dist/components/{p-e04a506b.js.map → p-adb5afee.js.map} +1 -1
  184. package/dist/components/{p-c172bb64.js → p-b34956f3.js} +8 -8
  185. package/dist/components/{p-c172bb64.js.map → p-b34956f3.js.map} +1 -1
  186. package/dist/components/{p-753658b4.js → p-b4919dec.js} +2 -2
  187. package/dist/components/{p-753658b4.js.map → p-b4919dec.js.map} +1 -1
  188. package/dist/components/{p-4f0ce21b.js → p-b52a6734.js} +3 -3
  189. package/dist/components/{p-4f0ce21b.js.map → p-b52a6734.js.map} +1 -1
  190. package/dist/components/{p-3abf736a.js → p-b5752ca0.js} +5 -5
  191. package/dist/components/{p-3abf736a.js.map → p-b5752ca0.js.map} +1 -1
  192. package/dist/components/{p-2779565d.js → p-b80060f3.js} +2 -2
  193. package/dist/components/{p-2779565d.js.map → p-b80060f3.js.map} +1 -1
  194. package/dist/components/{p-a4614780.js → p-bb65b34c.js} +2 -2
  195. package/dist/components/{p-a4614780.js.map → p-bb65b34c.js.map} +1 -1
  196. package/dist/components/{p-e9905fbc.js → p-bc772857.js} +17 -17
  197. package/dist/components/{p-e9905fbc.js.map → p-bc772857.js.map} +1 -1
  198. package/dist/components/{p-71fa6386.js → p-c26e4c8e.js} +4 -4
  199. package/dist/components/{p-71fa6386.js.map → p-c26e4c8e.js.map} +1 -1
  200. package/dist/components/{p-dea4659e.js → p-c3625434.js} +3 -3
  201. package/dist/components/{p-dea4659e.js.map → p-c3625434.js.map} +1 -1
  202. package/dist/components/{p-3fa2299b.js → p-c37e4491.js} +2 -2
  203. package/dist/components/{p-3fa2299b.js.map → p-c37e4491.js.map} +1 -1
  204. package/dist/components/{p-fb97b2ff.js → p-c4674baf.js} +4 -4
  205. package/dist/components/p-c4674baf.js.map +1 -0
  206. package/dist/components/{p-4a5c24c0.js → p-c65c7493.js} +22 -22
  207. package/dist/components/{p-4a5c24c0.js.map → p-c65c7493.js.map} +1 -1
  208. package/dist/components/{p-19d93e64.js → p-c9caeeb4.js} +2 -2
  209. package/dist/components/{p-19d93e64.js.map → p-c9caeeb4.js.map} +1 -1
  210. package/dist/components/{p-93141817.js → p-ccb418c1.js} +10 -10
  211. package/dist/components/{p-93141817.js.map → p-ccb418c1.js.map} +1 -1
  212. package/dist/components/{p-6d1e5f27.js → p-ce52b5f8.js} +3 -3
  213. package/dist/components/p-ce52b5f8.js.map +1 -0
  214. package/dist/components/{p-f55ddc88.js → p-ced1fd1c.js} +30 -30
  215. package/dist/components/{p-f55ddc88.js.map → p-ced1fd1c.js.map} +1 -1
  216. package/dist/components/{p-7b6467fd.js → p-d5f78e0f.js} +11 -11
  217. package/dist/components/{p-7b6467fd.js.map → p-d5f78e0f.js.map} +1 -1
  218. package/dist/components/{p-50304fc1.js → p-d8a2f2ba.js} +3 -3
  219. package/dist/components/{p-50304fc1.js.map → p-d8a2f2ba.js.map} +1 -1
  220. package/dist/components/p-dccf0678.js +74 -0
  221. package/dist/components/p-dccf0678.js.map +1 -0
  222. package/dist/components/{p-97e22dc3.js → p-e44568a9.js} +4 -4
  223. package/dist/components/{p-97e22dc3.js.map → p-e44568a9.js.map} +1 -1
  224. package/dist/components/{p-211c0f22.js → p-e779a545.js} +3 -3
  225. package/dist/components/{p-211c0f22.js.map → p-e779a545.js.map} +1 -1
  226. package/dist/components/{p-6008d530.js → p-ea295759.js} +4 -4
  227. package/dist/components/{p-6008d530.js.map → p-ea295759.js.map} +1 -1
  228. package/dist/components/{p-6f96e7ef.js → p-ef0cb600.js} +2 -2
  229. package/dist/components/{p-6f96e7ef.js.map → p-ef0cb600.js.map} +1 -1
  230. package/dist/components/{p-4441247b.js → p-efb6497e.js} +6 -6
  231. package/dist/components/{p-4441247b.js.map → p-efb6497e.js.map} +1 -1
  232. package/dist/components/{p-6a11096b.js → p-f1b7920d.js} +2 -2
  233. package/dist/components/{p-6a11096b.js.map → p-f1b7920d.js.map} +1 -1
  234. package/dist/components/{p-04b312ca.js → p-f4a54d1b.js} +2 -2
  235. package/dist/components/{p-04b312ca.js.map → p-f4a54d1b.js.map} +1 -1
  236. package/dist/components/{p-a8f5826f.js → p-f5400818.js} +11 -11
  237. package/dist/components/{p-a8f5826f.js.map → p-f5400818.js.map} +1 -1
  238. package/dist/components/{p-064f3907.js → p-f5bbd838.js} +3 -3
  239. package/dist/components/{p-064f3907.js.map → p-f5bbd838.js.map} +1 -1
  240. package/dist/components/{p-6e8454e3.js → p-f7d8bf2d.js} +8 -8
  241. package/dist/components/{p-6e8454e3.js.map → p-f7d8bf2d.js.map} +1 -1
  242. package/dist/components/{p-2ef8a833.js → p-fd230d2b.js} +2 -2
  243. package/dist/components/{p-2ef8a833.js.map → p-fd230d2b.js.map} +1 -1
  244. package/dist/components/smoothly-app-demo.js +156 -150
  245. package/dist/components/smoothly-app-demo.js.map +1 -1
  246. package/dist/components/smoothly-app-room.js +1 -1
  247. package/dist/components/smoothly-app.js +1 -1
  248. package/dist/components/smoothly-button-demo-standard.js +1 -1
  249. package/dist/components/smoothly-button-demo.js +1 -1
  250. package/dist/components/smoothly-calendar.js +1 -1
  251. package/dist/components/smoothly-dialog-demo.js +1 -1
  252. package/dist/components/smoothly-dialog.js +1 -1
  253. package/dist/components/smoothly-display-demo.js +1 -1
  254. package/dist/components/smoothly-filter-field.js +1 -1
  255. package/dist/components/smoothly-filter-input.js +1 -1
  256. package/dist/components/smoothly-filter-select.js +1 -1
  257. package/dist/components/smoothly-filter.js +1 -1
  258. package/dist/components/smoothly-form-demo-all.js +1 -1
  259. package/dist/components/smoothly-form-demo-card.js +1 -1
  260. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  261. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  262. package/dist/components/smoothly-form-demo-date.js +1 -1
  263. package/dist/components/smoothly-form-demo-login.js +1 -1
  264. package/dist/components/smoothly-form-demo-pet.js +1 -1
  265. package/dist/components/smoothly-form-demo-prices.js +1 -1
  266. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  267. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  268. package/dist/components/smoothly-form-demo-typed.js +1 -1
  269. package/dist/components/smoothly-form-demo.js +1 -1
  270. package/dist/components/smoothly-form.js +1 -1
  271. package/dist/components/smoothly-icon-demo.js +1 -1
  272. package/dist/components/smoothly-input-checkbox-demo.js +20 -20
  273. package/dist/components/smoothly-input-checkbox.js +1 -1
  274. package/dist/components/smoothly-input-clear.js +1 -1
  275. package/dist/components/smoothly-input-color-demo.js +1 -1
  276. package/dist/components/smoothly-input-color.js +1 -1
  277. package/dist/components/smoothly-input-date-demo.js +1 -1
  278. package/dist/components/smoothly-input-date-range.js +1 -1
  279. package/dist/components/smoothly-input-date-time.js +1 -1
  280. package/dist/components/smoothly-input-date.js +1 -1
  281. package/dist/components/smoothly-input-demo-radio.d.ts +11 -0
  282. package/dist/components/smoothly-input-demo-radio.js +8 -0
  283. package/dist/components/smoothly-input-demo-radio.js.map +1 -0
  284. package/dist/components/smoothly-input-demo-standard.js +1 -1
  285. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  286. package/dist/components/smoothly-input-demo.js +1 -1
  287. package/dist/components/smoothly-input-edit.js +1 -1
  288. package/dist/components/smoothly-input-file.js +1 -1
  289. package/dist/components/smoothly-input-month.js +1 -1
  290. package/dist/components/smoothly-input-price-demo.js +1 -1
  291. package/dist/components/smoothly-input-radio-item.js +1 -1
  292. package/dist/components/smoothly-input-radio.js +1 -1
  293. package/dist/components/smoothly-input-range-demo.js +1 -1
  294. package/dist/components/smoothly-input-range.js +1 -1
  295. package/dist/components/smoothly-input-reset.js +1 -1
  296. package/dist/components/smoothly-input-select.js +1 -1
  297. package/dist/components/smoothly-input-submit.js +1 -1
  298. package/dist/components/smoothly-input.js +1 -1
  299. package/dist/components/smoothly-item.js +1 -1
  300. package/dist/components/smoothly-label.js +1 -1
  301. package/dist/components/smoothly-lazy.js +1 -1
  302. package/dist/components/smoothly-load-more.js +1 -1
  303. package/dist/components/smoothly-modal.js +1 -1
  304. package/dist/components/smoothly-notification.js +1 -1
  305. package/dist/components/smoothly-notifier.js +1 -1
  306. package/dist/components/smoothly-spinner.js +1 -1
  307. package/dist/components/smoothly-submit.js +1 -1
  308. package/dist/components/smoothly-summary.js +1 -1
  309. package/dist/components/smoothly-tab.js +1 -1
  310. package/dist/components/smoothly-table-body.js +1 -1
  311. package/dist/components/smoothly-table-cell.js +1 -1
  312. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  313. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  314. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  315. package/dist/components/smoothly-table-demo-group.js +1 -1
  316. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  317. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  318. package/dist/components/smoothly-table-demo-simple.js +1 -1
  319. package/dist/components/smoothly-table-demo.js +1 -1
  320. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  321. package/dist/components/smoothly-table-expandable-row.js +1 -1
  322. package/dist/components/smoothly-table-filler-row.js +1 -1
  323. package/dist/components/smoothly-table-foot.js +1 -1
  324. package/dist/components/smoothly-table-head.js +1 -1
  325. package/dist/components/smoothly-table-row-group.js +1 -1
  326. package/dist/components/smoothly-table-row.js +1 -1
  327. package/dist/components/smoothly-table.js +1 -1
  328. package/dist/components/smoothly-tabs-demo.js +1 -1
  329. package/dist/components/smoothly-theme-color.js +1 -1
  330. package/dist/components/smoothly-theme-colors.js +1 -1
  331. package/dist/components/smoothly-theme-demo.js +1 -1
  332. package/dist/components/smoothly-theme-guide.js +1 -1
  333. package/dist/components/smoothly-theme-picker.js +1 -1
  334. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  335. package/dist/components/smoothly-toggle-switch.js +1 -1
  336. package/dist/components/smoothly-trigger-sink.js +1 -1
  337. package/dist/components/smoothly-trigger-source.js +1 -1
  338. package/dist/components/smoothly-trigger.js +1 -1
  339. package/dist/esm/loader.js +1 -1
  340. package/dist/esm/{smoothly-app_103.entry.js → smoothly-app_104.entry.js} +184 -164
  341. package/dist/esm/smoothly-app_104.entry.js.map +1 -0
  342. package/dist/esm/smoothly-submit.entry.js +1 -1
  343. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  344. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  345. package/dist/esm/smoothly.js +1 -1
  346. package/dist/smoothly/{p-1591ed71.entry.js → p-2009497a.entry.js} +2 -2
  347. package/dist/smoothly/{p-bcf83be6.entry.js → p-24c44cdc.entry.js} +2 -2
  348. package/dist/smoothly/p-2b771608.entry.js +2 -0
  349. package/dist/smoothly/p-2b771608.entry.js.map +1 -0
  350. package/dist/smoothly/{p-a00d7c21.entry.js → p-c04ed5b3.entry.js} +2 -2
  351. package/dist/smoothly/smoothly.esm.js +1 -1
  352. package/dist/smoothly/smoothly.esm.js.map +1 -1
  353. package/dist/types/components/input/demo/radio/index.d.ts +5 -0
  354. package/dist/types/components.d.ts +13 -0
  355. package/package.json +1 -1
  356. package/dist/cjs/smoothly-app_103.cjs.entry.js.map +0 -1
  357. package/dist/components/p-003a635b.js +0 -45
  358. package/dist/components/p-6d1e5f27.js.map +0 -1
  359. package/dist/components/p-7c487e25.js +0 -264
  360. package/dist/components/p-7c487e25.js.map +0 -1
  361. package/dist/components/p-c2fb9b51.js +0 -123
  362. package/dist/components/p-fb97b2ff.js.map +0 -1
  363. package/dist/esm/smoothly-app_103.entry.js.map +0 -1
  364. package/dist/smoothly/p-5b91cbdd.entry.js +0 -2
  365. package/dist/smoothly/p-5b91cbdd.entry.js.map +0 -1
  366. /package/dist/smoothly/{p-1591ed71.entry.js.map → p-2009497a.entry.js.map} +0 -0
  367. /package/dist/smoothly/{p-bcf83be6.entry.js.map → p-24c44cdc.entry.js.map} +0 -0
  368. /package/dist/smoothly/{p-a00d7c21.entry.js.map → p-c04ed5b3.entry.js.map} +0 -0
package/dist/components/{p-aff94100.js.map → p-766ab435.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-aff94100.js","mappings":"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","names":[],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\talign-items: center;\n\tjustify-content: center;\n}\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host div.color-sample {\n\theight: 2em;\n\twidth: 3em;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--hexCode);\n\toutline: 1px solid rgb(var(--smoothly-input-border));\n\tborder-radius: 3px;\n}\n:host smoothly-icon[name=options-outline] {\n\tpadding-right: var(--input-padding-side);\n}\n:host[readonly] smoothly-icon[name=options-outline],\n:host[disabled] smoothly-icon[name=options-outline] {\n\tdisplay: none;\n}\n:host:not([readonly]):not([disabled]) smoothly-icon[name=options-outline] {\n\tcursor: pointer;\n}\n:host>div.rgb-sliders {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tposition: absolute;\n\tpadding: 1em 1em 1em 0;\n\ttop: calc(var(--element-height) + .8em);\n\tleft: 0;\n\tbox-sizing: border-box;\n\tz-index: 20;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n:host>div.rgb-sliders::before {\n\tcontent: \"\";\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n\tposition: absolute;\n\tz-index: 100;\n\ttop: 0em\n}\n:host>div.rgb-sliders>smoothly-toggle-switch {\n\tmargin-left: auto;\n\tmargin-right: 1em;\n\tmargin-bottom: 1em;\n}\ndiv.rgb-sliders smoothly-input-range {\n\tpadding: .5em 0\n}\ndiv.rgb-sliders smoothly-input-range label {\n\twidth: 4em;\n}\n\n/* -------------RGB SLIDERS------------------- */\n\n/* --------------------R------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-thumb {\n\tbackground-color: red;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-thumb {\n\tbackground-color: red;\n}\n\n/* --------------------G------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-thumb {\n\tbackground-color: green;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-thumb {\n\tbackground-color: green;\n}\n\n/* --------------------B------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-thumb { \n\tbackground-color: blue;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-thumb {\n\tbackground-color: blue;\n}\n\n/* -------------HSL SLIDERS------------------- */\n\n/* --------------------H------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\n\n\n/* --------------------S------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-runnable-track { \n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-track {\n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\n\n/* --------------------L------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-thumb {\n\tbackground-color: #777;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-thumb {\n\tbackground-color: #777;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { HSL } from \"../../../model/Color/HSL\"\nimport { RGB } from \"../../../model/Color/RGB\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate rgb: RGB = { r: undefined, g: undefined, b: undefined }\n\tprivate hsl: HSL = { h: undefined, s: undefined, l: undefined }\n\tprivate initialValue: string | undefined\n\t@Prop({ mutable: true }) value: string | undefined = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() output: \"rgb\" | \"hex\" = \"rgb\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Element() element: HTMLSmoothlyInputColorElement\n\t@State() open = false\n\t@State() sliderMode: \"rgb\" | \"hsl\" = \"rgb\"\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.value && this.setInitialValue()\n\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputColor) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<RGB | string | undefined> {\n\t\treturn this.output === \"rgb\"\n\t\t\t? {\n\t\t\t\t\tr: this.rgb.r === undefined ? undefined : Math.round(this.rgb.r),\n\t\t\t\t\tg: this.rgb.g === undefined ? undefined : Math.round(this.rgb.g),\n\t\t\t\t\tb: this.rgb.b === undefined ? undefined : Math.round(this.rgb.b),\n\t\t\t }\n\t\t\t: this.value\n\t\t\t? this.value\n\t\t\t: undefined\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.open = false\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\thandleSwitchMode(event: CustomEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.sliderMode = event.detail ? \"hsl\" : \"rgb\"\n\t\tif (this.sliderMode === \"rgb\") {\n\t\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\t} else {\n\t\t\tthis.value && (this.hsl = Color.RGB.toHSL(Color.Hex.toRGB(this.value)))\n\t\t}\n\t}\n\tasync hexInputHandler(value: string): Promise<void> {\n\t\tif (value !== this.value) {\n\t\t\tif (value && Color.Hex.type.is(value)) {\n\t\t\t\tif (this.sliderMode === \"hsl\" || this.rgb.r === undefined) {\n\t\t\t\t\tthis.rgb = Color.Hex.toRGB(value)\n\t\t\t\t}\n\t\t\t\tif (this.sliderMode === \"rgb\" || this.hsl.h === undefined) {\n\t\t\t\t\tthis.hsl = Color.RGB.toHSL(Color.Hex.toRGB(value))\n\t\t\t\t}\n\t\t\t} else if (!value || !Color.Hex.type.is(value)) {\n\t\t\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\t\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\t\t}\n\t\t\tthis.value = value\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tsliderInputHandler(event: CustomEvent<Data>): void {\n\t\tevent.stopPropagation()\n\t\tconst color = Object.keys(event.detail)[0]\n\t\tlet temporaryColor = this.sliderMode === \"rgb\" ? this.rgb : this.hsl\n\t\ttype ColorType = HSL | RGB\n\t\tif (!(event.detail[color] === undefined)) {\n\t\t\tfor (const key of Object.keys(temporaryColor))\n\t\t\t\tif (key === color)\n\t\t\t\t\ttemporaryColor = {\n\t\t\t\t\t\t...temporaryColor,\n\t\t\t\t\t\t[key]: key === \"s\" || key === \"l\" ? +(event.detail[color] ?? 0) * 100 : event.detail[color],\n\t\t\t\t\t}\n\t\t\t\telse if (temporaryColor[key as keyof ColorType] === undefined)\n\t\t\t\t\ttemporaryColor = { ...temporaryColor, [key]: 0 }\n\t\t\tif (this.sliderMode === \"rgb\") {\n\t\t\t\tthis.rgb = { ...temporaryColor } as RGB\n\t\t\t\tthis.hsl = Color.RGB.toHSL(this.rgb)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(this.rgb))\n\t\t\t} else {\n\t\t\t\tthis.hsl = { ...temporaryColor } as HSL\n\t\t\t\tthis.rgb = Color.HSL.toRGB(this.hsl)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(Color.HSL.toRGB(this.hsl)))\n\t\t\t}\n\t\t}\n\t}\n\topenDropdown(): void {\n\t\tthis.open = !this.open\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hexCode\": this.value,\n\t\t\t\t\t\"--rgb-r\": `${Math.round(this.rgb.r ?? 0)}`,\n\t\t\t\t\t\"--rgb-g\": `${Math.round(this.rgb.g ?? 0)}`,\n\t\t\t\t\t\"--rgb-b\": `${Math.round(this.rgb.b ?? 0)}`,\n\t\t\t\t\t\"--hsl-h\": `${Math.round(this.hsl.h ?? 0)}`,\n\t\t\t\t\t\"--hsl-s\": `${Math.round(this.hsl.s ?? 0)}%`,\n\t\t\t\t\t\"--hsl-l\": `${Math.round(this.hsl.l ?? 0)}%`,\n\t\t\t\t\t\"--element-height\": `${this.element.clientHeight}px`,\n\t\t\t\t}}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={event => (event?.stopPropagation(), this.hexInputHandler(event.detail[this.name]))}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<div class=\"color-sample\" />\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tname=\"options-outline\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && this.openDropdown()}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Extra div needed otherwise stencil sets hidden on the slot for no apparent reason */}\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && !this.readonly && !this.disabled && (\n\t\t\t\t\t<div class=\"rgb-sliders\">\n\t\t\t\t\t\t<smoothly-toggle-switch\n\t\t\t\t\t\t\ttitle={`${this.sliderMode === \"rgb\" ? \"To HSL\" : \"To RGB\"}`}\n\t\t\t\t\t\t\tonSmoothlyToggleSwitchChange={event => this.handleSwitchMode(event)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcheckmark={false}\n\t\t\t\t\t\t\tselected={this.sliderMode === \"hsl\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{Object.entries(this.rgb).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"rgb\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={255}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t{Object.entries(this.hsl).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"hsl\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={key === \"h\" ? 359 : 1}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={key === \"s\" || key === \"l\" ? \"percent\" : \"text\"}\n\t\t\t\t\t\t\t\tvalue={(key === \"s\" || key === \"l\") && value ? value / 100 : value}\n\t\t\t\t\t\t\t\tstep={key === \"s\" || key === \"l\" ? 0.01 : 1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-766ab435.js","mappings":"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","names":[],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\talign-items: center;\n\tjustify-content: center;\n}\n:host>smoothly-input {\n\twidth: 100%;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host div.color-sample {\n\theight: 2em;\n\twidth: 3em;\n\tmargin-right: 0.5rem;\n\tbackground-color: var(--hexCode);\n\toutline: 1px solid rgb(var(--smoothly-input-border));\n\tborder-radius: 3px;\n}\n:host smoothly-icon[name=options-outline] {\n\tpadding-right: var(--input-padding-side);\n}\n:host[readonly] smoothly-icon[name=options-outline],\n:host[disabled] smoothly-icon[name=options-outline] {\n\tdisplay: none;\n}\n:host:not([readonly]):not([disabled]) smoothly-icon[name=options-outline] {\n\tcursor: pointer;\n}\n:host>div.rgb-sliders {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tposition: absolute;\n\tpadding: 1em 1em 1em 0;\n\ttop: calc(var(--element-height) + .8em);\n\tleft: 0;\n\tbox-sizing: border-box;\n\tz-index: 20;\n\tborder: 1px solid rgb(var(--smoothly-input-border));\n}\n:host>div.rgb-sliders::before {\n\tcontent: \"\";\n\ttransform: translate(2em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n\tposition: absolute;\n\tz-index: 100;\n\ttop: 0em\n}\n:host>div.rgb-sliders>smoothly-toggle-switch {\n\tmargin-left: auto;\n\tmargin-right: 1em;\n\tmargin-bottom: 1em;\n}\ndiv.rgb-sliders smoothly-input-range {\n\tpadding: .5em 0\n}\ndiv.rgb-sliders smoothly-input-range label {\n\twidth: 4em;\n}\n\n/* -------------RGB SLIDERS------------------- */\n\n/* --------------------R------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-moz-range-thumb {\n\tbackground-color: red;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=r]::-webkit-slider-thumb {\n\tbackground-color: red;\n}\n\n/* --------------------G------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-moz-range-thumb {\n\tbackground-color: green;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=g]::-webkit-slider-thumb {\n\tbackground-color: green;\n}\n\n/* --------------------B------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-track {\n\tbackground: linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-moz-range-thumb { \n\tbackground-color: blue;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=b]::-webkit-slider-thumb {\n\tbackground-color: blue;\n}\n\n/* -------------HSL SLIDERS------------------- */\n\n/* --------------------H------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-track {\n\tbackground: linear-gradient(to right in hsl longer hue, red, red)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=h]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), 100%, 50%)\n}\n\n\n/* --------------------S------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-runnable-track { \n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-track {\n\tbackground: linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%)); \n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-moz-range-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=s]::-webkit-slider-thumb {\n\tbackground-color: hsl(var(--hsl-h), var(--hsl-s), 50%)\n}\n\n/* --------------------L------------------- */\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-runnable-track {\n\tbackground: linear-gradient(to right, black, white)\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-moz-range-thumb {\n\tbackground-color: #777;\n}\ndiv.rgb-sliders smoothly-input-range>div>input[name=l]::-webkit-slider-thumb {\n\tbackground-color: #777;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { HSL } from \"../../../model/Color/HSL\"\nimport { RGB } from \"../../../model/Color/RGB\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate rgb: RGB = { r: undefined, g: undefined, b: undefined }\n\tprivate hsl: HSL = { h: undefined, s: undefined, l: undefined }\n\tprivate initialValue: string | undefined\n\t@Prop({ mutable: true }) value: string | undefined = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() output: \"rgb\" | \"hex\" = \"rgb\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Element() element: HTMLSmoothlyInputColorElement\n\t@State() open = false\n\t@State() sliderMode: \"rgb\" | \"hsl\" = \"rgb\"\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.value && this.setInitialValue()\n\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputColor) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<RGB | string | undefined> {\n\t\treturn this.output === \"rgb\"\n\t\t\t? {\n\t\t\t\t\tr: this.rgb.r === undefined ? undefined : Math.round(this.rgb.r),\n\t\t\t\t\tg: this.rgb.g === undefined ? undefined : Math.round(this.rgb.g),\n\t\t\t\t\tb: this.rgb.b === undefined ? undefined : Math.round(this.rgb.b),\n\t\t\t }\n\t\t\t: this.value\n\t\t\t? this.value\n\t\t\t: undefined\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t\tthis.open = false\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.open = false\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\thandleSwitchMode(event: CustomEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.sliderMode = event.detail ? \"hsl\" : \"rgb\"\n\t\tif (this.sliderMode === \"rgb\") {\n\t\t\tthis.value && (this.rgb = Color.Hex.toRGB(this.value))\n\t\t} else {\n\t\t\tthis.value && (this.hsl = Color.RGB.toHSL(Color.Hex.toRGB(this.value)))\n\t\t}\n\t}\n\tasync hexInputHandler(value: string): Promise<void> {\n\t\tif (value !== this.value) {\n\t\t\tif (value && Color.Hex.type.is(value)) {\n\t\t\t\tif (this.sliderMode === \"hsl\" || this.rgb.r === undefined) {\n\t\t\t\t\tthis.rgb = Color.Hex.toRGB(value)\n\t\t\t\t}\n\t\t\t\tif (this.sliderMode === \"rgb\" || this.hsl.h === undefined) {\n\t\t\t\t\tthis.hsl = Color.RGB.toHSL(Color.Hex.toRGB(value))\n\t\t\t\t}\n\t\t\t} else if (!value || !Color.Hex.type.is(value)) {\n\t\t\t\tthis.rgb = { r: undefined, g: undefined, b: undefined }\n\t\t\t\tthis.hsl = { h: undefined, s: undefined, l: undefined }\n\t\t\t}\n\t\t\tthis.value = value\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tsliderInputHandler(event: CustomEvent<Data>): void {\n\t\tevent.stopPropagation()\n\t\tconst color = Object.keys(event.detail)[0]\n\t\tlet temporaryColor = this.sliderMode === \"rgb\" ? this.rgb : this.hsl\n\t\ttype ColorType = HSL | RGB\n\t\tif (!(event.detail[color] === undefined)) {\n\t\t\tfor (const key of Object.keys(temporaryColor))\n\t\t\t\tif (key === color)\n\t\t\t\t\ttemporaryColor = {\n\t\t\t\t\t\t...temporaryColor,\n\t\t\t\t\t\t[key]: key === \"s\" || key === \"l\" ? +(event.detail[color] ?? 0) * 100 : event.detail[color],\n\t\t\t\t\t}\n\t\t\t\telse if (temporaryColor[key as keyof ColorType] === undefined)\n\t\t\t\t\ttemporaryColor = { ...temporaryColor, [key]: 0 }\n\t\t\tif (this.sliderMode === \"rgb\") {\n\t\t\t\tthis.rgb = { ...temporaryColor } as RGB\n\t\t\t\tthis.hsl = Color.RGB.toHSL(this.rgb)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(this.rgb))\n\t\t\t} else {\n\t\t\t\tthis.hsl = { ...temporaryColor } as HSL\n\t\t\t\tthis.rgb = Color.HSL.toRGB(this.hsl)\n\t\t\t\tthis.hexInputHandler(Color.RGB.toHex(Color.HSL.toRGB(this.hsl)))\n\t\t\t}\n\t\t}\n\t}\n\topenDropdown(): void {\n\t\tthis.open = !this.open\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tstyle={{\n\t\t\t\t\t\"--hexCode\": this.value,\n\t\t\t\t\t\"--rgb-r\": `${Math.round(this.rgb.r ?? 0)}`,\n\t\t\t\t\t\"--rgb-g\": `${Math.round(this.rgb.g ?? 0)}`,\n\t\t\t\t\t\"--rgb-b\": `${Math.round(this.rgb.b ?? 0)}`,\n\t\t\t\t\t\"--hsl-h\": `${Math.round(this.hsl.h ?? 0)}`,\n\t\t\t\t\t\"--hsl-s\": `${Math.round(this.hsl.s ?? 0)}%`,\n\t\t\t\t\t\"--hsl-l\": `${Math.round(this.hsl.l ?? 0)}%`,\n\t\t\t\t\t\"--element-height\": `${this.element.clientHeight}px`,\n\t\t\t\t}}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={event => (event?.stopPropagation(), this.hexInputHandler(event.detail[this.name]))}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<div class=\"color-sample\" />\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tname=\"options-outline\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && this.openDropdown()}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t{/* Extra div needed otherwise stencil sets hidden on the slot for no apparent reason */}\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && !this.readonly && !this.disabled && (\n\t\t\t\t\t<div class=\"rgb-sliders\">\n\t\t\t\t\t\t<smoothly-toggle-switch\n\t\t\t\t\t\t\ttitle={`${this.sliderMode === \"rgb\" ? \"To HSL\" : \"To RGB\"}`}\n\t\t\t\t\t\t\tonSmoothlyToggleSwitchChange={event => this.handleSwitchMode(event)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tcheckmark={false}\n\t\t\t\t\t\t\tselected={this.sliderMode === \"hsl\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{Object.entries(this.rgb).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"rgb\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={255}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={\"text\"}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t{Object.entries(this.hsl).map(([key, value]) => (\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tstyle={this.sliderMode != \"hsl\" ? { display: \"none\" } : {}}\n\t\t\t\t\t\t\t\tname={key}\n\t\t\t\t\t\t\t\tmin={0}\n\t\t\t\t\t\t\t\tmax={key === \"h\" ? 359 : 1}\n\t\t\t\t\t\t\t\tcolor={undefined}\n\t\t\t\t\t\t\t\ttype={key === \"s\" || key === \"l\" ? \"percent\" : \"text\"}\n\t\t\t\t\t\t\t\tvalue={(key === \"s\" || key === \"l\") && value ? value / 100 : value}\n\t\t\t\t\t\t\t\tstep={key === \"s\" || key === \"l\" ? 0.01 : 1}\n\t\t\t\t\t\t\t\toutputSide=\"right\"\n\t\t\t\t\t\t\t\tonSmoothlyInput={event => this.sliderInputHandler(event)}\n\t\t\t\t\t\t\t\tonSmoothlyUserInput={event => event.stopPropagation()}\n\t\t\t\t\t\t\t\tlabel={key.toUpperCase()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-7550fc08.js → p-792c42af.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
2
2
  import { p as parse } from './p-caf09da9.js';
3
3
  import { d as defineCustomElement$2 } from './p-604f869e.js';
4
- import { d as defineCustomElement$1 } from './p-e48ad105.js';
4
+ import { d as defineCustomElement$1 } from './p-6337ab02.js';
5
5
 
6
6
  const styleCss = ".sc-smoothly-filter-field-h{flex-grow:5}";
7
7
  const SmoothlyFilterFieldStyle0 = styleCss;
@@ -66,4 +66,4 @@ defineCustomElement();
66
66
 
67
67
  export { SmoothlyFilterField as S, defineCustomElement as d };
68
68
 
69
- //# sourceMappingURL=p-7550fc08.js.map
69
+ //# sourceMappingURL=p-792c42af.js.map
package/dist/components/{p-7550fc08.js.map → p-792c42af.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-7550fc08.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCQV,mBAAmB;;;;;QAEvB,UAAK,GAAW,EAAE,CAAA;;;IAI1B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KAClE;IACD,WAAW,CAAC,KAAwB;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,MAAgB,CAAA;KAC1C;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,iBAAiB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;aACjD,EACD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACxC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Data } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement | undefined\n\tprivate value: string = \"\"\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.value ?? \"\"))\n\t}\n\tupdateValue(event: CustomEvent<Data>) {\n\t\tthis.value = event.detail.filter as string\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyKeydown={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.detail.key == \"Enter\" && this.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.updateValue(e)\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-792c42af.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCQV,mBAAmB;;;;;QAEvB,UAAK,GAAW,EAAE,CAAA;;;IAI1B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KAClE;IACD,WAAW,CAAC,KAAwB;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,MAAgB,CAAA;KAC1C;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,iBAAiB,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;aACjD,EACD,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACxC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { Data } from \"../../../model\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement | undefined\n\tprivate value: string = \"\"\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.value ?? \"\"))\n\t}\n\tupdateValue(event: CustomEvent<Data>) {\n\t\tthis.value = event.detail.filter as string\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyKeydown={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\te.detail.key == \"Enter\" && this.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.updateValue(e)\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-e7dcaec1.js → p-795bda50.js} RENAMED
@@ -37,7 +37,7 @@ const SmoothlyInputEdit = proxyCustomElement(class SmoothlyInputEdit extends H {
37
37
  }
38
38
  render() {
39
39
  var _a;
40
- 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" }))));
40
+ return (h(Host, { key: 'f3bc55a7a59a13b8b9359d62e91e3af8d44a50dc', title: this.tooltip }, h("smoothly-button", { key: 'cf4df9b7490783a451ef8b27efe8da46956a51fd', 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: '4dfbe9901f613a32e125d3dc4568ae43374144b0' }), h("smoothly-icon", { key: 'd45e03a9d3a47032d17f1791ad91fb13529a775f', class: "default", name: "create-outline", size: "tiny" }))));
41
41
  }
42
42
  static get style() { return SmoothlyInputEditStyle0; }
43
43
  }, [6, "smoothly-input-edit", {
@@ -78,4 +78,4 @@ defineCustomElement();
78
78
 
79
79
  export { SmoothlyInputEdit as S, defineCustomElement as d };
80
80
 
81
- //# sourceMappingURL=p-e7dcaec1.js.map
81
+ //# sourceMappingURL=p-795bda50.js.map
package/dist/components/{p-e7dcaec1.js.map → p-795bda50.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-e7dcaec1.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,irOAAirO,CAAC;AACnsO,gCAAe,QAAQ;;MCQV,iBAAiB;;;;;qBAEL,UAAU;;;wBAGiB,KAAK;uBACN,IAAI;;oBAEJ,OAAO;;uBAEvC,MAAM;;IAExB,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;oBACpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAA;iBACzB,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACvB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/edit/style.css?tag=smoothly-input-edit&encapsulation=scoped","src/components/input/edit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([editable]){\n\topacity: 0.5;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host smoothly-icon.default {\n\ttransform: translate(.1em, -.1em);\n}\n\n:host::slotted(button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { Editable } from \"../Editable\"\n\n@Component({\n\ttag: \"smoothly-input-edit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputEdit implements ComponentWillLoad {\n\tprivate parent?: Editable\n\t@Prop() color?: Color = \"tertiary\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop() tooltip = \"Edit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tthis.display = p.readonly\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.edit(true)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon class=\"default\" name=\"create-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-795bda50.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,irOAAirO,CAAC;AACnsO,gCAAe,QAAQ;;MCQV,iBAAiB;;;;;qBAEL,UAAU;;;wBAGiB,KAAK;uBACN,IAAI;;oBAEJ,OAAO;;uBAEvC,MAAM;;IAExB,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,MAAM,CAAC,MAAM,CAAC,OAAM,CAAC;oBACpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAA;iBACzB,CAAC,CAAA;aACF;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAA;KACvB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACxB,wEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,MAAA,IAAI,CAAC,IAAI,oCAAK,IAAI,CAAC,IAAI,IAAI,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,IAC/D,8DAAQ,EACR,sEAAe,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/edit/style.css?tag=smoothly-input-edit&encapsulation=scoped","src/components/input/edit/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host(:not([display])) {\n\tdisplay: none;\n}\n\n:host([editable]){\n\topacity: 0.5;\n}\n\n:host([type=\"input\"])::slotted(smoothly-button>button) {\n\tcursor: pointer;\n\tfilter: opacity(60%);\n\t--smoothly-button-foreground: var(--smoothly-input-foreground);\n\tbackground-color: transparent;\n}\n\n:host smoothly-icon.default {\n\ttransform: translate(.1em, -.1em);\n}\n\n:host::slotted(button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n","import { Component, ComponentWillLoad, Event, EventEmitter, h, Host, Listen, Prop, VNode } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { Editable } from \"../Editable\"\n\n@Component({\n\ttag: \"smoothly-input-edit\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputEdit implements ComponentWillLoad {\n\tprivate parent?: Editable\n\t@Prop() color?: Color = \"tertiary\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop() tooltip = \"Edit\"\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Editable.type.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tparent.listen(async p => {\n\t\t\t\t\tthis.display = p.readonly\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.edit(true)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host title={this.tooltip}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={this.fill ?? (this.type == \"input\" ? \"clear\" : undefined)}>\n\t\t\t\t\t<slot />\n\t\t\t\t\t<smoothly-icon class=\"default\" name=\"create-outline\" size=\"tiny\" />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-c9126eb3.js → p-81dec243.js} RENAMED
@@ -1,47 +1,47 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
2
2
  import { d as defineCustomElement$H } from './p-76531b32.js';
3
3
  import { d as defineCustomElement$G } from './p-2826e824.js';
4
- import { d as defineCustomElement$F } from './p-30f4e440.js';
4
+ import { d as defineCustomElement$F } from './p-5eafd1ac.js';
5
5
  import { d as defineCustomElement$E } from './p-00165343.js';
6
6
  import { d as defineCustomElement$D } from './p-9e2ee779.js';
7
7
  import { d as defineCustomElement$C } from './p-4e754f3b.js';
8
8
  import { d as defineCustomElement$B } from './p-f893b6cc.js';
9
9
  import { d as defineCustomElement$A } from './p-ccbdacc9.js';
10
10
  import { d as defineCustomElement$z } from './p-3aed2b34.js';
11
- import { d as defineCustomElement$y } from './p-19d93e64.js';
12
- import { d as defineCustomElement$x } from './p-e9905fbc.js';
13
- import { d as defineCustomElement$w } from './p-140b6f3c.js';
14
- import { d as defineCustomElement$v } from './p-e3486f48.js';
15
- import { d as defineCustomElement$u } from './p-c4637f18.js';
16
- import { d as defineCustomElement$t } from './p-b494ebd3.js';
17
- import { d as defineCustomElement$s } from './p-9bcdd1ec.js';
18
- import { d as defineCustomElement$r } from './p-4a5c24c0.js';
19
- import { d as defineCustomElement$q } from './p-55806dd1.js';
20
- import { d as defineCustomElement$p } from './p-7b6467fd.js';
21
- import { d as defineCustomElement$o } from './p-c259b478.js';
22
- import { d as defineCustomElement$n } from './p-a8f5826f.js';
11
+ import { d as defineCustomElement$y } from './p-c9caeeb4.js';
12
+ import { d as defineCustomElement$x } from './p-bc772857.js';
13
+ import { d as defineCustomElement$w } from './p-82336e7b.js';
14
+ import { d as defineCustomElement$v } from './p-555fc66e.js';
15
+ import { d as defineCustomElement$u } from './p-aac4d78f.js';
16
+ import { d as defineCustomElement$t } from './p-aac05986.js';
17
+ import { d as defineCustomElement$s } from './p-1a006926.js';
18
+ import { d as defineCustomElement$r } from './p-c65c7493.js';
19
+ import { d as defineCustomElement$q } from './p-0f6f0385.js';
20
+ import { d as defineCustomElement$p } from './p-d5f78e0f.js';
21
+ import { d as defineCustomElement$o } from './p-830b192c.js';
22
+ import { d as defineCustomElement$n } from './p-f5400818.js';
23
23
  import { d as defineCustomElement$m } from './p-604f869e.js';
24
- import { d as defineCustomElement$l } from './p-e48ad105.js';
25
- import { d as defineCustomElement$k } from './p-90cf2f0e.js';
26
- import { d as defineCustomElement$j } from './p-2ef8a833.js';
27
- import { d as defineCustomElement$i } from './p-aff94100.js';
28
- import { d as defineCustomElement$h } from './p-12f62e4d.js';
29
- import { d as defineCustomElement$g } from './p-581d3377.js';
30
- import { d as defineCustomElement$f } from './p-96fff9ba.js';
31
- import { d as defineCustomElement$e } from './p-e7dcaec1.js';
32
- import { d as defineCustomElement$d } from './p-2d754996.js';
33
- import { d as defineCustomElement$c } from './p-c172bb64.js';
34
- import { d as defineCustomElement$b } from './p-6d1e5f27.js';
35
- import { d as defineCustomElement$a } from './p-fb97b2ff.js';
36
- import { d as defineCustomElement$9 } from './p-ec815cfd.js';
37
- import { d as defineCustomElement$8 } from './p-5cd257ad.js';
38
- import { d as defineCustomElement$7 } from './p-4441247b.js';
39
- import { d as defineCustomElement$6 } from './p-0b3f1a79.js';
40
- import { d as defineCustomElement$5 } from './p-1e46b981.js';
41
- import { d as defineCustomElement$4 } from './p-3a1a67e7.js';
42
- import { d as defineCustomElement$3 } from './p-d8c97dde.js';
24
+ import { d as defineCustomElement$l } from './p-6337ab02.js';
25
+ import { d as defineCustomElement$k } from './p-9ad494c1.js';
26
+ import { d as defineCustomElement$j } from './p-fd230d2b.js';
27
+ import { d as defineCustomElement$i } from './p-766ab435.js';
28
+ import { d as defineCustomElement$h } from './p-4da1c188.js';
29
+ import { d as defineCustomElement$g } from './p-ad918487.js';
30
+ import { d as defineCustomElement$f } from './p-73a6bddc.js';
31
+ import { d as defineCustomElement$e } from './p-795bda50.js';
32
+ import { d as defineCustomElement$d } from './p-018f3b07.js';
33
+ import { d as defineCustomElement$c } from './p-b34956f3.js';
34
+ import { d as defineCustomElement$b } from './p-ce52b5f8.js';
35
+ import { d as defineCustomElement$a } from './p-c4674baf.js';
36
+ import { d as defineCustomElement$9 } from './p-82c97ae6.js';
37
+ import { d as defineCustomElement$8 } from './p-4ee29da5.js';
38
+ import { d as defineCustomElement$7 } from './p-efb6497e.js';
39
+ import { d as defineCustomElement$6 } from './p-a76a4d76.js';
40
+ import { d as defineCustomElement$5 } from './p-33c30e05.js';
41
+ import { d as defineCustomElement$4 } from './p-723edf05.js';
42
+ import { d as defineCustomElement$3 } from './p-84ba0025.js';
43
43
  import { d as defineCustomElement$2 } from './p-f62fe4be.js';
44
- import { d as defineCustomElement$1 } from './p-bb94849f.js';
44
+ import { d as defineCustomElement$1 } from './p-ac63635b.js';
45
45
 
46
46
  const styleCss = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}";
47
47
  const SmoothlyFormDemoStyle0 = styleCss;
@@ -288,4 +288,4 @@ defineCustomElement();
288
288
 
289
289
  export { SmoothlyFormDemo as S, defineCustomElement as d };
290
290
 
291
- //# sourceMappingURL=p-c9126eb3.js.map
291
+ //# sourceMappingURL=p-81dec243.js.map
package/dist/components/{p-c9126eb3.js.map → p-81dec243.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-c9126eb3.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oLAAoL,CAAC;AACtM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,qFAA+B,EAC/B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: calc(100% - 0.5rem);\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-schedule />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-81dec243.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oLAAoL,CAAC;AACtM,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,qFAA+B,EAC/B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: calc(100% - 0.5rem);\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-schedule />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-140b6f3c.js → p-82336e7b.js} RENAMED
@@ -1,11 +1,11 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
2
2
  import { d as defineCustomElement$7 } from './p-76531b32.js';
3
3
  import { d as defineCustomElement$6 } from './p-2826e824.js';
4
- import { d as defineCustomElement$5 } from './p-19d93e64.js';
4
+ import { d as defineCustomElement$5 } from './p-c9caeeb4.js';
5
5
  import { d as defineCustomElement$4 } from './p-604f869e.js';
6
- import { d as defineCustomElement$3 } from './p-e48ad105.js';
7
- import { d as defineCustomElement$2 } from './p-0b3f1a79.js';
8
- import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
6
+ import { d as defineCustomElement$3 } from './p-6337ab02.js';
7
+ import { d as defineCustomElement$2 } from './p-a76a4d76.js';
8
+ import { d as defineCustomElement$1 } from './p-723edf05.js';
9
9
 
10
10
  const SmoothlyFormDemoCard = proxyCustomElement(class SmoothlyFormDemoCard extends H {
11
11
  constructor() {
@@ -68,4 +68,4 @@ defineCustomElement();
68
68
 
69
69
  export { SmoothlyFormDemoCard as S, defineCustomElement as d };
70
70
 
71
- //# sourceMappingURL=p-140b6f3c.js.map
71
+ //# sourceMappingURL=p-82336e7b.js.map
package/dist/components/{p-140b6f3c.js.map → p-82336e7b.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-140b6f3c.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAChF,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-82336e7b.js","mappings":";;;;;;;;;MAMa,oBAAoB;;;;;IAChC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,oEAAa,EACb,sEAAe,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IACpG,uEAAgB,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,aAE7B,EACjB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EAChF,uEAAgB,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,cAEjC,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,cAEzB,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,iBAE5B,EACjB,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B,CACF,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/card/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-card\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoCard {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Card</h2>\n\t\t\t\t<smoothly-form looks=\"grid\" onSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}>\n\t\t\t\t\t<smoothly-input type=\"card-number\" name=\"card\">\n\t\t\t\t\t\tCard #\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t\t<smoothly-input type=\"card-expires\" name=\"expires\">\n\t\t\t\t\t\tExpires\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"card-csc\" name=\"csc\">\n\t\t\t\t\t\tCVV/CVC\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\">\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-ec815cfd.js → p-82c97ae6.js} RENAMED
@@ -1,13 +1,13 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
2
2
  import { E as Editable } from './p-ddd5bc95.js';
3
- import { I as Input } from './p-19d93e64.js';
3
+ import { I as Input } from './p-c9caeeb4.js';
4
4
  import { d as defineCustomElement$7 } from './p-9e2ee779.js';
5
5
  import { d as defineCustomElement$6 } from './p-4e754f3b.js';
6
6
  import { d as defineCustomElement$5 } from './p-f893b6cc.js';
7
7
  import { d as defineCustomElement$4 } from './p-ccbdacc9.js';
8
8
  import { d as defineCustomElement$3 } from './p-3aed2b34.js';
9
9
  import { d as defineCustomElement$2 } from './p-604f869e.js';
10
- import { d as defineCustomElement$1 } from './p-e48ad105.js';
10
+ import { d as defineCustomElement$1 } from './p-6337ab02.js';
11
11
 
12
12
  const styleCss = ".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}";
13
13
  const SmoothlyInputRangeStyle0 = styleCss;
@@ -113,18 +113,18 @@ const SmoothlyInputRange = proxyCustomElement(class SmoothlyInputRange extends H
113
113
  }
114
114
  render() {
115
115
  var _a, _b, _c;
116
- return (h(Host, { key: '896052a02f5cce23a5ed1a02fd1081f19b16b582', class: {
116
+ return (h(Host, { key: '0edc962695435c709333bfb4cefb492b31b2d0b7', class: {
117
117
  "output-side-right": this.outputSide === "right",
118
118
  "show-label": this.outputSide === "left" && !!this.label,
119
- } }, 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(),
119
+ } }, h("slot", { key: '63b3652f46e92ec1a3cd331960b5027628e1fa84', name: "start" }), h("div", { key: '412e827085b0b5ff37390d5be4bf6efc6287885c' }, h("label", { key: '1445f01448ecfabe4cd0470a8ba509daac632694', htmlFor: this.name }, this.label), h("smoothly-input", { key: '6bb9b7002eda2ac742f981084093a3cede27a881', 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(),
120
120
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)), onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyInput: async (e) => {
121
121
  e.stopPropagation();
122
122
  this.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined);
123
- }, 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 => {
123
+ }, 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: '4f66615300dc91082ee8e0127f96ae463889a498', label: (this.type == "percent" ? this.min * 100 : this.min).toString() }), h("input", { key: 'ab200acfa975a10dc52248cc3f159db0fd2b4ba3', 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 => {
124
124
  event.stopPropagation();
125
125
  this.setValue(event.target.valueAsNumber);
126
126
  this.smoothlyUserInput.emit({ name: this.name, value: this.value });
127
- }, 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" })));
127
+ }, value: (_c = this.value) !== null && _c !== void 0 ? _c : this.min }), h("smoothly-display", { key: '48e0763f8d5d656fbf6e886e78dd85bfe00ba493', label: (this.type == "percent" ? this.max * 100 : this.max).toString() })), h("slot", { key: 'ed8150bb7db19f31a9eaf3b2ad3db82330556653', name: "end" })));
128
128
  }
129
129
  get element() { return this; }
130
130
  static get watchers() { return {
@@ -215,4 +215,4 @@ defineCustomElement();
215
215
 
216
216
  export { SmoothlyInputRange as S, defineCustomElement as d };
217
217
 
218
- //# sourceMappingURL=p-ec815cfd.js.map
218
+ //# sourceMappingURL=p-82c97ae6.js.map
package/dist/components/{p-ec815cfd.js.map → p-82c97ae6.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-ec815cfd.js","mappings":"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","names":[],"sources":["src/components/input/range/style.css?tag=smoothly-input-range&encapsulation=scoped","src/components/input/range/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n* {\n\tbox-sizing: border-box;\n}\n:host {\n\tposition: relative;\n\twidth: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n:host>div:not([slot]) {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 100%;\n\tpadding-right: var(--input-padding-side);\n}\n:host>div>smoothly-input {\n\twidth: 12em;\n\t--input-min-height: calc(3rem - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host>div>smoothly-input label {\n\twhite-space: nowrap;\n}\n:host.output-side-right>div {\n\tpadding: 0;\n}\n:host.output-side-right>div>smoothly-input {\n\ttext-align: center;\n\tmargin-left: var(--input-padding-side);\n\tborder: none;\n\tbox-sizing: border-box;\n\twidth: 5em;\n\torder: 3;\n\tmargin: 0;\n}\n:host.output-side-right>div>smoothly-display,\n:host:not(.output-side-right)>div>label {\n\tdisplay: none;\n}\n:host.output-side-right>div>smoothly-input input {\n\tpadding: 0;\n\ttext-align: center;\n}\n:host.output-side-right>div>smoothly-input label {\n\twidth: 100%;\n}\n:host.output-side-right>div>label {\n\tposition: static;\n\tfont-size: inherit;\n\ttext-align: center;\n\tmargin: 0 var(--input-padding-side);\n}\n\n/*--------------------Reset browserspecific CSS------------------ */\n:host>div>input[type=range] {\n\t-webkit-appearance: none;\n\t/* Hides the slider so that custom slider can be made */\n\twidth: 100%;\n\t/* Specific width is required for Firefox. */\n\tbackground: transparent;\n\t/* Otherwise white in Chrome */\n\theight: 1.5em;\n\tpadding: 0 .4em;\n}\n\n/*--------------------THUMB------------------ */\n/* WebKit/Blink */\n:host>div>input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tmargin-top: -.25em;\n\tborder: none;\n\t/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/* Firefox */\n:host>div>input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/*--------------------SLIDER TRACK------------------ */\n:host>div>input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host>div>input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host[disabled]>div>input[type=range]::-webkit-slider-thumb,\n:host[disabled]>div>input[type=range]::-moz-range-thumb,\n:host[disabled]>div>input[type=range]::-webkit-slider-runnable-track,\n:host[disabled]>div>input[type=range]::-moz-range-track,\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRange implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate input?: HTMLSmoothlyInputElement\n\tprivate initialValue: number | undefined = undefined\n\t@Element() element: HTMLSmoothlyInputRangeElement\n\t@Prop({ mutable: true }) value: number | undefined = undefined\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() type: Extract<tidily.Type, \"text\" | \"percent\"> = \"text\"\n\t@Prop() min = 0\n\t@Prop() max = 100\n\t@Prop({ reflect: true }) name = \"range\"\n\t@Prop() step?: number\n\t@Prop() outputSide: \"right\" | \"left\" = \"left\"\n\t@Prop() label: string\n\t@State() showInput = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.value && (this.initialValue = this.value)\n\t\tthis.valueChanged()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRange) => void>) {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<number | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tconst decimals = !this.step ? undefined : this.step.toString().split(\".\")[1]?.length ?? 0\n\t\tthis.value = Number.isNaN(this.value) || this.value == undefined ? undefined : +this.value.toFixed(decimals)\n\t\tthis.isDifferentFromInitial = this.initialValue != this.value\n\t\tthis.defined = typeof this.value == \"number\"\n\t\tthis.observer.publish()\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\tsetValue(value: number | undefined): void {\n\t\tif (value == undefined)\n\t\t\tthis.value = undefined\n\t\telse if (value < this.min)\n\t\t\tthis.value = this.min\n\t\telse if (value > this.max)\n\t\t\tthis.value = this.max\n\t\telse\n\t\t\tthis.value = value\n\t\tthis.input && (this.input.value = this.type == \"text\" ? this.value?.toString() : this.value)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t\"output-side-right\": this.outputSide === \"right\",\n\t\t\t\t\t\"show-label\": this.outputSide === \"left\" && !!this.label,\n\t\t\t\t}}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label htmlFor={this.name}>{this.label}</label>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\t\tlooks={undefined}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tshowLabel={this.outputSide === \"left\" && !!this.label}\n\t\t\t\t\t\ttype={this.type}\n\t\t\t\t\t\tonSmoothlyInputLoad={async e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.type == \"percent\" ? this.value : this.value?.toString()}\n\t\t\t\t\t\tplaceholder={this.outputSide === \"right\" ? \"-\" : undefined}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}>\n\t\t\t\t\t\t{this.label}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.min * 100 : this.min).toString()} />\n\t\t\t\t\t<input\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tpart=\"range\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\t\t\tonInput={event => {\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tthis.setValue((event.target as HTMLInputElement).valueAsNumber)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.value ?? this.min}\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.max * 100 : this.max).toString()} />\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-82c97ae6.js","mappings":"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","names":[],"sources":["src/components/input/range/style.css?tag=smoothly-input-range&encapsulation=scoped","src/components/input/range/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n* {\n\tbox-sizing: border-box;\n}\n:host {\n\tposition: relative;\n\twidth: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n:host>div:not([slot]) {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 100%;\n\tpadding-right: var(--input-padding-side);\n}\n:host>div>smoothly-input {\n\twidth: 12em;\n\t--input-min-height: calc(3rem - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host>div>smoothly-input label {\n\twhite-space: nowrap;\n}\n:host.output-side-right>div {\n\tpadding: 0;\n}\n:host.output-side-right>div>smoothly-input {\n\ttext-align: center;\n\tmargin-left: var(--input-padding-side);\n\tborder: none;\n\tbox-sizing: border-box;\n\twidth: 5em;\n\torder: 3;\n\tmargin: 0;\n}\n:host.output-side-right>div>smoothly-display,\n:host:not(.output-side-right)>div>label {\n\tdisplay: none;\n}\n:host.output-side-right>div>smoothly-input input {\n\tpadding: 0;\n\ttext-align: center;\n}\n:host.output-side-right>div>smoothly-input label {\n\twidth: 100%;\n}\n:host.output-side-right>div>label {\n\tposition: static;\n\tfont-size: inherit;\n\ttext-align: center;\n\tmargin: 0 var(--input-padding-side);\n}\n\n/*--------------------Reset browserspecific CSS------------------ */\n:host>div>input[type=range] {\n\t-webkit-appearance: none;\n\t/* Hides the slider so that custom slider can be made */\n\twidth: 100%;\n\t/* Specific width is required for Firefox. */\n\tbackground: transparent;\n\t/* Otherwise white in Chrome */\n\theight: 1.5em;\n\tpadding: 0 .4em;\n}\n\n/*--------------------THUMB------------------ */\n/* WebKit/Blink */\n:host>div>input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tmargin-top: -.25em;\n\tborder: none;\n\t/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/* Firefox */\n:host>div>input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/*--------------------SLIDER TRACK------------------ */\n:host>div>input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host>div>input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host[disabled]>div>input[type=range]::-webkit-slider-thumb,\n:host[disabled]>div>input[type=range]::-moz-range-thumb,\n:host[disabled]>div>input[type=range]::-webkit-slider-runnable-track,\n:host[disabled]>div>input[type=range]::-moz-range-track,\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRange implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate input?: HTMLSmoothlyInputElement\n\tprivate initialValue: number | undefined = undefined\n\t@Element() element: HTMLSmoothlyInputRangeElement\n\t@Prop({ mutable: true }) value: number | undefined = undefined\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() type: Extract<tidily.Type, \"text\" | \"percent\"> = \"text\"\n\t@Prop() min = 0\n\t@Prop() max = 100\n\t@Prop({ reflect: true }) name = \"range\"\n\t@Prop() step?: number\n\t@Prop() outputSide: \"right\" | \"left\" = \"left\"\n\t@Prop() label: string\n\t@State() showInput = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.value && (this.initialValue = this.value)\n\t\tthis.valueChanged()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRange) => void>) {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<number | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tconst decimals = !this.step ? undefined : this.step.toString().split(\".\")[1]?.length ?? 0\n\t\tthis.value = Number.isNaN(this.value) || this.value == undefined ? undefined : +this.value.toFixed(decimals)\n\t\tthis.isDifferentFromInitial = this.initialValue != this.value\n\t\tthis.defined = typeof this.value == \"number\"\n\t\tthis.observer.publish()\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\tsetValue(value: number | undefined): void {\n\t\tif (value == undefined)\n\t\t\tthis.value = undefined\n\t\telse if (value < this.min)\n\t\t\tthis.value = this.min\n\t\telse if (value > this.max)\n\t\t\tthis.value = this.max\n\t\telse\n\t\t\tthis.value = value\n\t\tthis.input && (this.input.value = this.type == \"text\" ? this.value?.toString() : this.value)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t\"output-side-right\": this.outputSide === \"right\",\n\t\t\t\t\t\"show-label\": this.outputSide === \"left\" && !!this.label,\n\t\t\t\t}}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label htmlFor={this.name}>{this.label}</label>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\t\tlooks={undefined}\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tshowLabel={this.outputSide === \"left\" && !!this.label}\n\t\t\t\t\t\ttype={this.type}\n\t\t\t\t\t\tonSmoothlyInputLoad={async e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.type == \"percent\" ? this.value : this.value?.toString()}\n\t\t\t\t\t\tplaceholder={this.outputSide === \"right\" ? \"-\" : undefined}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}>\n\t\t\t\t\t\t{this.label}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.min * 100 : this.min).toString()} />\n\t\t\t\t\t<input\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\tpart=\"range\"\n\t\t\t\t\t\ttype=\"range\"\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\t\t\tonInput={event => {\n\t\t\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\t\t\tthis.setValue((event.target as HTMLInputElement).valueAsNumber)\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.value ?? this.min}\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.max * 100 : this.max).toString()} />\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-c259b478.js → p-830b192c.js} RENAMED
@@ -1,19 +1,19 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
2
2
  import { d as defineCustomElement$f } from './p-76531b32.js';
3
3
  import { d as defineCustomElement$e } from './p-2826e824.js';
4
- import { d as defineCustomElement$d } from './p-30f4e440.js';
4
+ import { d as defineCustomElement$d } from './p-5eafd1ac.js';
5
5
  import { d as defineCustomElement$c } from './p-00165343.js';
6
- import { d as defineCustomElement$b } from './p-19d93e64.js';
6
+ import { d as defineCustomElement$b } from './p-c9caeeb4.js';
7
7
  import { d as defineCustomElement$a } from './p-604f869e.js';
8
- import { d as defineCustomElement$9 } from './p-e48ad105.js';
9
- import { d as defineCustomElement$8 } from './p-12f62e4d.js';
10
- import { d as defineCustomElement$7 } from './p-581d3377.js';
11
- import { d as defineCustomElement$6 } from './p-2d754996.js';
12
- import { d as defineCustomElement$5 } from './p-c172bb64.js';
13
- import { d as defineCustomElement$4 } from './p-4441247b.js';
14
- import { d as defineCustomElement$3 } from './p-0b3f1a79.js';
15
- import { d as defineCustomElement$2 } from './p-1e46b981.js';
16
- import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
8
+ import { d as defineCustomElement$9 } from './p-6337ab02.js';
9
+ import { d as defineCustomElement$8 } from './p-4da1c188.js';
10
+ import { d as defineCustomElement$7 } from './p-ad918487.js';
11
+ import { d as defineCustomElement$6 } from './p-018f3b07.js';
12
+ import { d as defineCustomElement$5 } from './p-b34956f3.js';
13
+ import { d as defineCustomElement$4 } from './p-efb6497e.js';
14
+ import { d as defineCustomElement$3 } from './p-a76a4d76.js';
15
+ import { d as defineCustomElement$2 } from './p-33c30e05.js';
16
+ import { d as defineCustomElement$1 } from './p-723edf05.js';
17
17
 
18
18
  const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTransparent extends H {
19
19
  constructor() {
@@ -116,4 +116,4 @@ defineCustomElement();
116
116
 
117
117
  export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
118
118
 
119
- //# sourceMappingURL=p-c259b478.js.map
119
+ //# sourceMappingURL=p-830b192c.js.map
package/dist/components/{p-c259b478.js.map → p-830b192c.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-c259b478.js","mappings":";;;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-830b192c.js","mappings":";;;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}