smoothly 1.2.1-alpha.55 → 1.2.1-alpha.56

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 (439) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{smoothly-app_109.cjs.entry.js → smoothly-app_110.cjs.entry.js} +144 -123
  3. package/dist/cjs/smoothly-app_110.cjs.entry.js.map +1 -0
  4. package/dist/cjs/smoothly-input-checkbox-demo.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/form/demo/all/index.js +2 -2
  10. package/dist/collection/components/form/demo/card/index.js +1 -1
  11. package/dist/collection/components/form/demo/controlled/index.js +1 -1
  12. package/dist/collection/components/form/demo/date/index.js +1 -1
  13. package/dist/collection/components/form/demo/date-range/index.js +1 -1
  14. package/dist/collection/components/form/demo/index.js +1 -1
  15. package/dist/collection/components/form/demo/index.js.map +1 -1
  16. package/dist/collection/components/form/demo/login/index.js +1 -1
  17. package/dist/collection/components/form/demo/pet/index.js +2 -2
  18. package/dist/collection/components/form/demo/prices/index.js +1 -1
  19. package/dist/collection/components/form/demo/schedule/index.js +22 -0
  20. package/dist/collection/components/form/demo/schedule/index.js.map +1 -0
  21. package/dist/collection/components/form/demo/transparent/index.js +1 -1
  22. package/dist/collection/components/form/demo/typed/index.js +1 -1
  23. package/dist/collection/components/form/index.js +2 -2
  24. package/dist/collection/components/form/index.js.map +1 -1
  25. package/dist/collection/components/icon/demo/index.js +1 -1
  26. package/dist/collection/components/icon/index.js +1 -1
  27. package/dist/collection/components/input/checkbox/demo/index.js +1 -1
  28. package/dist/collection/components/input/checkbox/index.js +1 -1
  29. package/dist/collection/components/input/clear/index.js +1 -1
  30. package/dist/collection/components/input/color/demo/index.js +1 -1
  31. package/dist/collection/components/input/color/index.js +2 -2
  32. package/dist/collection/components/input/date/index.js +3 -3
  33. package/dist/collection/components/input/date/range/index.js +2 -2
  34. package/dist/collection/components/input/demo/index.js +5 -5
  35. package/dist/collection/components/input/demo/price/index.js +1 -1
  36. package/dist/collection/components/input/demo/standard/index.js +1 -1
  37. package/dist/collection/components/input/edit/index.js +1 -1
  38. package/dist/collection/components/input/file/index.js +1 -1
  39. package/dist/collection/components/input/index.js +2 -2
  40. package/dist/collection/components/input/month/index.js +2 -2
  41. package/dist/collection/components/input/radio/index.js +1 -1
  42. package/dist/collection/components/input/radio/item/index.js +1 -1
  43. package/dist/collection/components/input/range/demo/index.js +1 -1
  44. package/dist/collection/components/input/range/index.js +4 -4
  45. package/dist/collection/components/input/reset/index.js +1 -1
  46. package/dist/collection/components/input/select/index.js +3 -3
  47. package/dist/collection/components/input/submit/index.js +3 -2
  48. package/dist/collection/components/input/submit/index.js.map +1 -1
  49. package/dist/collection/components/item/index.js +1 -1
  50. package/dist/collection/components/label/index.js +2 -2
  51. package/dist/collection/components/lazy/index.js +1 -1
  52. package/dist/collection/components/load-more/index.js +1 -1
  53. package/dist/collection/components/modal/index.js +1 -1
  54. package/dist/collection/components/next/demo/colspan/index.js +1 -1
  55. package/dist/collection/components/next/demo/fillerRow/filleRowDemo.js +1 -1
  56. package/dist/collection/components/next/demo/filtered/index.js +5 -5
  57. package/dist/collection/components/next/demo/group/index.js +1 -1
  58. package/dist/collection/components/next/demo/index.js +1 -1
  59. package/dist/collection/components/next/demo/nested/index.js +1 -1
  60. package/dist/collection/components/next/demo/nested/inner/index.js +1 -1
  61. package/dist/collection/components/next/demo/simple/simple.js +1 -1
  62. package/dist/collection/components/next/table/body/index.js +1 -1
  63. package/dist/collection/components/next/table/cell/index.js +1 -1
  64. package/dist/collection/components/next/table/expandable/cell/index.js +1 -1
  65. package/dist/collection/components/next/table/expandable/row/index.js +1 -1
  66. package/dist/collection/components/next/table/fillerRow/index.js +1 -1
  67. package/dist/collection/components/next/table/foot/index.js +1 -1
  68. package/dist/collection/components/next/table/group/index.js +1 -1
  69. package/dist/collection/components/next/table/head/index.js +1 -1
  70. package/dist/collection/components/next/table/index.js +1 -1
  71. package/dist/collection/components/next/table/row/index.js +1 -1
  72. package/dist/collection/components/notification/index.js +1 -1
  73. package/dist/collection/components/notifier/index.js +2 -2
  74. package/dist/collection/components/spinner/index.js +2 -2
  75. package/dist/collection/components/submit/index.js +1 -1
  76. package/dist/collection/components/summary/index.js +1 -1
  77. package/dist/collection/components/table/cell/index.js +1 -1
  78. package/dist/collection/components/table/demo/filtered/index.js +5 -5
  79. package/dist/collection/components/table/demo/index.js +1 -1
  80. package/dist/collection/components/table/demo/testing/index.js +1 -1
  81. package/dist/collection/components/table/expandable/cell/index.js +1 -1
  82. package/dist/collection/components/table/expandable/row/index.js +1 -1
  83. package/dist/collection/components/table/footer/index.js +1 -1
  84. package/dist/collection/components/table/header/index.js +1 -1
  85. package/dist/collection/components/table/index.js +1 -1
  86. package/dist/collection/components/table/row/index.js +1 -1
  87. package/dist/collection/components/tabs/demo/index.js +1 -1
  88. package/dist/collection/components/tabs/index.js +1 -1
  89. package/dist/collection/components/tabs/tab/index.js +1 -1
  90. package/dist/collection/components/theme/color/index.js +1 -1
  91. package/dist/collection/components/theme/demo/index.js +1 -1
  92. package/dist/collection/components/theme/guide/index.js +8 -8
  93. package/dist/collection/components/theme/picker/index.js +2 -2
  94. package/dist/collection/components/toggle/index.js +1 -1
  95. package/dist/collection/components/toggle-switch/demo/index.js +1 -1
  96. package/dist/collection/components/toggle-switch/index.js +1 -1
  97. package/dist/collection/components/trigger/index.js +1 -1
  98. package/dist/collection/components/trigger/sink/index.js +1 -1
  99. package/dist/collection/components/trigger/source/index.js +1 -1
  100. package/dist/components/{p-db7effcb.js → p-019e330f.js} +23 -23
  101. package/dist/components/{p-db7effcb.js.map → p-019e330f.js.map} +1 -1
  102. package/dist/components/{p-b8e2c001.js → p-03b62a84.js} +4 -4
  103. package/dist/components/{p-b8e2c001.js.map → p-03b62a84.js.map} +1 -1
  104. package/dist/components/{p-4290c3dc.js → p-07b733ab.js} +4 -4
  105. package/dist/components/{p-4290c3dc.js.map → p-07b733ab.js.map} +1 -1
  106. package/dist/components/{p-2dcd7532.js → p-07d3ec9e.js} +8 -8
  107. package/dist/components/{p-2dcd7532.js.map → p-07d3ec9e.js.map} +1 -1
  108. package/dist/components/p-086f9642.js +123 -0
  109. package/dist/components/{p-2e5f3044.js.map → p-086f9642.js.map} +1 -1
  110. package/dist/components/{p-62096c0f.js → p-08777b22.js} +10 -10
  111. package/dist/components/{p-62096c0f.js.map → p-08777b22.js.map} +1 -1
  112. package/dist/components/{p-72d4e417.js → p-0b980f10.js} +5 -5
  113. package/dist/components/{p-72d4e417.js.map → p-0b980f10.js.map} +1 -1
  114. package/dist/components/{p-062a6fe4.js → p-0c8bbdc3.js} +2 -2
  115. package/dist/components/{p-062a6fe4.js.map → p-0c8bbdc3.js.map} +1 -1
  116. package/dist/components/{p-dfde995c.js → p-1070ed11.js} +3 -3
  117. package/dist/components/{p-dfde995c.js.map → p-1070ed11.js.map} +1 -1
  118. package/dist/components/{p-91c1f4d3.js → p-11efb4da.js} +6 -6
  119. package/dist/components/{p-91c1f4d3.js.map → p-11efb4da.js.map} +1 -1
  120. package/dist/components/{p-e358e53c.js → p-1204db0b.js} +13 -13
  121. package/dist/components/{p-e358e53c.js.map → p-1204db0b.js.map} +1 -1
  122. package/dist/components/{p-f9cb46a5.js → p-131461c4.js} +2 -2
  123. package/dist/components/{p-f9cb46a5.js.map → p-131461c4.js.map} +1 -1
  124. package/dist/components/{p-bf57d733.js → p-147ec824.js} +2 -2
  125. package/dist/components/{p-bf57d733.js.map → p-147ec824.js.map} +1 -1
  126. package/dist/components/{p-f4e939e4.js → p-15807e7e.js} +9 -9
  127. package/dist/components/{p-f4e939e4.js.map → p-15807e7e.js.map} +1 -1
  128. package/dist/components/{p-285fe73a.js → p-194be519.js} +7 -7
  129. package/dist/components/{p-285fe73a.js.map → p-194be519.js.map} +1 -1
  130. package/dist/components/{p-59595cb3.js → p-20d5fac8.js} +2 -2
  131. package/dist/components/{p-59595cb3.js.map → p-20d5fac8.js.map} +1 -1
  132. package/dist/components/{p-b95db1c4.js → p-2240500f.js} +10 -10
  133. package/dist/components/{p-b95db1c4.js.map → p-2240500f.js.map} +1 -1
  134. package/dist/components/{p-95102e4e.js → p-23770a20.js} +2 -2
  135. package/dist/components/{p-95102e4e.js.map → p-23770a20.js.map} +1 -1
  136. package/dist/components/{p-0e712224.js → p-2749acb5.js} +9 -9
  137. package/dist/components/{p-0e712224.js.map → p-2749acb5.js.map} +1 -1
  138. package/dist/components/{p-4c4607c5.js → p-2930104b.js} +32 -32
  139. package/dist/components/{p-4c4607c5.js.map → p-2930104b.js.map} +1 -1
  140. package/dist/components/{p-22c9eb96.js → p-295811a6.js} +10 -10
  141. package/dist/components/{p-22c9eb96.js.map → p-295811a6.js.map} +1 -1
  142. package/dist/components/{p-e5f4d278.js → p-34355667.js} +3 -3
  143. package/dist/components/{p-e5f4d278.js.map → p-34355667.js.map} +1 -1
  144. package/dist/components/{p-77638386.js → p-346ebd99.js} +7 -7
  145. package/dist/components/{p-77638386.js.map → p-346ebd99.js.map} +1 -1
  146. package/dist/components/{p-8bf3df8f.js → p-35080dc5.js} +8 -8
  147. package/dist/components/{p-8bf3df8f.js.map → p-35080dc5.js.map} +1 -1
  148. package/dist/components/{p-b83c0cdb.js → p-358396f3.js} +3 -3
  149. package/dist/components/{p-b83c0cdb.js.map → p-358396f3.js.map} +1 -1
  150. package/dist/components/{p-aeb593b8.js → p-3fcaa69d.js} +3 -3
  151. package/dist/components/{p-aeb593b8.js.map → p-3fcaa69d.js.map} +1 -1
  152. package/dist/components/{p-9040a584.js → p-4325ac30.js} +2 -2
  153. package/dist/components/{p-9040a584.js.map → p-4325ac30.js.map} +1 -1
  154. package/dist/components/{p-fca663c0.js → p-45800269.js} +3 -3
  155. package/dist/components/{p-fca663c0.js.map → p-45800269.js.map} +1 -1
  156. package/dist/components/{p-405d6f00.js → p-4bbdd1c9.js} +6 -6
  157. package/dist/components/{p-405d6f00.js.map → p-4bbdd1c9.js.map} +1 -1
  158. package/dist/components/{p-2245665c.js → p-4da92b01.js} +2 -2
  159. package/dist/components/{p-2245665c.js.map → p-4da92b01.js.map} +1 -1
  160. package/dist/components/{p-6f5a2d5b.js → p-54b99067.js} +2 -2
  161. package/dist/components/{p-6f5a2d5b.js.map → p-54b99067.js.map} +1 -1
  162. package/dist/components/{p-8f277683.js → p-558481f1.js} +4 -4
  163. package/dist/components/{p-8f277683.js.map → p-558481f1.js.map} +1 -1
  164. package/dist/components/{p-d0d172ed.js → p-58d5e72e.js} +25 -25
  165. package/dist/components/{p-d0d172ed.js.map → p-58d5e72e.js.map} +1 -1
  166. package/dist/components/{p-9088d27f.js → p-5bf952c5.js} +8 -5
  167. package/dist/components/p-5bf952c5.js.map +1 -0
  168. package/dist/components/{p-df19616b.js → p-5da33c08.js} +3 -3
  169. package/dist/components/{p-df19616b.js.map → p-5da33c08.js.map} +1 -1
  170. package/dist/components/{p-5066e613.js → p-5e56437f.js} +4 -4
  171. package/dist/components/{p-5066e613.js.map → p-5e56437f.js.map} +1 -1
  172. package/dist/components/{p-0f7a9aad.js → p-60f63920.js} +3 -3
  173. package/dist/components/{p-0f7a9aad.js.map → p-60f63920.js.map} +1 -1
  174. package/dist/components/{p-22fe3436.js → p-62ab1899.js} +2 -2
  175. package/dist/components/{p-22fe3436.js.map → p-62ab1899.js.map} +1 -1
  176. package/dist/components/{p-0025863f.js → p-6790f452.js} +9 -9
  177. package/dist/components/{p-0025863f.js.map → p-6790f452.js.map} +1 -1
  178. package/dist/components/{p-86fc6d36.js → p-707f32c7.js} +2 -2
  179. package/dist/components/{p-86fc6d36.js.map → p-707f32c7.js.map} +1 -1
  180. package/dist/components/{p-802d4c20.js → p-72feb959.js} +3 -3
  181. package/dist/components/{p-802d4c20.js.map → p-72feb959.js.map} +1 -1
  182. package/dist/components/{p-844a4416.js → p-77b1f721.js} +10 -10
  183. package/dist/components/{p-844a4416.js.map → p-77b1f721.js.map} +1 -1
  184. package/dist/components/{p-c8f16f2f.js → p-7962c1af.js} +5 -5
  185. package/dist/components/{p-c8f16f2f.js.map → p-7962c1af.js.map} +1 -1
  186. package/dist/components/{p-43fd9c2d.js → p-7b144a9e.js} +2 -2
  187. package/dist/components/{p-43fd9c2d.js.map → p-7b144a9e.js.map} +1 -1
  188. package/dist/components/{p-258504c6.js → p-7ba67f13.js} +13 -13
  189. package/dist/components/{p-258504c6.js.map → p-7ba67f13.js.map} +1 -1
  190. package/dist/components/{p-43d0c1ec.js → p-7baf0810.js} +21 -21
  191. package/dist/components/{p-43d0c1ec.js.map → p-7baf0810.js.map} +1 -1
  192. package/dist/components/{p-6f3fa567.js → p-7c13984b.js} +4 -4
  193. package/dist/components/p-7c13984b.js.map +1 -0
  194. package/dist/components/{p-036a11dd.js → p-7d547395.js} +7 -7
  195. package/dist/components/{p-036a11dd.js.map → p-7d547395.js.map} +1 -1
  196. package/dist/components/{p-252f435e.js → p-7f64dfd8.js} +6 -6
  197. package/dist/components/{p-252f435e.js.map → p-7f64dfd8.js.map} +1 -1
  198. package/dist/components/{p-8e748704.js → p-7f7c4cf3.js} +2 -2
  199. package/dist/components/{p-8e748704.js.map → p-7f7c4cf3.js.map} +1 -1
  200. package/dist/components/{p-484c8e9f.js → p-8325e020.js} +2 -2
  201. package/dist/components/{p-484c8e9f.js.map → p-8325e020.js.map} +1 -1
  202. package/dist/components/p-855617c6.js +45 -0
  203. package/dist/components/{p-0fa3f5a7.js.map → p-855617c6.js.map} +1 -1
  204. package/dist/components/{p-259190db.js → p-870628fb.js} +2 -2
  205. package/dist/components/{p-259190db.js.map → p-870628fb.js.map} +1 -1
  206. package/dist/components/{p-6bd00b48.js → p-8b29f2b4.js} +2 -2
  207. package/dist/components/{p-6bd00b48.js.map → p-8b29f2b4.js.map} +1 -1
  208. package/dist/components/{p-8b653306.js → p-8cf76a5d.js} +6 -6
  209. package/dist/components/{p-8b653306.js.map → p-8cf76a5d.js.map} +1 -1
  210. package/dist/components/p-8e140c7a.js +121 -0
  211. package/dist/components/p-8e140c7a.js.map +1 -0
  212. package/dist/components/{p-04b7f978.js → p-8f43fcdd.js} +2 -2
  213. package/dist/components/{p-04b7f978.js.map → p-8f43fcdd.js.map} +1 -1
  214. package/dist/components/{p-e9ce7bf9.js → p-92061151.js} +2 -2
  215. package/dist/components/{p-e9ce7bf9.js.map → p-92061151.js.map} +1 -1
  216. package/dist/components/{p-b41ec3e0.js → p-920711b0.js} +6 -6
  217. package/dist/components/{p-b41ec3e0.js.map → p-920711b0.js.map} +1 -1
  218. package/dist/components/{p-290784f7.js → p-9690faa5.js} +4 -4
  219. package/dist/components/{p-290784f7.js.map → p-9690faa5.js.map} +1 -1
  220. package/dist/components/{p-78f4df54.js → p-9a61768f.js} +3 -3
  221. package/dist/components/{p-78f4df54.js.map → p-9a61768f.js.map} +1 -1
  222. package/dist/components/{p-1e152a40.js → p-a0ae39bb.js} +2 -2
  223. package/dist/components/{p-1e152a40.js.map → p-a0ae39bb.js.map} +1 -1
  224. package/dist/components/{p-9344bf25.js → p-a26360d7.js} +2 -2
  225. package/dist/components/{p-9344bf25.js.map → p-a26360d7.js.map} +1 -1
  226. package/dist/components/{p-4efff7b4.js → p-a375981d.js} +3 -3
  227. package/dist/components/{p-4efff7b4.js.map → p-a375981d.js.map} +1 -1
  228. package/dist/components/{p-765d9313.js → p-a3987ada.js} +4 -4
  229. package/dist/components/{p-765d9313.js.map → p-a3987ada.js.map} +1 -1
  230. package/dist/components/{p-17794f14.js → p-a4c683f7.js} +11 -11
  231. package/dist/components/{p-17794f14.js.map → p-a4c683f7.js.map} +1 -1
  232. package/dist/components/{p-20881197.js → p-a73d4047.js} +3 -3
  233. package/dist/components/{p-20881197.js.map → p-a73d4047.js.map} +1 -1
  234. package/dist/components/{p-9cb820c5.js → p-aabc0016.js} +4 -4
  235. package/dist/components/{p-9cb820c5.js.map → p-aabc0016.js.map} +1 -1
  236. package/dist/components/{p-1995505a.js → p-b2ffaca2.js} +23 -23
  237. package/dist/components/{p-1995505a.js.map → p-b2ffaca2.js.map} +1 -1
  238. package/dist/components/{p-20f60ede.js → p-b747b713.js} +13 -13
  239. package/dist/components/{p-20f60ede.js.map → p-b747b713.js.map} +1 -1
  240. package/dist/components/{p-b8e8d142.js → p-b79a65d9.js} +3 -3
  241. package/dist/components/{p-b8e8d142.js.map → p-b79a65d9.js.map} +1 -1
  242. package/dist/components/{p-99568b5a.js → p-bdc029ad.js} +7 -7
  243. package/dist/components/{p-99568b5a.js.map → p-bdc029ad.js.map} +1 -1
  244. package/dist/components/{p-eec2649a.js → p-bf52b8d1.js} +2 -2
  245. package/dist/components/{p-eec2649a.js.map → p-bf52b8d1.js.map} +1 -1
  246. package/dist/components/p-c29ca9d9.js +241 -0
  247. package/dist/components/{p-14024783.js.map → p-c29ca9d9.js.map} +1 -1
  248. package/dist/components/{p-6acdcb78.js → p-c5ebb66b.js} +8 -8
  249. package/dist/components/{p-6acdcb78.js.map → p-c5ebb66b.js.map} +1 -1
  250. package/dist/components/{p-15112f2e.js → p-c77f4c0f.js} +3 -3
  251. package/dist/components/{p-15112f2e.js.map → p-c77f4c0f.js.map} +1 -1
  252. package/dist/components/{p-2f3b4735.js → p-c7be31eb.js} +6 -6
  253. package/dist/components/{p-2f3b4735.js.map → p-c7be31eb.js.map} +1 -1
  254. package/dist/components/{p-5d000366.js → p-c9a29ee1.js} +9 -9
  255. package/dist/components/{p-5d000366.js.map → p-c9a29ee1.js.map} +1 -1
  256. package/dist/components/{p-58437ae8.js → p-ca6e8175.js} +2 -2
  257. package/dist/components/{p-58437ae8.js.map → p-ca6e8175.js.map} +1 -1
  258. package/dist/components/{p-8e13449b.js → p-cb083b20.js} +2 -2
  259. package/dist/components/{p-8e13449b.js.map → p-cb083b20.js.map} +1 -1
  260. package/dist/components/{p-2072c622.js → p-cb45cc1f.js} +4 -4
  261. package/dist/components/{p-2072c622.js.map → p-cb45cc1f.js.map} +1 -1
  262. package/dist/components/{p-2c93fde9.js → p-d0049fe4.js} +2 -2
  263. package/dist/components/{p-2c93fde9.js.map → p-d0049fe4.js.map} +1 -1
  264. package/dist/components/{p-85265529.js → p-d104367f.js} +9 -9
  265. package/dist/components/{p-85265529.js.map → p-d104367f.js.map} +1 -1
  266. package/dist/components/{p-0ac899b2.js → p-d2aa1c38.js} +5 -5
  267. package/dist/components/{p-0ac899b2.js.map → p-d2aa1c38.js.map} +1 -1
  268. package/dist/components/p-de39a980.js +207 -0
  269. package/dist/components/{p-d9620164.js.map → p-de39a980.js.map} +1 -1
  270. package/dist/components/{p-697c3178.js → p-e25aaa1d.js} +15 -15
  271. package/dist/components/{p-697c3178.js.map → p-e25aaa1d.js.map} +1 -1
  272. package/dist/components/{p-560771d7.js → p-e27c488b.js} +10 -10
  273. package/dist/components/{p-560771d7.js.map → p-e27c488b.js.map} +1 -1
  274. package/dist/components/{p-56235c3f.js → p-e2de28a2.js} +3 -3
  275. package/dist/components/{p-56235c3f.js.map → p-e2de28a2.js.map} +1 -1
  276. package/dist/components/{p-b09ce609.js → p-e54d19d9.js} +2 -2
  277. package/dist/components/{p-b09ce609.js.map → p-e54d19d9.js.map} +1 -1
  278. package/dist/components/{p-36365329.js → p-e660be53.js} +4 -4
  279. package/dist/components/{p-36365329.js.map → p-e660be53.js.map} +1 -1
  280. package/dist/components/{p-54a6c919.js → p-e96a36e8.js} +2 -2
  281. package/dist/components/{p-54a6c919.js.map → p-e96a36e8.js.map} +1 -1
  282. package/dist/components/{p-1f93537e.js → p-ec959ba7.js} +14 -14
  283. package/dist/components/{p-1f93537e.js.map → p-ec959ba7.js.map} +1 -1
  284. package/dist/components/{p-2f04e84f.js → p-ed0b2856.js} +4 -4
  285. package/dist/components/{p-2f04e84f.js.map → p-ed0b2856.js.map} +1 -1
  286. package/dist/components/{p-c090ac4b.js → p-ee61f718.js} +2 -2
  287. package/dist/components/{p-c090ac4b.js.map → p-ee61f718.js.map} +1 -1
  288. package/dist/components/{p-a14e7882.js → p-f1cc5346.js} +4 -4
  289. package/dist/components/{p-a14e7882.js.map → p-f1cc5346.js.map} +1 -1
  290. package/dist/components/{p-635413e0.js → p-f815774c.js} +2 -2
  291. package/dist/components/{p-635413e0.js.map → p-f815774c.js.map} +1 -1
  292. package/dist/components/{p-a3f22345.js → p-f9c491ef.js} +66 -60
  293. package/dist/components/p-f9c491ef.js.map +1 -0
  294. package/dist/components/{p-78332392.js → p-fb11d1db.js} +8 -8
  295. package/dist/components/{p-78332392.js.map → p-fb11d1db.js.map} +1 -1
  296. package/dist/components/{p-e79802d6.js → p-fd058de9.js} +14 -14
  297. package/dist/components/{p-e79802d6.js.map → p-fd058de9.js.map} +1 -1
  298. package/dist/components/{p-5541919e.js → p-fe562681.js} +20 -20
  299. package/dist/components/{p-5541919e.js.map → p-fe562681.js.map} +1 -1
  300. package/dist/components/smoothly-app-demo.js +144 -138
  301. package/dist/components/smoothly-app-demo.js.map +1 -1
  302. package/dist/components/smoothly-app-room.js +1 -1
  303. package/dist/components/smoothly-app.js +1 -1
  304. package/dist/components/smoothly-back-to-top.js +1 -1
  305. package/dist/components/smoothly-burger.js +1 -1
  306. package/dist/components/smoothly-button-confirm.js +1 -1
  307. package/dist/components/smoothly-button-demo.js +1 -1
  308. package/dist/components/smoothly-calendar.js +1 -1
  309. package/dist/components/smoothly-checkbox.js +1 -1
  310. package/dist/components/smoothly-dialog-demo.js +1 -1
  311. package/dist/components/smoothly-dialog.js +1 -1
  312. package/dist/components/smoothly-display-demo.js +1 -1
  313. package/dist/components/smoothly-filter-field.js +1 -1
  314. package/dist/components/smoothly-filter-input.js +1 -1
  315. package/dist/components/smoothly-filter-select.js +1 -1
  316. package/dist/components/smoothly-filter-toggle.js +1 -1
  317. package/dist/components/smoothly-filter.js +1 -1
  318. package/dist/components/smoothly-form-demo-all.js +1 -1
  319. package/dist/components/smoothly-form-demo-card.js +1 -1
  320. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  321. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  322. package/dist/components/smoothly-form-demo-date.js +1 -1
  323. package/dist/components/smoothly-form-demo-login.js +1 -1
  324. package/dist/components/smoothly-form-demo-pet.js +1 -1
  325. package/dist/components/smoothly-form-demo-prices.js +1 -1
  326. package/dist/components/smoothly-form-demo-schedule.d.ts +11 -0
  327. package/dist/components/smoothly-form-demo-schedule.js +8 -0
  328. package/dist/components/smoothly-form-demo-schedule.js.map +1 -0
  329. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  330. package/dist/components/smoothly-form-demo-typed.js +1 -1
  331. package/dist/components/smoothly-form-demo.js +1 -1
  332. package/dist/components/smoothly-form.js +1 -1
  333. package/dist/components/smoothly-icon-demo.js +1 -1
  334. package/dist/components/smoothly-icon.js +1 -1
  335. package/dist/components/smoothly-input-checkbox-demo.js +23 -23
  336. package/dist/components/smoothly-input-checkbox.js +1 -1
  337. package/dist/components/smoothly-input-clear.js +1 -1
  338. package/dist/components/smoothly-input-color-demo.js +1 -1
  339. package/dist/components/smoothly-input-color.js +1 -1
  340. package/dist/components/smoothly-input-date-range.js +1 -1
  341. package/dist/components/smoothly-input-date.js +1 -1
  342. package/dist/components/smoothly-input-demo-standard.js +1 -1
  343. package/dist/components/smoothly-input-demo.js +1 -1
  344. package/dist/components/smoothly-input-edit.js +1 -1
  345. package/dist/components/smoothly-input-file.js +1 -1
  346. package/dist/components/smoothly-input-month.js +1 -1
  347. package/dist/components/smoothly-input-price-demo.js +1 -1
  348. package/dist/components/smoothly-input-radio-item.js +1 -1
  349. package/dist/components/smoothly-input-radio.js +1 -1
  350. package/dist/components/smoothly-input-range-demo.js +1 -1
  351. package/dist/components/smoothly-input-range.js +1 -1
  352. package/dist/components/smoothly-input-reset.js +1 -1
  353. package/dist/components/smoothly-input-select.js +1 -1
  354. package/dist/components/smoothly-input-submit.js +1 -1
  355. package/dist/components/smoothly-input.js +1 -1
  356. package/dist/components/smoothly-item.js +1 -1
  357. package/dist/components/smoothly-label.js +1 -1
  358. package/dist/components/smoothly-lazy.js +1 -1
  359. package/dist/components/smoothly-load-more.js +1 -1
  360. package/dist/components/smoothly-modal.js +1 -1
  361. package/dist/components/smoothly-next-demo-colspan.js +1 -1
  362. package/dist/components/smoothly-next-demo-filler-row-demo.js +1 -1
  363. package/dist/components/smoothly-next-demo-group.js +1 -1
  364. package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
  365. package/dist/components/smoothly-next-demo-nested.js +1 -1
  366. package/dist/components/smoothly-next-demo-simple.js +1 -1
  367. package/dist/components/smoothly-next-demo.js +1 -1
  368. package/dist/components/smoothly-next-table-body.js +1 -1
  369. package/dist/components/smoothly-next-table-cell.js +1 -1
  370. package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
  371. package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
  372. package/dist/components/smoothly-next-table-expandable-row.js +1 -1
  373. package/dist/components/smoothly-next-table-filler-row.js +1 -1
  374. package/dist/components/smoothly-next-table-foot.js +1 -1
  375. package/dist/components/smoothly-next-table-head.js +1 -1
  376. package/dist/components/smoothly-next-table-row-group.js +1 -1
  377. package/dist/components/smoothly-next-table-row.js +1 -1
  378. package/dist/components/smoothly-next-table.js +1 -1
  379. package/dist/components/smoothly-notification.js +1 -1
  380. package/dist/components/smoothly-notifier.js +1 -1
  381. package/dist/components/smoothly-spinner.js +1 -1
  382. package/dist/components/smoothly-submit.js +1 -1
  383. package/dist/components/smoothly-summary.js +1 -1
  384. package/dist/components/smoothly-tab.js +1 -1
  385. package/dist/components/smoothly-table-cell.js +1 -1
  386. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  387. package/dist/components/smoothly-table-demo.js +1 -1
  388. package/dist/components/smoothly-table-expandable-cell.js +1 -1
  389. package/dist/components/smoothly-table-expandable-row.js +1 -1
  390. package/dist/components/smoothly-table-footer.js +1 -1
  391. package/dist/components/smoothly-table-header.js +1 -1
  392. package/dist/components/smoothly-table-row.js +1 -1
  393. package/dist/components/smoothly-table-testing.js +1 -1
  394. package/dist/components/smoothly-table.js +1 -1
  395. package/dist/components/smoothly-tabs-demo.js +1 -1
  396. package/dist/components/smoothly-tabs.js +1 -1
  397. package/dist/components/smoothly-theme-color.js +1 -1
  398. package/dist/components/smoothly-theme-colors.js +1 -1
  399. package/dist/components/smoothly-theme-demo.js +1 -1
  400. package/dist/components/smoothly-theme-guide.js +1 -1
  401. package/dist/components/smoothly-theme-picker.js +1 -1
  402. package/dist/components/smoothly-toggle-switch-demo.js +1 -1
  403. package/dist/components/smoothly-toggle-switch.js +1 -1
  404. package/dist/components/smoothly-toggle.js +1 -1
  405. package/dist/components/smoothly-trigger-sink.js +1 -1
  406. package/dist/components/smoothly-trigger-source.js +1 -1
  407. package/dist/components/smoothly-trigger.js +1 -1
  408. package/dist/esm/loader.js +1 -1
  409. package/dist/esm/{smoothly-app_109.entry.js → smoothly-app_110.entry.js} +143 -123
  410. package/dist/esm/smoothly-app_110.entry.js.map +1 -0
  411. package/dist/esm/smoothly-input-checkbox-demo.entry.js +1 -1
  412. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  413. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  414. package/dist/esm/smoothly.js +1 -1
  415. package/dist/smoothly/{p-24a9b92c.entry.js → p-007b4bab.entry.js} +2 -2
  416. package/dist/smoothly/p-6d9cf6a6.entry.js +2 -0
  417. package/dist/smoothly/p-6d9cf6a6.entry.js.map +1 -0
  418. package/dist/smoothly/p-c35d7ab7.entry.js +2 -0
  419. package/dist/smoothly/{p-ddf20417.entry.js → p-fc0c0853.entry.js} +2 -2
  420. package/dist/smoothly/smoothly.esm.js +1 -1
  421. package/dist/smoothly/smoothly.esm.js.map +1 -1
  422. package/dist/types/components/form/demo/schedule/index.d.ts +4 -0
  423. package/dist/types/components.d.ts +13 -0
  424. package/package.json +1 -1
  425. package/dist/cjs/smoothly-app_109.cjs.entry.js.map +0 -1
  426. package/dist/components/p-0fa3f5a7.js +0 -45
  427. package/dist/components/p-14024783.js +0 -241
  428. package/dist/components/p-2e5f3044.js +0 -123
  429. package/dist/components/p-6f3fa567.js.map +0 -1
  430. package/dist/components/p-9088d27f.js.map +0 -1
  431. package/dist/components/p-a3f22345.js.map +0 -1
  432. package/dist/components/p-d9620164.js +0 -207
  433. package/dist/esm/smoothly-app_109.entry.js.map +0 -1
  434. package/dist/smoothly/p-121b7e5c.entry.js +0 -2
  435. package/dist/smoothly/p-121b7e5c.entry.js.map +0 -1
  436. package/dist/smoothly/p-8fa9500d.entry.js +0 -2
  437. /package/dist/smoothly/{p-24a9b92c.entry.js.map → p-007b4bab.entry.js.map} +0 -0
  438. /package/dist/smoothly/{p-8fa9500d.entry.js.map → p-c35d7ab7.entry.js.map} +0 -0
  439. /package/dist/smoothly/{p-ddf20417.entry.js.map → p-fc0c0853.entry.js.map} +0 -0
