smoothly 1.98.0 → 1.100.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/smoothly-app_103.cjs.entry.js +30 -10
  3. package/dist/cjs/smoothly-app_103.cjs.entry.js.map +1 -1
  4. package/dist/cjs/smoothly.cjs.js +1 -1
  5. package/dist/collection/components/input/checkbox/style.css +1 -0
  6. package/dist/collection/components/input/color/style.css +1 -1
  7. package/dist/collection/components/input/date/range/style.css +1 -1
  8. package/dist/collection/components/input/date/style.css +1 -1
  9. package/dist/collection/components/input/date/time/style.css +1 -1
  10. package/dist/collection/components/input/select/style.css +1 -1
  11. package/dist/collection/components/modal/style.css +1 -1
  12. package/dist/collection/components/table/head/index.js +23 -2
  13. package/dist/collection/components/table/head/index.js.map +1 -1
  14. package/dist/collection/components/table/head/style.css +2 -2
  15. package/dist/collection/components/table/style.css +0 -10
  16. package/dist/components/{p-c0073997.js → p-064f3907.js} +2 -2
  17. package/dist/components/{p-c0073997.js.map → p-064f3907.js.map} +1 -1
  18. package/dist/components/{p-dd423995.js → p-12f62e4d.js} +5 -5
  19. package/dist/components/{p-dd423995.js.map → p-12f62e4d.js.map} +1 -1
  20. package/dist/components/{p-5b65866f.js → p-14e31e4a.js} +3 -3
  21. package/dist/components/{p-5b65866f.js.map → p-14e31e4a.js.map} +1 -1
  22. package/dist/components/{p-2b0bbc2a.js → p-1904abe1.js} +2 -2
  23. package/dist/components/{p-2b0bbc2a.js.map → p-1904abe1.js.map} +1 -1
  24. package/dist/components/{p-7cc6e1f0.js → p-30f4e440.js} +3 -3
  25. package/dist/components/{p-7cc6e1f0.js.map → p-30f4e440.js.map} +1 -1
  26. package/dist/components/{p-c23cde86.js → p-31603adf.js} +3 -3
  27. package/dist/components/{p-c23cde86.js.map → p-31603adf.js.map} +1 -1
  28. package/dist/components/{p-c1918e49.js → p-346ba422.js} +2 -2
  29. package/dist/components/p-346ba422.js.map +1 -0
  30. package/dist/components/{p-64e731a9.js → p-35b09ed4.js} +6 -6
  31. package/dist/components/{p-64e731a9.js.map → p-35b09ed4.js.map} +1 -1
  32. package/dist/components/{p-62af2a18.js → p-3abf736a.js} +2 -2
  33. package/dist/components/{p-62af2a18.js.map → p-3abf736a.js.map} +1 -1
  34. package/dist/components/{p-29853f1a.js → p-4051f859.js} +25 -4
  35. package/dist/components/p-4051f859.js.map +1 -0
  36. package/dist/components/{p-7b240f39.js → p-4441247b.js} +2 -2
  37. package/dist/components/{p-7b240f39.js.map → p-4441247b.js.map} +1 -1
  38. package/dist/components/{p-6014eafb.js → p-4d3d5d0b.js} +3 -3
  39. package/dist/components/{p-6014eafb.js.map → p-4d3d5d0b.js.map} +1 -1
  40. package/dist/components/{p-3a2d2f1d.js → p-581d3377.js} +5 -5
  41. package/dist/components/{p-3a2d2f1d.js.map → p-581d3377.js.map} +1 -1
  42. package/dist/components/{p-a1a35d69.js → p-658906f0.js} +3 -3
  43. package/dist/components/{p-a1a35d69.js.map → p-658906f0.js.map} +1 -1
  44. package/dist/components/{p-ea32c95d.js → p-6959d76f.js} +17 -17
  45. package/dist/components/{p-ea32c95d.js.map → p-6959d76f.js.map} +1 -1
  46. package/dist/components/{p-f9dbc6a8.js → p-6aaf93a3.js} +4 -4
  47. package/dist/components/{p-f9dbc6a8.js.map → p-6aaf93a3.js.map} +1 -1
  48. package/dist/components/{p-b9b392d9.js → p-6e8454e3.js} +3 -3
  49. package/dist/components/{p-b9b392d9.js.map → p-6e8454e3.js.map} +1 -1
  50. package/dist/components/{p-d507ffdf.js → p-7b6467fd.js} +5 -5
  51. package/dist/components/{p-d507ffdf.js.map → p-7b6467fd.js.map} +1 -1
  52. package/dist/components/{p-b1988646.js → p-88d9faa4.js} +4 -4
  53. package/dist/components/{p-b1988646.js.map → p-88d9faa4.js.map} +1 -1
  54. package/dist/components/{p-ed076e45.js → p-90cf2f0e.js} +2 -2
  55. package/dist/components/p-90cf2f0e.js.map +1 -0
  56. package/dist/components/{p-4f145ff6.js → p-93141817.js} +7 -7
  57. package/dist/components/{p-4f145ff6.js.map → p-93141817.js.map} +1 -1
  58. package/dist/components/{p-efd84dbf.js → p-96fff9ba.js} +5 -5
  59. package/dist/components/{p-efd84dbf.js.map → p-96fff9ba.js.map} +1 -1
  60. package/dist/components/{p-6765b081.js → p-a3c25ce5.js} +5 -5
  61. package/dist/components/{p-6765b081.js.map → p-a3c25ce5.js.map} +1 -1
  62. package/dist/components/{p-f316d417.js → p-a8f5826f.js} +5 -5
  63. package/dist/components/{p-f316d417.js.map → p-a8f5826f.js.map} +1 -1
  64. package/dist/components/{p-b5193b68.js → p-aff94100.js} +2 -2
  65. package/dist/components/{p-b5193b68.js.map → p-aff94100.js.map} +1 -1
  66. package/dist/components/{p-3592f43e.js → p-b494ebd3.js} +5 -5
  67. package/dist/components/{p-3592f43e.js.map → p-b494ebd3.js.map} +1 -1
  68. package/dist/components/{p-36889973.js → p-bf485157.js} +9 -9
  69. package/dist/components/{p-36889973.js.map → p-bf485157.js.map} +1 -1
  70. package/dist/components/{p-ba6ea28b.js → p-c172bb64.js} +2 -2
  71. package/dist/components/{p-ba6ea28b.js.map → p-c172bb64.js.map} +1 -1
  72. package/dist/components/{p-c41f5e08.js → p-c2fb9b51.js} +3 -3
  73. package/dist/components/{p-c41f5e08.js.map → p-c2fb9b51.js.map} +1 -1
  74. package/dist/components/{p-c2d6384a.js → p-c4637f18.js} +5 -5
  75. package/dist/components/{p-c2d6384a.js.map → p-c4637f18.js.map} +1 -1
  76. package/dist/components/{p-a1075237.js → p-d4f3568a.js} +9 -9
  77. package/dist/components/{p-a1075237.js.map → p-d4f3568a.js.map} +1 -1
  78. package/dist/components/{p-efd2f358.js → p-dea4659e.js} +2 -2
  79. package/dist/components/p-dea4659e.js.map +1 -0
  80. package/dist/components/{p-9166e0af.js → p-e04a506b.js} +4 -4
  81. package/dist/components/{p-9166e0af.js.map → p-e04a506b.js.map} +1 -1
  82. package/dist/components/{p-827edd31.js → p-e32d9cd5.js} +2 -2
  83. package/dist/components/{p-827edd31.js.map → p-e32d9cd5.js.map} +1 -1
  84. package/dist/components/{p-6a24968b.js → p-e3486f48.js} +3 -3
  85. package/dist/components/{p-6a24968b.js.map → p-e3486f48.js.map} +1 -1
  86. package/dist/components/{p-024a7630.js → p-efce730e.js} +9 -9
  87. package/dist/components/{p-024a7630.js.map → p-efce730e.js.map} +1 -1
  88. package/dist/components/{p-9204948c.js → p-f2f0d309.js} +3 -3
  89. package/dist/components/{p-9204948c.js.map → p-f2f0d309.js.map} +1 -1
  90. package/dist/components/{p-250c5656.js → p-f55ddc88.js} +12 -12
  91. package/dist/components/{p-250c5656.js.map → p-f55ddc88.js.map} +1 -1
  92. package/dist/components/{p-2e33ff08.js → p-fb348bb4.js} +13 -13
  93. package/dist/components/{p-2e33ff08.js.map → p-fb348bb4.js.map} +1 -1
  94. package/dist/components/{p-7a5f9284.js → p-fdf5432e.js} +2 -2
  95. package/dist/components/{p-7a5f9284.js.map → p-fdf5432e.js.map} +1 -1
  96. package/dist/components/smoothly-app-demo.js +40 -40
  97. package/dist/components/smoothly-button-demo-standard.js +1 -1
  98. package/dist/components/smoothly-button-demo.js +1 -1
  99. package/dist/components/smoothly-calendar.js +1 -1
  100. package/dist/components/smoothly-dialog-demo.js +1 -1
  101. package/dist/components/smoothly-filter-select.js +1 -1
  102. package/dist/components/smoothly-form-demo-all.js +1 -1
  103. package/dist/components/smoothly-form-demo-controlled.js +1 -1
  104. package/dist/components/smoothly-form-demo-date-range.js +1 -1
  105. package/dist/components/smoothly-form-demo-date.js +1 -1
  106. package/dist/components/smoothly-form-demo-pet.js +1 -1
  107. package/dist/components/smoothly-form-demo-schedule.js +1 -1
  108. package/dist/components/smoothly-form-demo-transparent.js +1 -1
  109. package/dist/components/smoothly-form-demo-typed.js +1 -1
  110. package/dist/components/smoothly-form-demo.js +1 -1
  111. package/dist/components/smoothly-icon-demo.js +1 -1
  112. package/dist/components/smoothly-input-checkbox-demo.js +7 -7
  113. package/dist/components/smoothly-input-checkbox.js +1 -1
  114. package/dist/components/smoothly-input-color-demo.js +1 -1
  115. package/dist/components/smoothly-input-color.js +1 -1
  116. package/dist/components/smoothly-input-date-demo.js +1 -1
  117. package/dist/components/smoothly-input-date-range.js +1 -1
  118. package/dist/components/smoothly-input-date-time.js +1 -1
  119. package/dist/components/smoothly-input-date.js +1 -1
  120. package/dist/components/smoothly-input-demo-standard.js +1 -1
  121. package/dist/components/smoothly-input-demo-user-input.js +1 -1
  122. package/dist/components/smoothly-input-demo.js +1 -1
  123. package/dist/components/smoothly-input-month.js +1 -1
  124. package/dist/components/smoothly-input-select.js +1 -1
  125. package/dist/components/smoothly-modal.js +1 -1
  126. package/dist/components/smoothly-table-demo-colspan.js +1 -1
  127. package/dist/components/smoothly-table-demo-filler-row.js +1 -1
  128. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  129. package/dist/components/smoothly-table-demo-group.js +1 -1
  130. package/dist/components/smoothly-table-demo-nested-no-cell-inner.js +1 -1
  131. package/dist/components/smoothly-table-demo-nested-no-cell.js +1 -1
  132. package/dist/components/smoothly-table-demo-simple.js +1 -1
  133. package/dist/components/smoothly-table-demo.js +1 -1
  134. package/dist/components/smoothly-table-head.js +1 -1
  135. package/dist/components/smoothly-table.js +1 -1
  136. package/dist/components/smoothly-theme-demo.js +1 -1
  137. package/dist/components/smoothly-theme-picker.js +1 -1
  138. package/dist/esm/loader.js +1 -1
  139. package/dist/esm/smoothly-app_103.entry.js +30 -10
  140. package/dist/esm/smoothly-app_103.entry.js.map +1 -1
  141. package/dist/esm/smoothly.js +1 -1
  142. package/dist/smoothly/{p-bfaa89cd.entry.js → p-3b24fabe.entry.js} +2 -2
  143. package/dist/smoothly/p-3b24fabe.entry.js.map +1 -0
  144. package/dist/smoothly/smoothly.esm.js +1 -1
  145. package/dist/smoothly/smoothly.esm.js.map +1 -1
  146. package/dist/types/components/table/head/index.d.ts +3 -1
  147. package/package.json +1 -1
  148. package/dist/components/p-29853f1a.js.map +0 -1
  149. package/dist/components/p-c1918e49.js.map +0 -1
  150. package/dist/components/p-ed076e45.js.map +0 -1
  151. package/dist/components/p-efd2f358.js.map +0 -1
  152. package/dist/smoothly/p-bfaa89cd.entry.js.map +0 -1