package/dist/components/{p-6acdcb78.js.map → p-c5ebb66b.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-6acdcb78.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}\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\tfilter: opacity(60%)\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: 10;\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\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\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({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\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() 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@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(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\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.changed = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.listener.changed?.(this)\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\thexInputHandler(value: string): 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}\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\tname={this.name}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\treadonly={this.readonly}\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.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 && (\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\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\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-c5ebb66b.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,kuUAAkuU,CAAC;AACpvU,iCAAe,QAAQ;;MC2BV,kBAAkB;;;;;;;;QAEtB,aAAQ,GAAsD,EAAE,CAAA;QAChE,QAAG,GAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;QACvD,QAAG,GAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;qBAEV,SAAS;;;uBAG3B,KAAK;wBACW,KAAK;sBACxB,KAAK;;yBAEA,IAAI;oBAEzB,KAAK;0BACgB,KAAK;;IAK1C,MAAM,iBAAiB;QACtB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;QACpC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;QACtD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,eAAK,QAAC,CAAC,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAC,EAAA,CAAC,CAAA;QAC1G,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;QAC/D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;QAC7D,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAA;KACvF;IAED,yBAAyB,CAAC,KAA0C;QACnE,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,wBAAwB,CAAC,KAAwD;QAChF,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;KACpC;IAED,aAAa,CAAC,KAAY;QACzB,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrF;IACD,MAAM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW;YAC5B,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;KACxB;IAED,MAAM,QAAQ;QACb,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;KACnB;IAED,MAAM,UAAU;QACf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KACtB;IAED,MAAM,QAAQ;QACb,OAAO,IAAI,CAAC,MAAM,KAAK,KAAK;cACzB;gBACA,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBAChE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBAChE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aAC/D;cACD,IAAI,CAAC,KAAK;kBACV,IAAI,CAAC,KAAK;kBACV,SAAS,CAAA;KACZ;IAED,MAAM,KAAK;QACV,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;QACvD,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;QACvD,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;KACtB;IAED,MAAM,MAAM,CAAC,QAAmB,EAAE,QAA6C;QAC9E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAA;QAClC,QAAQ,CAAC,IAAI,CAAC,CAAA;KACd;IAED,MAAM,IAAI,CAAC,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAA;QACzB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA;QAC9B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM,eAAe;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM,YAAY;;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAA;QAC/C,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;QAC/D,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,OAAO,mDAAG,IAAI,CAAC,CAAA;KAC7B;IACD,gBAAgB,CAAC,KAAkB;QAClC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,KAAK,CAAA;QAC9C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACvE;KACD;IACD,eAAe,CAAC,KAAa;QAC5B,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YACzB,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;gBACtC,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;oBAC1D,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;iBACjC;gBACD,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;oBAC1D,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;iBAClD;aACD;iBAAM,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;gBAC/C,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;gBACvD,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAA;aACvD;YACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;SAClB;KACD;IACD,kBAAkB,CAAC,KAAwB;;QAC1C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1C,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,KAAK,KAAK,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAA;QAEpE,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,EAAE;YACzC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;gBAC5C,IAAI,GAAG,KAAK,KAAK;oBAChB,cAAc,mCACV,cAAc,KACjB,CAAC,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,EAAE,MAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAC3F,CAAA;qBACG,IAAI,cAAc,CAAC,GAAsB,CAAC,KAAK,SAAS;oBAC5D,cAAc,mCAAQ,cAAc,KAAE,CAAC,GAAG,GAAG,CAAC,GAAE,CAAA;YAClD,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE;gBAC9B,IAAI,CAAC,GAAG,GAAG,kBAAK,cAAc,CAAS,CAAA;gBACvC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBACpC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;aAC/C;iBAAM;gBACN,IAAI,CAAC,GAAG,GAAG,kBAAK,cAAc,CAAS,CAAA;gBACvC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBACpC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;aAChE;SACD;KACD;IACD,YAAY;QACX,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;KACtB;IAED,MAAM;;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE;gBACN,WAAW,EAAE,IAAI,CAAC,KAAK;gBACvB,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,EAAE;gBAC3C,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,EAAE;gBAC3C,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,EAAE;gBAC3C,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,EAAE;gBAC3C,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG;gBAC5C,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,GAAG,CAAC,CAAC,mCAAI,CAAC,CAAC,GAAG;gBAC5C,kBAAkB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,IAAI;aACpD,IACD,uEACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,KAAK,KAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,EAAE,EAAE,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IACnG,8DAAQ,CACQ,EACjB,4DAAK,KAAK,EAAC,cAAc,GAAG,EAC5B,sEACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,GACnD,EACF,8DAEC,6DAAM,IAAI,EAAC,KAAK,GAAG,CACd,EACL,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,KAC3B,4DAAK,KAAK,EAAC,aAAa,IACvB,+EACC,KAAK,EAAE,GAAG,IAAI,CAAC,UAAU,KAAK,KAAK,GAAG,QAAQ,GAAG,QAAQ,EAAE,EAC3D,4BAA4B,EAAE,KAAK,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACnE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAI,CAAC,UAAU,KAAK,KAAK,GAClC,EACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAC1C,4BACC,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAC1D,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,CAAC,EACP,UAAU,EAAC,OAAO,EAClB,eAAe,EAAE,KAAK,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACxD,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,GACvB,CACF,CAAC,EACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAC1C,4BACC,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAC1D,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,EAC1B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,SAAS,GAAG,MAAM,EACrD,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,GAAG,GAAG,KAAK,EAClE,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,IAAI,GAAG,CAAC,EAC3C,UAAU,EAAC,OAAO,EAClB,eAAe,EAAE,KAAK,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACxD,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,GACvB,CACF,CAAC,CACG,CACN,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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}\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\tfilter: opacity(60%)\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: 10;\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\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\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({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\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() 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@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(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\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.changed = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.listener.changed?.(this)\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\thexInputHandler(value: string): 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}\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\tname={this.name}\n\t\t\t\t\tlooks={undefined}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\ttype={\"hex-color\"}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\treadonly={this.readonly}\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.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 && (\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\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\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-15112f2e.js → p-c77f4c0f.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
2
- import { d as defineCustomElement$1 } from './p-8e748704.js';
2
+ import { d as defineCustomElement$1 } from './p-7f7c4cf3.js';
3
3
 
4
4
  const styleCss = ".sc-smoothly-table-cell-h{display:table-cell;line-height:1.5rem;white-space:nowrap;padding:0.3rem .5rem;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade))}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:none;width:1em;height:auto;aspect-ratio:1 / 1;margin:0 0.3rem;transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-table-cell-h:hover>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{opacity:1}smoothly-table-expandable-row>div .sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{display:flex}smoothly-table-expandable-row[open]>div>.sc-smoothly-table-cell-h:last-of-type>div.sc-smoothly-table-cell>smoothly-icon.sc-smoothly-table-cell{transform:rotate(90deg)}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell{display:grid;grid-template-columns:1fr auto;align-items:center}.sc-smoothly-table-cell-h>div.sc-smoothly-table-cell>div.sc-smoothly-table-cell{width:100%}smoothly-table[align=bottom] .sc-smoothly-table-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-cell-h{vertical-align:top}";
5
5
  const SmoothlyTableCellStyle0 = styleCss;
@@ -10,7 +10,7 @@ const TableCell = proxyCustomElement(class TableCell extends H {
10
10
  this.__registerHost();
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: '5062854df0d108862d1d5a68ec3daec19c87baa6' }, h("div", { key: '74f3e178740893891eedf00a0eadcb364c00f1cb' }, h("div", { key: '7347de0455eec66b9c60578a775bda6f6860ed65' }, h("slot", { key: 'ceb8dc424f808039fe50544ac519b281ed2129c0' })), h("smoothly-icon", { key: 'f71a3af5f5b1a55925822a35512f9eef70447411', name: "caret-forward-outline", size: "tiny" }))));
13
+ return (h(Host, { key: 'b2e26c5efa6a0998a9e4f2e386008e5d83b9014f' }, h("div", { key: '2647d6b541eab5847b74bb8b4b869926f37fac12' }, h("div", { key: 'a56ae7aa84dae912105aff1957ba487c1de3cea2' }, h("slot", { key: '0dac2c08fcf86810abb66e19f68d4e79ee1bfb5f' })), h("smoothly-icon", { key: '02761a618d0eeb45694baca5c992abf8bc3a4d9c', name: "caret-forward-outline", size: "tiny" }))));
14
14
  }
15
15
  static get style() { return SmoothlyTableCellStyle0; }
16
16
  }, [6, "smoothly-table-cell"]);
@@ -36,4 +36,4 @@ defineCustomElement();
36
36
 
37
37
  export { TableCell as T, defineCustomElement as d };
38
38
 
39
- //# sourceMappingURL=p-15112f2e.js.map
39
+ //# sourceMappingURL=p-c77f4c0f.js.map
package/dist/components/{p-15112f2e.js.map → p-c77f4c0f.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-15112f2e.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,2sCAA2sC,CAAC;AAC7tC,gCAAe,QAAQ;;MCMV,SAAS;;;;;IACrB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,8DACC,8DAAa,CACR,EACN,sEAAe,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,GAAG,CACrD,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 1.5rem;\n\twhite-space: nowrap;\n\tpadding: 0.3rem .5rem;\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n}\n:host > div > smoothly-icon {\n\tdisplay: none;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tmargin: 0 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\nsmoothly-table-expandable-row > div :host:last-of-type > div > smoothly-icon {\n\tdisplay: flex;\n}\nsmoothly-table-expandable-row[open] > div > :host:last-of-type > div > smoothly-icon {\n\ttransform: rotate(90deg);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\talign-items: center;\n}\n:host > div > div {\n\twidth: 100%;\n}\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableCell {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\" size=\"tiny\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-c77f4c0f.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,2sCAA2sC,CAAC;AAC7tC,gCAAe,QAAQ;;MCMV,SAAS;;;;;IACrB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,8DACC,8DAAa,CACR,EACN,sEAAe,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,MAAM,GAAG,CACrD,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 1.5rem;\n\twhite-space: nowrap;\n\tpadding: 0.3rem .5rem;\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n}\n:host > div > smoothly-icon {\n\tdisplay: none;\n\twidth: 1em;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\tmargin: 0 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\nsmoothly-table-expandable-row > div :host:last-of-type > div > smoothly-icon {\n\tdisplay: flex;\n}\nsmoothly-table-expandable-row[open] > div > :host:last-of-type > div > smoothly-icon {\n\ttransform: rotate(90deg);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\talign-items: center;\n}\n:host > div > div {\n\twidth: 100%;\n}\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableCell {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\" size=\"tiny\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-2f3b4735.js → p-c7be31eb.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-f765921a.js';
2
- import { d as defineCustomElement$3 } from './p-8e748704.js';
3
- import { d as defineCustomElement$2 } from './p-b8e2c001.js';
4
- import { d as defineCustomElement$1 } from './p-2245665c.js';
2
+ import { d as defineCustomElement$3 } from './p-7f7c4cf3.js';
3
+ import { d as defineCustomElement$2 } from './p-03b62a84.js';
4
+ import { d as defineCustomElement$1 } from './p-4da92b01.js';
5
5
 
6
6
  const styleCss = ".sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>aside.sc-smoothly-notifier{display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}";
7
7
  const SmoothlyNotifierStyle0 = styleCss;
@@ -21,8 +21,8 @@ const Notifier = proxyCustomElement(class Notifier extends H {
21
21
  }
22
22
  render() {
23
23
  return [
24
- h("slot", { key: '95705f447f02f2fd79fcfb9fd914547dcd46fd43' }),
25
- h("aside", { key: '49abfb85afa25cf8a939d725697698082eda895c' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
24
+ h("slot", { key: 'b806e161fb6393c807902e69f4a87cc6f161c782' }),
25
+ h("aside", { key: '94dbd9b35bb94cbbe88edf283188ba7538a8967f' }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon })))),
26
26
  ];
27
27
  }
28
28
  static get style() { return SmoothlyNotifierStyle0; }
@@ -62,4 +62,4 @@ defineCustomElement();
62
62
 
63
63
  export { Notifier as N, defineCustomElement as d };
64
64
 
65
- //# sourceMappingURL=p-2f3b4735.js.map
65
+ //# sourceMappingURL=p-c7be31eb.js.map
package/dist/components/{p-2f3b4735.js.map → p-c7be31eb.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-2f3b4735.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,kQAAkQ,CAAC;AACpR,+BAAe,QAAQ;;MCOV,QAAQ;;;;oBACL,KAAK;uBACS,EAAE;;IAG/B,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC9C;IAED,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;KAC/D;IACD,MAAM;QACL,OAAO;YACN,8DAAa;YACb,gEACE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAClB,6BAAuB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAA0B,CAC3E,CAAC,CACK;SACR,CAAA;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notifier/style.css?tag=smoothly-notifier&encapsulation=scoped","src/components/notifier/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > aside {\n\tdisplay: flex;\n\tflex-wrap: wrap-reverse;\n\talign-content: stretch;\n\tposition: fixed;\n\tbottom: 3rem;\n\tleft: 0;\n\ttext-align: center;\n\tz-index: 100;\n}\n","import { Component, h, Listen, Prop, State } from \"@stencil/core\"\nimport { Notice } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notifier\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notifier {\n\t@Prop() icon = false\n\t@State() notices: Notice[] = []\n\n\t@Listen(\"notice\")\n\tonNotice(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices, event.detail]\n\t}\n\t@Listen(\"remove\")\n\tonRemove(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices.filter(n => n != event.detail)]\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<slot></slot>,\n\t\t\t<aside>\n\t\t\t\t{this.notices.map(n => (\n\t\t\t\t\t<smoothly-notification notice={n} icon={this.icon}></smoothly-notification>\n\t\t\t\t))}\n\t\t\t</aside>,\n\t\t]\n\t}\n}\n"],"version":3}
1
+ {"file":"p-c7be31eb.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,kQAAkQ,CAAC;AACpR,+BAAe,QAAQ;;MCOV,QAAQ;;;;oBACL,KAAK;uBACS,EAAE;;IAG/B,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;KAC9C;IAED,QAAQ,CAAC,KAA0B;QAClC,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;KAC/D;IACD,MAAM;QACL,OAAO;YACN,8DAAa;YACb,gEACE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAClB,6BAAuB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAA0B,CAC3E,CAAC,CACK;SACR,CAAA;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notifier/style.css?tag=smoothly-notifier&encapsulation=scoped","src/components/notifier/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > aside {\n\tdisplay: flex;\n\tflex-wrap: wrap-reverse;\n\talign-content: stretch;\n\tposition: fixed;\n\tbottom: 3rem;\n\tleft: 0;\n\ttext-align: center;\n\tz-index: 100;\n}\n","import { Component, h, Listen, Prop, State } from \"@stencil/core\"\nimport { Notice } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notifier\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notifier {\n\t@Prop() icon = false\n\t@State() notices: Notice[] = []\n\n\t@Listen(\"notice\")\n\tonNotice(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices, event.detail]\n\t}\n\t@Listen(\"remove\")\n\tonRemove(event: CustomEvent<Notice>) {\n\t\tthis.notices = [...this.notices.filter(n => n != event.detail)]\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<slot></slot>,\n\t\t\t<aside>\n\t\t\t\t{this.notices.map(n => (\n\t\t\t\t\t<smoothly-notification notice={n} icon={this.icon}></smoothly-notification>\n\t\t\t\t))}\n\t\t\t</aside>,\n\t\t]\n\t}\n}\n"],"version":3}
package/dist/components/{p-5d000366.js → p-c9a29ee1.js} RENAMED
@@ -15,14 +15,14 @@ const SmoothlyThemeColors = proxyCustomElement(class SmoothlyThemeColors extends
15
15
  }
16
16
  render() {
17
17
  return [
18
- h("smoothly-display", { key: '7f0294ef8ef07dc2514f067d30a11d5465cefa0a' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
19
- h("br", { key: 'b018237ea4efadaae929785cae725c4697fdabf5' }),
20
- h("smoothly-display", { key: '1391886555ce154328f44ec0015a9127876a54dc' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
21
- h("br", { key: 'ba2bd49747e83cb59c7d00ec501fa58e2f3c62bb' }),
22
- h("smoothly-display", { key: '15b98ab34d5d139994ae6e5de95dcdf9a4995ff2' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
23
- h("br", { key: '2c84a19dac4e5a0d37b7f5a63bf7bccea47c8498' }),
24
- h("smoothly-display", { key: '02c9de731cbde79f35a93cf169c63df3839f38ec' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
25
- h("br", { key: '5087d642ba0649363a5513f8d93fe2acafd59692' }),
18
+ h("smoothly-display", { key: '77d5537d9483e58433a0266d3065098bd601951e' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
19
+ h("br", { key: '1dbf202ca245580dd88f2c421c15cb4dfb26c587' }),
20
+ h("smoothly-display", { key: '726ff57a55bb51989ba4bf685dff2dbcfe4ef426' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
21
+ h("br", { key: '0adc33d33ac13615ed96d7d27d137e255b4adb08' }),
22
+ h("smoothly-display", { key: 'c94b2390d510756fa9fbd8c4346a2f73be1e30fe' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
23
+ h("br", { key: '5ef4844dd3f283b53e31a9ef0c7de293a6d7f60f' }),
24
+ h("smoothly-display", { key: '65a03835a4ea17a28fbddb87494a8a763859040c' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
25
+ h("br", { key: 'd6780671360b0d3905174dec43a0082eed28639d' }),
26
26
  ];
27
27
  }
28
28
  static get style() { return SmoothlyThemeGuideStyle0; }
@@ -69,4 +69,4 @@ defineCustomElement();
69
69
 
70
70
  export { SmoothlyThemeColors as S, defineCustomElement as d };
71
71
 
72
- //# sourceMappingURL=p-5d000366.js.map
72
+ //# sourceMappingURL=p-c9a29ee1.js.map
package/dist/components/{p-5d000366.js.map → p-c9a29ee1.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-5d000366.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,iCAAe,QAAQ;;MCMV,mBAAmB;;;;;IAC/B,MAAM;QACL,OAAO;YACN,uKAEmB;YACnB,4DAAM;YACN,yNAGmB;YACnB,4DAAM;YACN,yLAEmB;YACnB,4DAAM;YACN,+FACkB,kBAAkB,0DAAsD,GAAG,CAC1E;YACnB,4DAAM;SACN,CAAA;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/guide/style.css?tag=smoothly-theme-guide&encapsulation=scoped","src/components/theme/guide/index.tsx"],"sourcesContent":["","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-guide\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-display>\n\t\t\t\tTint is used as background to highlight, for example hovering an item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tColor is used as a normal background or as a background to show that something is selected, for example a\n\t\t\t\tselected item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tShade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tOne can use the {\"<smoothly-color>\"} component to switch between what color set is used.{\" \"}\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t]\n\t}\n}\n"],"version":3}
1
+ {"file":"p-c9a29ee1.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,iCAAe,QAAQ;;MCMV,mBAAmB;;;;;IAC/B,MAAM;QACL,OAAO;YACN,uKAEmB;YACnB,4DAAM;YACN,yNAGmB;YACnB,4DAAM;YACN,yLAEmB;YACnB,4DAAM;YACN,+FACkB,kBAAkB,0DAAsD,GAAG,CAC1E;YACnB,4DAAM;SACN,CAAA;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/guide/style.css?tag=smoothly-theme-guide&encapsulation=scoped","src/components/theme/guide/index.tsx"],"sourcesContent":["","import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-guide\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeColors {\n\trender() {\n\t\treturn [\n\t\t\t<smoothly-display>\n\t\t\t\tTint is used as background to highlight, for example hovering an item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tColor is used as a normal background or as a background to show that something is selected, for example a\n\t\t\t\tselected item in the select menu.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tShade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint.\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t\t<smoothly-display>\n\t\t\t\tOne can use the {\"<smoothly-color>\"} component to switch between what color set is used.{\" \"}\n\t\t\t</smoothly-display>,\n\t\t\t<br />,\n\t\t]\n\t}\n}\n"],"version":3}
package/dist/components/{p-58437ae8.js → p-ca6e8175.js} RENAMED
@@ -10,7 +10,7 @@ const TableHeader = proxyCustomElement(class TableHeader extends H {
10
10
  this.name = undefined;
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: 'd6bbd0deda2293d2f0767b64de6ef3e96a6fc979' }, h("slot", { key: 'e43a6de99c586b0bda8e4fe6a4845303c226048f' })));
13
+ return (h(Host, { key: 'fbef0c06051b00b98e84b0e7313b605f53b9d4c0' }, h("slot", { key: '0886ac73a5692fd482ff781f08659170cac91640' })));
14
14
  }
15
15
  static get style() { return SmoothlyTableHeaderStyle0; }
16
16
  }, [6, "smoothly-table-header", {
@@ -33,4 +33,4 @@ defineCustomElement();
33
33
 
34
34
  export { TableHeader as T, defineCustomElement as d };
35
35
 
36
- //# sourceMappingURL=p-58437ae8.js.map
36
+ //# sourceMappingURL=p-ca6e8175.js.map
package/dist/components/{p-58437ae8.js.map → p-ca6e8175.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-58437ae8.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,wbAAwb,CAAC;AAC1c,kCAAe,QAAQ;;MCMV,WAAW;;;;;;IAEvB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/header/style.css?tag=smoothly-table-header&encapsulation=scoped","src/components/table/header/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 2.5rem;\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n\tpadding: 0 .5rem;\n\tfont-weight: bold;\n}\n\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-header\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableHeader {\n\t@Prop({ reflect: true }) name: string\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-ca6e8175.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,wbAAwb,CAAC;AAC1c,kCAAe,QAAQ;;MCMV,WAAW;;;;;;IAEvB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAa,CACP,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/header/style.css?tag=smoothly-table-header&encapsulation=scoped","src/components/table/header/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tline-height: 2.5rem;\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade));\n\tpadding: 0 .5rem;\n\tfont-weight: bold;\n}\n\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-header\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableHeader {\n\t@Prop({ reflect: true }) name: string\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-8e13449b.js → p-cb083b20.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
2
2
  import { d as defineCustomElement$2 } from './p-7d0eafb0.js';
3
- import { d as defineCustomElement$1 } from './p-8e748704.js';
3
+ import { d as defineCustomElement$1 } from './p-7f7c4cf3.js';
4
4
 
5
5
  const styleCss = ".sc-smoothly-button-confirm-h{display:inline-block}[disabled].sc-smoothly-button-confirm-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-confirm-h:not([warning])>smoothly-button.sc-smoothly-button-confirm:first-child{display:none}[warning].sc-smoothly-button-confirm-h>smoothly-button.sc-smoothly-button-confirm:nth-child(2){display:none}[expand].sc-smoothly-button-confirm-h{width:100%}";
6
6
  const SmoothlyButtonConfirmStyle0 = styleCss;
@@ -76,4 +76,4 @@ defineCustomElement();
76
76
 
77
77
  export { SmoothlyButtonConfirm as S, defineCustomElement as d };
78
78
 
79
- //# sourceMappingURL=p-8e13449b.js.map
79
+ //# sourceMappingURL=p-cb083b20.js.map
package/dist/components/{p-8e13449b.js.map → p-cb083b20.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-8e13449b.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,2YAA2Y,CAAC;AAC7Z,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;;;;+BAIP,GAAG;;;wBAGO,KAAK;;;;;IAOzC,YAAY,CAAC,KAAiB;QAC7B,IAAI,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,EAAE;YAC/F,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAC7C,IAAI,CAAC,cAAc,GAAG,SAAS,CAAA;YAC/B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAA;SAChD;aAAM;YACN,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,CAAA;YACrC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC9B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAA;aAC/B,EAAE,IAAI,CAAC,CAAA;SACR;KACD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,cAAc,IACjC,wEACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,sEACC,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAC5C,CACe,EAClB,wEACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,8DAAQ,CACS,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/confirm/style.css?tag=smoothly-button-confirm&encapsulation=scoped","src/components/confirm/index.tsx"],"sourcesContent":[":host {\n\tdisplay: inline-block;\n}\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n:host:not([warning]) > smoothly-button:first-child {\n\tdisplay: none;\n}\n:host[warning] > smoothly-button:nth-child(2) {\n\tdisplay: none;\n}\n:host([expand]) {\n\twidth: 100%;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Color, Data, Fill } from \"../../model\"\nimport { Editable } from \"../input/Editable\"\n\n@Component({\n\ttag: \"smoothly-button-confirm\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonConfirm {\n\ttimer?: number\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) name: string\n\t@Prop() doubleClickTime = 0.2\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop() fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() shape?: \"rounded\"\n\t@Prop() size: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\t@State() clickTimeStamp: number | undefined\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyConfirm: EventEmitter<Data>\n\n\tclickHandler(event: MouseEvent): void {\n\t\tif (this.clickTimeStamp && event.timeStamp - this.clickTimeStamp > this.doubleClickTime * 1000) {\n\t\t\tthis.timer && window.clearTimeout(this.timer)\n\t\t\tthis.clickTimeStamp = undefined\n\t\t\tthis.smoothlyConfirm.emit({ [this.name]: true })\n\t\t} else {\n\t\t\tthis.clickTimeStamp = event.timeStamp\n\t\t\tthis.timer = window.setTimeout(() => {\n\t\t\t\tthis.clickTimeStamp = undefined\n\t\t\t}, 2000)\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host warning={this.clickTimeStamp}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tfill={this.fill}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\tcolor={\"warning\"}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"alert-outline\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tcolor=\"warning\"\n\t\t\t\t\t\tsize={this.size === \"icon\" ? \"tiny\" : \"small\"}\n\t\t\t\t\t/>\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tfill={this.fill}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-cb083b20.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,2YAA2Y,CAAC;AAC7Z,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;;;;+BAIP,GAAG;;;wBAGO,KAAK;;;;;IAOzC,YAAY,CAAC,KAAiB;QAC7B,IAAI,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,EAAE;YAC/F,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAC7C,IAAI,CAAC,cAAc,GAAG,SAAS,CAAA;YAC/B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAA;SAChD;aAAM;YACN,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,CAAA;YACrC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC9B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAA;aAC/B,EAAE,IAAI,CAAC,CAAA;SACR;KACD;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,cAAc,IACjC,wEACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,sEACC,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,GAC5C,CACe,EAClB,wEACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAC1C,8DAAQ,CACS,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/confirm/style.css?tag=smoothly-button-confirm&encapsulation=scoped","src/components/confirm/index.tsx"],"sourcesContent":[":host {\n\tdisplay: inline-block;\n}\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n:host:not([warning]) > smoothly-button:first-child {\n\tdisplay: none;\n}\n:host[warning] > smoothly-button:nth-child(2) {\n\tdisplay: none;\n}\n:host([expand]) {\n\twidth: 100%;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Color, Data, Fill } from \"../../model\"\nimport { Editable } from \"../input/Editable\"\n\n@Component({\n\ttag: \"smoothly-button-confirm\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonConfirm {\n\ttimer?: number\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) name: string\n\t@Prop() doubleClickTime = 0.2\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop() fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() shape?: \"rounded\"\n\t@Prop() size: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\t@State() clickTimeStamp: number | undefined\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyConfirm: EventEmitter<Data>\n\n\tclickHandler(event: MouseEvent): void {\n\t\tif (this.clickTimeStamp && event.timeStamp - this.clickTimeStamp > this.doubleClickTime * 1000) {\n\t\t\tthis.timer && window.clearTimeout(this.timer)\n\t\t\tthis.clickTimeStamp = undefined\n\t\t\tthis.smoothlyConfirm.emit({ [this.name]: true })\n\t\t} else {\n\t\t\tthis.clickTimeStamp = event.timeStamp\n\t\t\tthis.timer = window.setTimeout(() => {\n\t\t\t\tthis.clickTimeStamp = undefined\n\t\t\t}, 2000)\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host warning={this.clickTimeStamp}>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tfill={this.fill}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\tcolor={\"warning\"}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tname={\"alert-outline\"}\n\t\t\t\t\t\tfill={this.fill}\n\t\t\t\t\t\tcolor=\"warning\"\n\t\t\t\t\t\tsize={this.size === \"icon\" ? \"tiny\" : \"small\"}\n\t\t\t\t\t/>\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button\n\t\t\t\t\tfill={this.fill}\n\t\t\t\t\texpand={this.expand}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\tshape={this.shape}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype={\"button\"}\n\t\t\t\t\tonClick={event => this.clickHandler(event)}>\n\t\t\t\t\t<slot />\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-2072c622.js → p-cb45cc1f.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
2
- import { C as Clearable, I as Input, S as SmoothlyForm } from './p-6f3fa567.js';
2
+ import { C as Clearable, I as Input, S as SmoothlyForm } from './p-7c13984b.js';
3
3
  import { E as Editable } from './p-b0d7a2e6.js';
4
4
  import { d as defineCustomElement$2 } from './p-7d0eafb0.js';
5
- import { d as defineCustomElement$1 } from './p-8e748704.js';
5
+ import { d as defineCustomElement$1 } from './p-7f7c4cf3.js';
6
6
 
7
7
  const styleCss = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{--smoothly-button-border-radius:0.5rem;display:inline-block;box-sizing:border-box;border-radius:var(--smoothly-button-border-radius);cursor:pointer;border:none;outline:none;position:relative}[shape=rounded].sc-smoothly-input-clear-h{--smoothly-button-border-radius:2rem}[type=link].sc-smoothly-input-clear-h{display:inline}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear:empty,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:empty{border-width:0}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:var(--smoothly-button-border-radius);align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;--smoothly-button-border-radius:0}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border-color:rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border-color:rgb(var(--smoothly-button-focus-color))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-within::before,[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:active::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px;border-radius:var(--smoothly-button-border-radius)}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:active{background:rgb(var(--smoothly-button-hover-background))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h{display:flex}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-button>button{cursor:pointer;filter:opacity(60%);--smoothly-button-foreground:var(--smoothly-input-foreground);background-color:transparent}.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-button>button>*+smoothly-icon{display:none}[disabled].sc-smoothly-input-clear-h{cursor:not-allowed}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}";
8
8
  const SmoothlyInputClearStyle0 = styleCss;
@@ -46,7 +46,7 @@ const SmoothlyInputClear = proxyCustomElement(class SmoothlyInputClear extends H
46
46
  }
47
47
  render() {
48
48
  var _a;
49
- return (h(Host, { key: '9484f284e75befd19d39c3af18e935d345aac3fc', title: this.tooltip }, h("smoothly-button", { key: 'fd7d67d5c52092142241cf09ebf9e1d6844f1707', 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: '7f198efb670dc5dd3ace5e46374bc06802106abf' }), h("smoothly-icon", { key: '71e47a4704225ad81ee46c5070d0c26bf8469089', name: "close", size: "tiny" }))));
49
+ return (h(Host, { key: '443c2519cefdff110d087244d4a153a9b1a2b408', title: this.tooltip }, h("smoothly-button", { key: 'c88f9fa84c854b37db34f498addddd95f71b628e', 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: '4dffca4a3499f5fbf79bf2d7a91a1e0e6a7f0052' }), h("smoothly-icon", { key: '331c0dcd767585f0711c1072580dff6d91f39e06', name: "close", size: "tiny" }))));
50
50
  }
51
51
  static get style() { return SmoothlyInputClearStyle0; }
52
52
  }, [6, "smoothly-input-clear", {
@@ -87,4 +87,4 @@ defineCustomElement();
87
87
 
88
88
  export { SmoothlyInputClear as S, defineCustomElement as d };
89
89
 
90
- //# sourceMappingURL=p-2072c622.js.map
90
+ //# sourceMappingURL=p-cb45cc1f.js.map
package/dist/components/{p-2072c622.js.map → p-cb45cc1f.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-2072c622.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,83NAA83N,CAAC;AACh5N,iCAAe,QAAQ;;MCWV,kBAAkB;;;;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;oBAChC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;wBAC/B,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;4BAChB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;yBACvG;wBACD,IAAI,CAAC,YAAY,YAAY,EAAE;4BAC9B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;4BAClF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;yBAC1B;qBACD,CAAC,CAAA;iBACF;aACD;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;KACpB;IACD,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,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/clear/style.css?tag=smoothly-input-clear&encapsulation=scoped","src/components/input/clear/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\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::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-clear\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputClear {\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill = \"clear\"\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"large\" | \"icon\" | \"flexible\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop() tooltip = \"Clear\"\n\tprivate parent?: Clearable | (Clearable & Editable)\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Clearable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tif (Editable.Element.is(parent)) {\n\t\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\t\tthis.display = !p.readonly && (typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue()))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1\n\t\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.clear()\n\t}\n\trender() {\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 name=\"close\" 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-cb45cc1f.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,83NAA83N,CAAC;AACh5N,iCAAe,QAAQ;;MCWV,kBAAkB;;;;;;;oBAGS,OAAO;wBACK,KAAK;oBACiB,MAAM;;uBAE7B,IAAI;oBACJ,OAAO;uBACvC,OAAO;;IAIzB,MAAM,iBAAiB;QACtB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;gBACpB,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;oBAChC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAM,CAAC;wBAC/B,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;4BAChB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,OAAO,IAAI,SAAS,GAAG,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;yBACvG;wBACD,IAAI,CAAC,YAAY,YAAY,EAAE;4BAC9B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;4BAClF,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAA;yBAC1B;qBACD,CAAC,CAAA;iBACF;aACD;SACD,CAAC,CAAA;KACF;IAED,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA;KACpB;IACD,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,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAG,CACzB,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/clear/style.css?tag=smoothly-input-clear&encapsulation=scoped","src/components/input/clear/index.tsx"],"sourcesContent":["@import \"../../button/style.css\";\n\n:host {\n\tdisplay: flex;\n}\n\n:host(:not([display])) {\n\tdisplay: none;\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::slotted(smoothly-button>button > * > * + smoothly-icon) {\n\tdisplay: none;\n}\n\n:host([disabled]) {\n\tcursor: not-allowed\n}\n\n:host([type=\"input\"]):hover ::slotted(smoothly-icon) {\n\tcursor: pointer;\n\tfilter: opacity(100%);\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../../model\"\nimport { SmoothlyForm } from \"../../form\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\n\n@Component({\n\ttag: \"smoothly-input-clear\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputClear {\n\t@Prop() color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill = \"clear\"\n\t@Prop({ reflect: true, mutable: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"small\" | \"large\" | \"icon\" | \"flexible\" = \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop({ reflect: true, mutable: true }) display = true\n\t@Prop({ reflect: true }) type: \"form\" | \"input\" = \"input\"\n\t@Prop() tooltip = \"Clear\"\n\tprivate parent?: Clearable | (Clearable & Editable)\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Clearable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t\tif (Editable.Element.is(parent)) {\n\t\t\t\t\tparent.listen(\"changed\", async p => {\n\t\t\t\t\t\tif (Input.is(p)) {\n\t\t\t\t\t\t\tthis.display = !p.readonly && (typeof p.defined == \"boolean\" ? p.defined : Boolean(await p.getValue()))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (p instanceof SmoothlyForm) {\n\t\t\t\t\t\t\tthis.disabled = p.readonly || Object.values(p.value).filter(val => val).length < 1\n\t\t\t\t\t\t\tthis.display = !p.readonly\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.clear()\n\t}\n\trender() {\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 name=\"close\" 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-2c93fde9.js → p-d0049fe4.js} RENAMED
@@ -32,7 +32,7 @@ const SmoothlySubmit = proxyCustomElement(class SmoothlySubmit extends H {
32
32
  (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
33
33
  }
34
34
  render() {
35
- return (h(Button, { key: '32bc189c2442612efdcb413f2e0a6c21e597676c', disabled: this.disabled, type: this.type }, h("slot", { key: '0c85cb939835a49d5d5cda59a6d66f8a5f66d7da' })));
35
+ return (h(Button, { key: '38f2af2c012d59b9d0ebb179fc1c85263083764a', disabled: this.disabled, type: this.type }, h("slot", { key: 'a2254b3fa765ab5b07cf41b323cd9b9842720243' })));
36
36
  }
37
37
  static get style() { return SmoothlySubmitStyle0; }
38
38
  }, [6, "smoothly-submit", {
@@ -62,4 +62,4 @@ defineCustomElement();
62
62
 
63
63
  export { SmoothlySubmit as S, defineCustomElement as d };
64
64
 
65
- //# sourceMappingURL=p-2c93fde9.js.map
65
+ //# sourceMappingURL=p-d0049fe4.js.map
package/dist/components/{p-2c93fde9.js.map → p-d0049fe4.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-2c93fde9.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,y5LAAy5L,CAAC;AAC36L,6BAAe,QAAQ;;MCWV,cAAc;;;;;qBACe,SAAS;;;wBAGd,KAAK;;;;uBAIvB,IAAI;;IAItB,MAAM,iBAAiB;QACtB,OAAO,CAAC,IAAI,CACX,sJAAsJ,CACtJ,CAAA;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;aACpB;SACD,CAAC,CAAA;KACF;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/submit/style.css?tag=smoothly-submit&encapsulation=scoped","src/components/submit/index.tsx"],"sourcesContent":["@import \"../button/style.css\";\n\n:host() {\n\tmargin: 1em 0em;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n// DEPRECATED - use smoothly-input-submit instead\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tconsole.warn(\n\t\t\t`smoothly-submit is deprecated, use smoothly-input-submit instead.\\n <smoothly-button type=\"submit\"> can also be used if you're using a regular form.`\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-d0049fe4.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,y5LAAy5L,CAAC;AAC36L,6BAAe,QAAQ;;MCWV,cAAc;;;;;qBACe,SAAS;;;wBAGd,KAAK;;;;uBAIvB,IAAI;;IAItB,MAAM,iBAAiB;QACtB,OAAO,CAAC,IAAI,CACX,sJAAsJ,CACtJ,CAAA;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;gBAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;aACpB;SACD,CAAC,CAAA;KACF;IAGD,YAAY;;QACX,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;KACrB;IAED,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAC/C,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/submit/style.css?tag=smoothly-submit&encapsulation=scoped","src/components/submit/index.tsx"],"sourcesContent":["@import \"../button/style.css\";\n\n:host() {\n\tmargin: 1em 0em;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"../button/Button\"\nimport { Editable } from \"../input/Editable\"\nimport { Submittable } from \"../input/Submittable\"\n\n// DEPRECATED - use smoothly-input-submit instead\n@Component({\n\ttag: \"smoothly-submit\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlySubmit {\n\t@Prop({ reflect: true }) color?: Color = \"success\"\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: \"link\" | \"button\"\n\t@Prop({ reflect: true }) size: \"flexible\" | \"small\" | \"large\" | \"icon\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() prevent = true\n\tprivate parent?: Submittable\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\n\tasync componentWillLoad() {\n\t\tconsole.warn(\n\t\t\t`smoothly-submit is deprecated, use smoothly-input-submit instead.\\n <smoothly-button type=\"submit\"> can also be used if you're using a regular form.`\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => {\n\t\t\tif (Submittable.is(parent)) {\n\t\t\t\tthis.parent = parent\n\t\t\t}\n\t\t})\n\t}\n\n\t@Listen(\"click\")\n\tclickHandler() {\n\t\tthis.parent?.submit()\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-85265529.js → p-d104367f.js} RENAMED
@@ -1,12 +1,12 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
2
2
  import { d as defineCustomElement$8 } from './p-7d0eafb0.js';
3
- import { d as defineCustomElement$7 } from './p-8e13449b.js';
4
- import { d as defineCustomElement$6 } from './p-6f3fa567.js';
5
- import { d as defineCustomElement$5 } from './p-8e748704.js';
6
- import { d as defineCustomElement$4 } from './p-0ac899b2.js';
7
- import { d as defineCustomElement$3 } from './p-36365329.js';
8
- import { d as defineCustomElement$2 } from './p-9088d27f.js';
9
- import { d as defineCustomElement$1 } from './p-dfde995c.js';
3
+ import { d as defineCustomElement$7 } from './p-cb083b20.js';
4
+ import { d as defineCustomElement$6 } from './p-7c13984b.js';
5
+ import { d as defineCustomElement$5 } from './p-7f7c4cf3.js';
6
+ import { d as defineCustomElement$4 } from './p-d2aa1c38.js';
7
+ import { d as defineCustomElement$3 } from './p-e660be53.js';
8
+ import { d as defineCustomElement$2 } from './p-5bf952c5.js';
9
+ import { d as defineCustomElement$1 } from './p-1070ed11.js';
10
10
 
11
11
  const SmoothlyFormDemoLogin = proxyCustomElement(class SmoothlyFormDemoLogin extends H {
12
12
  constructor() {
@@ -14,7 +14,7 @@ const SmoothlyFormDemoLogin = proxyCustomElement(class SmoothlyFormDemoLogin ext
14
14
  this.__registerHost();
15
15
  }
16
16
  render() {
17
- return (h(Host, { key: '559985f2133b7f86de5c22a88cfda3e8bd1a344a' }, h("h2", { key: '693658791fff278e231556b4aadcac20c311190c' }, "Login"), h("smoothly-form", { key: 'fd420a522a1c7f51ce277c5250ad5cc2f300af7f', looks: "border" }, h("smoothly-input", { key: '656686c2d6e54047aa05b2431e059da3bfb656ed', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: 'ef679e989bea7e4c5af277fe2b1a6f4ad1fec063', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: 'e7f58c64563e0e2a6feb789a9dea1aca186631ae', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'abc12666abee47139e05db5c583bb9f458f21c8c', slot: "submit" }))));
17
+ return (h(Host, { key: '2a5f43deb8d5412bd6e3f689121dae61a8e810fe' }, h("h2", { key: '4da410bb5c2d0567d2ded09d3d12d2e734754783' }, "Login"), h("smoothly-form", { key: 'd7d13e509e44bbf7565c44ffba00ad05d47a0bef', looks: "border" }, h("smoothly-input", { key: 'dfe6efa937a9a30356f8fe83ee0f177983450100', type: "text", name: "username" }, "Username"), h("smoothly-input", { key: '0f77f8eace6a54580330c59dde1f78d7fc2b9777', type: "password", name: "password" }, "Password"), h("smoothly-input-reset", { key: '9fd28636ee5650135f8d92fe3652952df6fdd0b4', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'a55b68e79b7e4eda5cd0b9b936b8d568d6c395fb', slot: "submit" }))));
18
18
  }
19
19
  }, [2, "smoothly-form-demo-login"]);
20
20
  function defineCustomElement() {
@@ -74,4 +74,4 @@ defineCustomElement();
74
74
 
75
75
  export { SmoothlyFormDemoLogin as S, defineCustomElement as d };
76
76
 
77
- //# sourceMappingURL=p-85265529.js.map
77
+ //# sourceMappingURL=p-d104367f.js.map
package/dist/components/{p-85265529.js.map → p-d104367f.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-85265529.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EAClG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-d104367f.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EAClG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\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-0ac899b2.js → p-d2aa1c38.js} RENAMED
@@ -1,8 +1,8 @@
1
1
  import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
2
2
  import { a as get, S as Selection, b as State, c as StateEditor, g as getLocale } from './p-ebf469aa.js';
3
- import { I as Input } from './p-6f3fa567.js';
3
+ import { I as Input } from './p-7c13984b.js';
4
4
  import { o as object, s as string, b as boolean } from './p-d471066b.js';
5
- import { d as defineCustomElement$1 } from './p-8e748704.js';
5
+ import { d as defineCustomElement$1 } from './p-7f7c4cf3.js';
6
6
 
7
7
  var Deep;
8
8
  (function (Deep) {
@@ -416,7 +416,7 @@ const SmoothlyInput = proxyCustomElement(class SmoothlyInput extends H {
416
416
  }
417
417
  render() {
418
418
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
419
- return (h(Host, { key: '0b8654395fe79aa68eef51d08ddceb61a898d4f8', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: '3afc06d1f25d19cacece836a37b4feafd68eb41e', name: "start" }), h("div", { key: 'd228589bf532887ab1df14b0c6f84101e64547c6' }, h("div", { key: 'bc39e8f5bfe5d408ba5b806b64be5d8137532bab', class: "ghost" }, h("div", { key: 'c9e4176802404a3788e832655bc490ec0aebdeb8', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: '752250ab58d9d97d60e4b063e918d5ff3391aae7', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '17ad63e7bc3b2b70547abf4d7b5a5bbe6fc4c490', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
419
+ return (h(Host, { key: '3fbe62c49a8bb7d7cfb7e15800ae409551955d82', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: 'ed341e08868536ddcef3d753c9a538eaab339a80', name: "start" }), h("div", { key: '61c5e6d8d17e034e4a5a30e2aa7451e190322791' }, h("div", { key: '80de8d4b66076c356208fd5aca76a871ea78adb5', class: "ghost" }, h("div", { key: '9e03dc99e94796848c823280aa2008e8923057a8', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: 'f18338e4bb535a353ccd19c011959df294103555', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '011ecaafbcc906ae0d0f4d8e39820a3a63cd168a', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
420
420
  this.state = this.stateHandler.onKeyDown(event, this.state);
421
421
  if (!this.readonly && !this.disabled)
422
422
  this.smoothlyKeydown.emit(Key.create(this.name, event));
@@ -429,7 +429,7 @@ const SmoothlyInput = proxyCustomElement(class SmoothlyInput extends H {
429
429
  if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
430
430
  this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
431
431
  }
432
- } }), h("label", { key: '462bda3be9a8404e95d36d53ff98ccb86722d4f4', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'ecfc30af821c214ab58b7abfdc08da2a8fad830a' })), h("smoothly-icon", { key: 'e41e86f0402779d16d962f9a1fefa05241fe684d', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: 'ed933dda84ae06accec1d535aa739b4d94b8d8e2', name: "end" })));
432
+ } }), h("label", { key: 'ea3151b8d79f3475d02c8b0b8761c286ffb4d9a1', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: 'f7175e37987972a88d5bd7756b61253240835ed4' })), h("smoothly-icon", { key: '89f2bf409e15b617656a7cadb96c8b6b4146e4a5', name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage })), h("slot", { key: '3d1a9674c76bdbac5ebd98137df4eca4a8690322', name: "end" })));
433
433
  }
434
434
  get element() { return this; }
435
435
  static get watchers() { return {
@@ -500,4 +500,4 @@ defineCustomElement();
500
500
 
501
501
  export { SmoothlyInput as S, defineCustomElement as d };
502
502
 
503
- //# sourceMappingURL=p-0ac899b2.js.map
503
+ //# sourceMappingURL=p-d2aa1c38.js.map