package/dist/components/{p-ed076e45.js → p-90cf2f0e.js} RENAMED
@@ -3,7 +3,7 @@ import { E as Editable } from './p-ddd5bc95.js';
3
3
  import { I as Input } from './p-19d93e64.js';
4
4
  import { d as defineCustomElement$1 } from './p-604f869e.js';
5
5
 
6
- const styleCss = ".sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
6
+ const styleCss = ".sc-smoothly-input-checkbox-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-checkbox-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}";
7
7
  const SmoothlyInputCheckboxStyle0 = styleCss;
8
8
 
9
9
  const SmoothlyInputCheckbox = proxyCustomElement(class SmoothlyInputCheckbox extends H {
@@ -137,4 +137,4 @@ defineCustomElement();
137
137
 
138
138
  export { SmoothlyInputCheckbox as S, defineCustomElement as d };
139
139
 
140
- //# sourceMappingURL=p-ed076e45.js.map
140
+ //# sourceMappingURL=p-90cf2f0e.js.map
package/dist/components/p-90cf2f0e.js.map ADDED
@@ -0,0 +1 @@
1
+ {"file":"p-90cf2f0e.js","mappings":"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","names":[],"sources":["src/components/input/checkbox/style.css?tag=smoothly-input-checkbox&encapsulation=scoped","src/components/input/checkbox/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tposition: relative;\n\tgap: .5rem;\n\tpadding-inline: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n:host:has(>.smoothly-checkbox-end-slot:not(:empty)) {\n\tpadding-right: 0;\n}\n\n:host>input {\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tappearance: none;\n\theight: 1.25rem;\n\twidth: 1.25rem;\n\tborder-radius: 0.25rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tdisplay: block;\n}\n:host([checked][looks=transparent])>input, /* Override shared.css transparent styling */\n:host([checked])>input {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n\n:host:not([readonly]):not([disabled])>input,\n:host:not([readonly]):not([disabled])>label {\n\tcursor: pointer;\n}\n:host>label:empty {\n\tdisplay: none;\n}\n\n:host([disabled]),\n:host([disabled])>* {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-icon {\n\tposition: absolute;\n\tz-index: 1;\n\tpointer-events: none;\n\t--smoothly-color-contrast: var(--smoothly-input-background);\n\t/* outline: 2px solid blue; */\n}\n\n:host[looks=\"transparent\"] {\n\tbackground-color: transparent;\n}\n/* overwrite shared.css styling */\n:host[looks=\"transparent\"]:not([readonly]):focus-within {\n\toutline-color: transparent;\n}\n\n:host>.smoothly-checkbox-end-slot {\n\tmargin-left: auto;;\n}\n:host>.smoothly-checkbox-end-slot:empty {\n\tdisplay: none;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-checkbox\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputCheckbox implements Input, Clearable, Editable, ComponentWillLoad {\n\t@Element() element: HTMLSmoothlyInputCheckboxElement\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate initialValue?: any\n\tprivate observer = Editable.Observer.create(this)\n\tprivate id: string\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ mutable: true, reflect: true }) checked = false\n\t@Prop() value?: Record<\"true\" | \"false\", any>\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.observer.publish()\n\t\tthis.id = \"id-\" + Math.random().toString(36).substring(2, 11)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputCheckbox) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<boolean> {\n\t\treturn this.value ? this.value[`${!!this.checked}`] : this.checked\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\t!this.disabled && !this.readonly && (this.checked = false)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.checked = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.checked\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\tasync handleDisabledChange(): Promise<void> {\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"checked\")\n\tasync elementCheck(_: boolean | undefined, before: boolean | undefined) {\n\t\tthis.isDifferentFromInitial = !!this.initialValue != !!this.checked\n\t\tconst changed = !!this.checked != !!before\n\t\tif (changed) {\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tid={this.id}\n\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\tdisabled={this.disabled || this.readonly}\n\t\t\t\t\tonChange={async e => {\n\t\t\t\t\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{this.checked && <smoothly-icon name=\"checkmark-sharp\" size=\"tiny\" />}\n\t\t\t\t<label htmlFor={this.id}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t<span class=\"smoothly-checkbox-end-slot\">\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-4f145ff6.js → p-93141817.js} RENAMED
@@ -1,15 +1,15 @@
1
1
  import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
2
2
  import { D as Date } from './p-390767c7.js';
3
3
  import { d as defineCustomElement$b } from './p-76531b32.js';
4
- import { d as defineCustomElement$a } from './p-7cc6e1f0.js';
4
+ import { d as defineCustomElement$a } from './p-30f4e440.js';
5
5
  import { d as defineCustomElement$9 } from './p-00165343.js';
6
6
  import { d as defineCustomElement$8 } from './p-604f869e.js';
7
- import { d as defineCustomElement$7 } from './p-ed076e45.js';
7
+ import { d as defineCustomElement$7 } from './p-90cf2f0e.js';
8
8
  import { d as defineCustomElement$6 } from './p-2ef8a833.js';
9
- import { d as defineCustomElement$5 } from './p-dd423995.js';
10
- import { d as defineCustomElement$4 } from './p-3a2d2f1d.js';
11
- import { d as defineCustomElement$3 } from './p-ba6ea28b.js';
12
- import { d as defineCustomElement$2 } from './p-7b240f39.js';
9
+ import { d as defineCustomElement$5 } from './p-12f62e4d.js';
10
+ import { d as defineCustomElement$4 } from './p-581d3377.js';
11
+ import { d as defineCustomElement$3 } from './p-c172bb64.js';
12
+ import { d as defineCustomElement$2 } from './p-4441247b.js';
13
13
  import { d as defineCustomElement$1 } from './p-1e46b981.js';
14
14
 
15
15
  const styleCss = ".sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}";
@@ -105,4 +105,4 @@ defineCustomElement();
105
105
 
106
106
  export { SmoothlyInputDateDemo as S, defineCustomElement as d };
107
107
 
108
- //# sourceMappingURL=p-4f145ff6.js.map
108
+ //# sourceMappingURL=p-93141817.js.map
package/dist/components/{p-4f145ff6.js.map → p-93141817.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-4f145ff6.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-93141817.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-efd84dbf.js → p-96fff9ba.js} RENAMED
@@ -2,14 +2,14 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
2
2
  import { a as DateTime } from './p-390767c7.js';
3
3
  import { E as Editable } from './p-ddd5bc95.js';
4
4
  import { I as Input } from './p-19d93e64.js';
5
- import { d as defineCustomElement$6 } from './p-7cc6e1f0.js';
5
+ import { d as defineCustomElement$6 } from './p-30f4e440.js';
6
6
  import { d as defineCustomElement$5 } from './p-604f869e.js';
7
7
  import { d as defineCustomElement$4 } from './p-e48ad105.js';
8
- import { d as defineCustomElement$3 } from './p-ba6ea28b.js';
9
- import { d as defineCustomElement$2 } from './p-7b240f39.js';
8
+ import { d as defineCustomElement$3 } from './p-c172bb64.js';
9
+ import { d as defineCustomElement$2 } from './p-4441247b.js';
10
10
  import { d as defineCustomElement$1 } from './p-1e46b981.js';
11
11
 
12
- const styleCss = ".sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:10;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}";
12
+ const styleCss = ".sc-smoothly-input-date-time-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-date-time-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-date-time-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks=\"transparent\"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:\"\";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name=\"date\"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"hour\"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name=\"minute\"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}";
13
13
  const SmoothlyInputDateTimeStyle0 = styleCss;
14
14
 
15
15
  const SmoothlyInputDateTime = proxyCustomElement(class SmoothlyInputDateTime extends H {
@@ -241,4 +241,4 @@ defineCustomElement();
241
241
 
242
242
  export { SmoothlyInputDateTime as S, defineCustomElement as d };
243
243
 
244
- //# sourceMappingURL=p-efd84dbf.js.map
244
+ //# sourceMappingURL=p-96fff9ba.js.map
package/dist/components/{p-efd84dbf.js.map → p-96fff9ba.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-efd84dbf.js","mappings":"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","names":["isoly.DateTime"],"sources":["src/components/input/date/time/style.css?tag=smoothly-input-date-time&encapsulation=scoped","src/components/input/date/time/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n\n:host:not([readonly])>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 2rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n:host>smoothly-input[name=\"date\"] {\n\twidth: 12rem;\n}\n:host>smoothly-input[name=\"hour\"] {\n\twidth: 4rem;\n}\n:host>smoothly-input[name=\"minute\"] {\n\tmin-width: 4rem;\n\tflex-grow: 1;\n}\n:host>span.colon {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n}\n:host>.icons>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tcursor: pointer;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.icons>.smoothly-invalid {\n\tdisplay: flex;\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\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateTime implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue?: isoly.DateTime\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.DateTime\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() min?: isoly.DateTime\n\t@Prop() max?: isoly.DateTime\n\t@State() date?: isoly.Date\n\t@State() hour?: number\n\t@State() minute?: number\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.DateTime>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t\tthis.valueChange(this.value)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateTime | undefined> {\n\t\tconst value =\n\t\t\tthis.date && typeof this.hour == \"number\" && typeof this.minute == \"number\"\n\t\t\t\t? `${this.date}T${`${this.hour}`.padStart(2, \"0\")}:${`${this.minute}`.padStart(2, \"0\")}:00.000Z`\n\t\t\t\t: undefined\n\t\treturn isoly.DateTime.is(value) ? value : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t\tthis.date = undefined\n\t\tthis.hour = undefined\n\t\tthis.minute = undefined\n\t}\n\n\t@Watch(\"date\")\n\t@Watch(\"hour\")\n\t@Watch(\"minute\")\n\tasync handleChange() {\n\t\tconst value = await this.getValue()\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"value\")\n\tvalueChange(value?: isoly.DateTime) {\n\t\tif (isoly.DateTime.is(value)) {\n\t\t\tthis.date = isoly.DateTime.getDate(value)\n\t\t\tthis.hour = isoly.DateTime.getHour(value)\n\t\t\tthis.minute = isoly.DateTime.getMinute(value)\n\t\t}\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateTime) => 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\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tif (isoly.DateTime.is(this.initialValue)) {\n\t\t\tthis.date = isoly.DateTime.getDate(this.initialValue)\n\t\t\tthis.hour = isoly.DateTime.getHour(this.initialValue)\n\t\t\tthis.minute = isoly.DateTime.getMinute(this.initialValue)\n\t\t} else {\n\t\t\tthis.date = undefined\n\t\t\tthis.hour = undefined\n\t\t\tthis.minute = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = await this.getValue()\n\t\tthis.isDifferentFromInitial = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={\"date\"}\n\t\t\t\t\tonFocus={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.date}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.date = e.detail.date\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"hour\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={23}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.hour}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"hh\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.hour = e.detail.hour\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"colon\">:</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"minute\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={59}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.minute}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"mm\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.minute = e.detail.minute\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value ? isoly.DateTime.getDate(this.value) : undefined}\n\t\t\t\t\t\tmin={this.min ? isoly.DateTime.getDate(this.min) : undefined}\n\t\t\t\t\t\tmax={this.max ? isoly.DateTime.getDate(this.max) : undefined}\n\t\t\t\t\t\tonSmoothlyDateSet={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.date = e.detail\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-96fff9ba.js","mappings":"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","names":["isoly.DateTime"],"sources":["src/components/input/date/time/style.css?tag=smoothly-input-date-time&encapsulation=scoped","src/components/input/date/time/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n\n:host>smoothly-input {\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n\t--smoothly-input-border-focus: none;\n}\n\n:host:not([readonly])>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled]>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host[looks=transparent] smoothly-input {\n\toutline: none;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tbox-sizing: border-box;\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 2rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n:host>smoothly-input[name=\"date\"] {\n\twidth: 12rem;\n}\n:host>smoothly-input[name=\"hour\"] {\n\twidth: 4rem;\n}\n:host>smoothly-input[name=\"minute\"] {\n\tmin-width: 4rem;\n\tflex-grow: 1;\n}\n:host>span.colon {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n}\n:host>.icons>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tcursor: pointer;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.icons>.smoothly-invalid {\n\tdisplay: flex;\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\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../../model\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date-time\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateTime implements ComponentWillLoad, Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue?: isoly.DateTime\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.DateTime\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() min?: isoly.DateTime\n\t@Prop() max?: isoly.DateTime\n\t@State() date?: isoly.Date\n\t@State() hour?: number\n\t@State() minute?: number\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.DateTime>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t\tthis.valueChange(this.value)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateTime | undefined> {\n\t\tconst value =\n\t\t\tthis.date && typeof this.hour == \"number\" && typeof this.minute == \"number\"\n\t\t\t\t? `${this.date}T${`${this.hour}`.padStart(2, \"0\")}:${`${this.minute}`.padStart(2, \"0\")}:00.000Z`\n\t\t\t\t: undefined\n\t\treturn isoly.DateTime.is(value) ? value : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t\tthis.date = undefined\n\t\tthis.hour = undefined\n\t\tthis.minute = undefined\n\t}\n\n\t@Watch(\"date\")\n\t@Watch(\"hour\")\n\t@Watch(\"minute\")\n\tasync handleChange() {\n\t\tconst value = await this.getValue()\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\n\t@Watch(\"value\")\n\tvalueChange(value?: isoly.DateTime) {\n\t\tif (isoly.DateTime.is(value)) {\n\t\t\tthis.date = isoly.DateTime.getDate(value)\n\t\t\tthis.hour = isoly.DateTime.getHour(value)\n\t\t\tthis.minute = isoly.DateTime.getMinute(value)\n\t\t}\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateTime) => 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\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tif (isoly.DateTime.is(this.initialValue)) {\n\t\t\tthis.date = isoly.DateTime.getDate(this.initialValue)\n\t\t\tthis.hour = isoly.DateTime.getHour(this.initialValue)\n\t\t\tthis.minute = isoly.DateTime.getMinute(this.initialValue)\n\t\t} else {\n\t\t\tthis.date = undefined\n\t\t\tthis.hour = undefined\n\t\t\tthis.minute = undefined\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = await this.getValue()\n\t\tthis.isDifferentFromInitial = false\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks == \"transparent\" ? this.looks : undefined}\n\t\t\t\t\tname={\"date\"}\n\t\t\t\t\tonFocus={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\tonClick={() => !this.readonly && !this.disabled && (this.open = !this.open)}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tvalue={this.date}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.date = e.detail.date\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}>\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-input>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"hour\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={23}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.hour}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"hh\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.hour = e.detail.hour\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"colon\">:</span>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"minute\"\n\t\t\t\t\ttype=\"integer\"\n\t\t\t\t\tmax={59}\n\t\t\t\t\tpad={2}\n\t\t\t\t\tvalue={this.minute}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tplaceholder=\"mm\"\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.minute = e.detail.minute\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyUserInput={async e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\">\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value ? isoly.DateTime.getDate(this.value) : undefined}\n\t\t\t\t\t\tmin={this.min ? isoly.DateTime.getDate(this.min) : undefined}\n\t\t\t\t\t\tmax={this.max ? isoly.DateTime.getDate(this.max) : undefined}\n\t\t\t\t\t\tonSmoothlyDateSet={async e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.date = e.detail\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
package/dist/components/{p-6765b081.js → p-a3c25ce5.js} RENAMED
@@ -11,18 +11,18 @@ import { d as defineCustomElement$i } from './p-3aed2b34.js';
11
11
  import { d as defineCustomElement$h } from './p-50304fc1.js';
12
12
  import { d as defineCustomElement$g } from './p-7550fc08.js';
13
13
  import { d as defineCustomElement$f } from './p-5bc54b34.js';
14
- import { d as defineCustomElement$e } from './p-c0073997.js';
14
+ import { d as defineCustomElement$e } from './p-064f3907.js';
15
15
  import { d as defineCustomElement$d } from './p-be9012d1.js';
16
16
  import { d as defineCustomElement$b } from './p-604f869e.js';
17
17
  import { d as defineCustomElement$a } from './p-e48ad105.js';
18
- import { d as defineCustomElement$9 } from './p-7b240f39.js';
18
+ import { d as defineCustomElement$9 } from './p-4441247b.js';
19
19
  import { d as defineCustomElement$8 } from './p-1e46b981.js';
20
20
  import { d as defineCustomElement$7 } from './p-3a1a67e7.js';
21
- import { d as defineCustomElement$6 } from './p-c1918e49.js';
21
+ import { d as defineCustomElement$6 } from './p-346ba422.js';
22
22
  import { d as defineCustomElement$5 } from './p-5d4481e5.js';
23
23
  import { d as defineCustomElement$4 } from './p-40d2000b.js';
24
24
  import { d as defineCustomElement$3 } from './p-76cc6651.js';
25
- import { d as defineCustomElement$2 } from './p-29853f1a.js';
25
+ import { d as defineCustomElement$2 } from './p-4051f859.js';
26
26
  import { d as defineCustomElement$1 } from './p-3fa2299b.js';
27
27
 
28
28
  var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -245,4 +245,4 @@ defineCustomElement();
245
245
 
246
246
  export { TableDemoFiltered as T, defineCustomElement as d };
247
247
 
248
- //# sourceMappingURL=p-6765b081.js.map
248
+ //# sourceMappingURL=p-a3c25ce5.js.map
package/dist/components/{p-6765b081.js.map → p-a3c25ce5.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-6765b081.js","mappings":"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","names":["http.fetch","selectively.filter","h"],"sources":["src/components/table/Selector.tsx","src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":["import { h } from \"@stencil/core\"\n\nexport class Selector<T> {\n\t#selected?: T[]\n\tget selected(): T[] {\n\t\treturn (this.#selected ??= Object.values(this.data))\n\t}\n\tprivate constructor(private readonly key: keyof T, private data: Readonly<Record<string, T>> = {}) {}\n\thandle(data: Record<string, T>): Selector<T> {\n\t\treturn new Selector(\n\t\t\tthis.key,\n\t\t\t\"check-all\" in data\n\t\t\t\t? data[\"check-all\"] ?? {}\n\t\t\t\t: Object.fromEntries(Object.entries({ ...this.data, ...data }).filter(([_, value]) => value != undefined))\n\t\t)\n\t}\n\trender(item: T | T[]): HTMLSmoothlyCheckboxElement {\n\t\treturn Array.isArray(item) ? (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname=\"check-all\"\n\t\t\t\tvalue={Object.fromEntries(item.map(i => [i[this.key], i]))}\n\t\t\t\tintermediate={this.selected.length > 0 && this.selected.length < item.length}\n\t\t\t\tchecked={this.selected.length == item.length ? true : this.selected.length == 0 && false}\n\t\t\t/>\n\t\t) : (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname={item[this.key]?.toString()}\n\t\t\t\tvalue={item}\n\t\t\t\tchecked={!!this.data[item[this.key]?.toString() ?? \"\"]}\n\t\t\t/>\n\t\t)\n\t}\n\tstatic create<T>(key: keyof T): Selector<T> {\n\t\treturn new Selector(key)\n\t}\n}\n",":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-table>smoothly-table-row>smoothly-table-cell:nth-of-type(2),\n:host>smoothly-table>smoothly-table-head>smoothly-table-row>smoothly-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] | false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttooltip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttooltip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttooltip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttooltip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select\n\t\t\t\t\t\t\t\tmenuHeight=\"5items\"\n\t\t\t\t\t\t\t\tlabel=\"names\"\n\t\t\t\t\t\t\t\tproperty=\"nested.names\"\n\t\t\t\t\t\t\t\tmultiple={true}\n\t\t\t\t\t\t\t\ttype=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cats)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Price</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\" />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t\t</smoothly-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}
1
+ {"file":"p-a3c25ce5.js","mappings":"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","names":["http.fetch","selectively.filter","h"],"sources":["src/components/table/Selector.tsx","src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":["import { h } from \"@stencil/core\"\n\nexport class Selector<T> {\n\t#selected?: T[]\n\tget selected(): T[] {\n\t\treturn (this.#selected ??= Object.values(this.data))\n\t}\n\tprivate constructor(private readonly key: keyof T, private data: Readonly<Record<string, T>> = {}) {}\n\thandle(data: Record<string, T>): Selector<T> {\n\t\treturn new Selector(\n\t\t\tthis.key,\n\t\t\t\"check-all\" in data\n\t\t\t\t? data[\"check-all\"] ?? {}\n\t\t\t\t: Object.fromEntries(Object.entries({ ...this.data, ...data }).filter(([_, value]) => value != undefined))\n\t\t)\n\t}\n\trender(item: T | T[]): HTMLSmoothlyCheckboxElement {\n\t\treturn Array.isArray(item) ? (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname=\"check-all\"\n\t\t\t\tvalue={Object.fromEntries(item.map(i => [i[this.key], i]))}\n\t\t\t\tintermediate={this.selected.length > 0 && this.selected.length < item.length}\n\t\t\t\tchecked={this.selected.length == item.length ? true : this.selected.length == 0 && false}\n\t\t\t/>\n\t\t) : (\n\t\t\t<smoothly-checkbox\n\t\t\t\tname={item[this.key]?.toString()}\n\t\t\t\tvalue={item}\n\t\t\t\tchecked={!!this.data[item[this.key]?.toString() ?? \"\"]}\n\t\t\t/>\n\t\t)\n\t}\n\tstatic create<T>(key: keyof T): Selector<T> {\n\t\treturn new Selector(key)\n\t}\n}\n",":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-table>smoothly-table-row>smoothly-table-cell:nth-of-type(2),\n:host>smoothly-table>smoothly-table-head>smoothly-table-row>smoothly-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] | false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttooltip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttooltip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttooltip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttooltip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select menuHeight=\"5items\" label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select\n\t\t\t\t\t\t\t\tmenuHeight=\"5items\"\n\t\t\t\t\t\t\t\tlabel=\"names\"\n\t\t\t\t\t\t\t\tproperty=\"nested.names\"\n\t\t\t\t\t\t\t\tmultiple={true}\n\t\t\t\t\t\t\t\ttype=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cats)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>Price</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\" />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t\t</smoothly-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}
package/dist/components/{p-f316d417.js → p-a8f5826f.js} RENAMED
@@ -5,15 +5,15 @@ import { o as object, s as string } from './p-d471066b.js';
5
5
  import { f as fromIs } from './p-57ac5d1b.js';
6
6
  import { d as defineCustomElement$e } from './p-76531b32.js';
7
7
  import { d as defineCustomElement$d } from './p-2826e824.js';
8
- import { d as defineCustomElement$c } from './p-7cc6e1f0.js';
8
+ import { d as defineCustomElement$c } from './p-30f4e440.js';
9
9
  import { d as defineCustomElement$b } from './p-00165343.js';
10
10
  import { d as defineCustomElement$a } from './p-19d93e64.js';
11
11
  import { d as defineCustomElement$9 } from './p-604f869e.js';
12
12
  import { d as defineCustomElement$8 } from './p-e48ad105.js';
13
- import { d as defineCustomElement$7 } from './p-dd423995.js';
14
- import { d as defineCustomElement$6 } from './p-ba6ea28b.js';
13
+ import { d as defineCustomElement$7 } from './p-12f62e4d.js';
14
+ import { d as defineCustomElement$6 } from './p-c172bb64.js';
15
15
  import { d as defineCustomElement$5 } from './p-5cd257ad.js';
16
- import { d as defineCustomElement$4 } from './p-7b240f39.js';
16
+ import { d as defineCustomElement$4 } from './p-4441247b.js';
17
17
  import { d as defineCustomElement$3 } from './p-0b3f1a79.js';
18
18
  import { d as defineCustomElement$2 } from './p-1e46b981.js';
19
19
  import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
@@ -128,4 +128,4 @@ defineCustomElement();
128
128
 
129
129
  export { SmoothlyFormDemoTyped as S, defineCustomElement as d };
130
130
 
131
- //# sourceMappingURL=p-f316d417.js.map
131
+ //# sourceMappingURL=p-a8f5826f.js.map
package/dist/components/{p-f316d417.js.map → p-a8f5826f.js.map} RENAMED
@@ -1 +1 @@
1
- {"file":"p-f316d417.js","mappings":";;;;;;;;;;;;;;;;;;;;IASiB,OAAO,CAOvB;AAPD,WAAiB,OAAO;IACV,YAAI,GAAGA,MAAW,CAAU;QACxC,IAAI,EAAEA,MAAW,CAAkB,EAAE,KAAK,EAAEC,MAAW,EAAE,EAAE,MAAM,EAAEA,MAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAEA,MAAW,EAAE,EAAE,CAAC;QACnH,GAAG,EAAEC,MAAW,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;QAChD,OAAO,EAAEC,MAAW,CAAC,aAAa,EAAEC,MAAwB,CAAC,EAAE,CAAC;QAChE,QAAQ,EAAED,MAAW,CAAC,MAAM,EAAEE,IAAU,CAAC,EAAE,CAAC;KAC5C,CAAC,CAAA;AACH,CAAC,EAPgB,OAAO,KAAP,OAAO;;ACTxB,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6EAAsB,EACtB,sEAAe,SAAS,EAAE,OAAO,CAAC,IAAI,IACrC,uEAAgB,IAAI,EAAC,YAAY,iBAA4B,EAC7D,uEAAgB,IAAI,EAAC,aAAa,6BAAwC,EAC1E,uEAAgB,IAAI,EAAC,WAAW,gBAA2B,EAC3D,uEAAgB,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,mBAExB,EACjB,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EAChCD,MAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,KAC3C,qBAAe,KAAK,EAAE,OAAO,IAAGE,IAA8B,CAAC,OAAO,CAAC,CAAiB,CACxF,CAAC,CACqB,EACxB,4EAAqB,IAAI,EAAC,UAAU,oBAAoC,EACxE,6EAAsB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,EACrF,8EAAuB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,CAC1D,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.string","isly.number","isly.fromIs","isoly.CountryCode.Alpha2","isoly.Date","isoly.CountryCode.Name.en.from"],"sources":["src/components/form/demo/typed/Contact.ts","src/components/form/demo/typed/style.css?tag=smoothly-form-demo-typed&encapsulation=scoped","src/components/form/demo/typed/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\nexport interface Contact {\n\tname: { first: string; middle?: string; last: string }\n\tage: number\n\tcountry: isoly.CountryCode.Alpha2\n\tbirthday: isoly.Date\n}\nexport namespace Contact {\n\texport const type = isly.object<Contact>({\n\t\tname: isly.object<Contact[\"name\"]>({ first: isly.string(), middle: isly.string().optional(), last: isly.string() }),\n\t\tage: isly.number(age => 18 <= age && age <= 120),\n\t\tcountry: isly.fromIs(\"CountryCode\", isoly.CountryCode.Alpha2.is),\n\t\tbirthday: isly.fromIs(\"Date\", isoly.Date.is),\n\t})\n}\n","\n","import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Contact } from \"./Contact\"\n\n@Component({\n\ttag: \"smoothly-form-demo-typed\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTyped {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Typed Contact</h2>\n\t\t\t\t<smoothly-form validator={Contact.type}>\n\t\t\t\t\t<smoothly-input name=\"name.first\">First Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.middle\">Middle Name (optional)</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.last\">Last Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"age\" type=\"integer\">\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"country\">\n\t\t\t\t\t\t<span slot=\"label\">Country</span>\n\t\t\t\t\t\t{isoly.CountryCode.Alpha2.values.map(country => (\n\t\t\t\t\t\t\t<smoothly-item value={country}>{isoly.CountryCode.Name.en.from(country)}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-date name=\"birthday\">Date of birth</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} type={\"form\"} size={\"icon\"} color={\"warning\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1
+ {"file":"p-a8f5826f.js","mappings":";;;;;;;;;;;;;;;;;;;;IASiB,OAAO,CAOvB;AAPD,WAAiB,OAAO;IACV,YAAI,GAAGA,MAAW,CAAU;QACxC,IAAI,EAAEA,MAAW,CAAkB,EAAE,KAAK,EAAEC,MAAW,EAAE,EAAE,MAAM,EAAEA,MAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAEA,MAAW,EAAE,EAAE,CAAC;QACnH,GAAG,EAAEC,MAAW,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;QAChD,OAAO,EAAEC,MAAW,CAAC,aAAa,EAAEC,MAAwB,CAAC,EAAE,CAAC;QAChE,QAAQ,EAAED,MAAW,CAAC,MAAM,EAAEE,IAAU,CAAC,EAAE,CAAC;KAC5C,CAAC,CAAA;AACH,CAAC,EAPgB,OAAO,KAAP,OAAO;;ACTxB,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6EAAsB,EACtB,sEAAe,SAAS,EAAE,OAAO,CAAC,IAAI,IACrC,uEAAgB,IAAI,EAAC,YAAY,iBAA4B,EAC7D,uEAAgB,IAAI,EAAC,aAAa,6BAAwC,EAC1E,uEAAgB,IAAI,EAAC,WAAW,gBAA2B,EAC3D,uEAAgB,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,mBAExB,EACjB,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EAChCD,MAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,KAC3C,qBAAe,KAAK,EAAE,OAAO,IAAGE,IAA8B,CAAC,OAAO,CAAC,CAAiB,CACxF,CAAC,CACqB,EACxB,4EAAqB,IAAI,EAAC,UAAU,oBAAoC,EACxE,6EAAsB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,EACrF,8EAAuB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,CAC1D,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.string","isly.number","isly.fromIs","isoly.CountryCode.Alpha2","isoly.Date","isoly.CountryCode.Name.en.from"],"sources":["src/components/form/demo/typed/Contact.ts","src/components/form/demo/typed/style.css?tag=smoothly-form-demo-typed&encapsulation=scoped","src/components/form/demo/typed/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\nexport interface Contact {\n\tname: { first: string; middle?: string; last: string }\n\tage: number\n\tcountry: isoly.CountryCode.Alpha2\n\tbirthday: isoly.Date\n}\nexport namespace Contact {\n\texport const type = isly.object<Contact>({\n\t\tname: isly.object<Contact[\"name\"]>({ first: isly.string(), middle: isly.string().optional(), last: isly.string() }),\n\t\tage: isly.number(age => 18 <= age && age <= 120),\n\t\tcountry: isly.fromIs(\"CountryCode\", isoly.CountryCode.Alpha2.is),\n\t\tbirthday: isly.fromIs(\"Date\", isoly.Date.is),\n\t})\n}\n","\n","import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Contact } from \"./Contact\"\n\n@Component({\n\ttag: \"smoothly-form-demo-typed\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTyped {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Typed Contact</h2>\n\t\t\t\t<smoothly-form validator={Contact.type}>\n\t\t\t\t\t<smoothly-input name=\"name.first\">First Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.middle\">Middle Name (optional)</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.last\">Last Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"age\" type=\"integer\">\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"country\">\n\t\t\t\t\t\t<span slot=\"label\">Country</span>\n\t\t\t\t\t\t{isoly.CountryCode.Alpha2.values.map(country => (\n\t\t\t\t\t\t\t<smoothly-item value={country}>{isoly.CountryCode.Name.en.from(country)}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-date name=\"birthday\">Date of birth</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} type={\"form\"} size={\"icon\"} color={\"warning\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\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-b5193b68.js → p-aff94100.js} RENAMED
@@ -14,7 +14,7 @@ import { d as defineCustomElement$3 } from './p-e48ad105.js';
14
14
  import { d as defineCustomElement$2 } from './p-ec815cfd.js';
15
15
  import { d as defineCustomElement$1 } from './p-bb94849f.js';
16
16
 
17
- const styleCss = ".sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:10;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
17
+ const styleCss = ".sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-color-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks=\"transparent\"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1em 1em 1em 0;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:\"\";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}";
18
18
  const SmoothlyInputColorStyle0 = styleCss;
19
19
 
20
20
  const SmoothlyInputColor = proxyCustomElement(class SmoothlyInputColor extends H {
@@ -273,4 +273,4 @@ defineCustomElement();
273
273
 
274
274
  export { SmoothlyInputColor as S, defineCustomElement as d };
275
275
 
276
- //# sourceMappingURL=p-b5193b68.js.map
276
+ //# sourceMappingURL=p-aff94100.js.map