smoothly 1.1.1-alpha.32 → 1.1.1-alpha.33
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.
- package/dist/cjs/smoothly-app_97.cjs.entry.js +24 -24
- package/dist/cjs/smoothly-app_97.cjs.entry.js.map +1 -1
- package/dist/collection/components/calendar/style.css +1 -1
- package/dist/collection/components/filter/style.css +1 -1
- package/dist/collection/components/form/style.css +0 -2
- package/dist/collection/components/input/checkbox/style.css +22 -12
- package/dist/collection/components/input/clear/style.css +7 -4
- package/dist/collection/components/input/color/style.css +5 -4
- package/dist/collection/components/input/date/range/style.css +25 -15
- package/dist/collection/components/input/date/style.css +25 -15
- package/dist/collection/components/input/demo/index.js +6 -6
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/collection/components/input/demo/style.css +5 -1
- package/dist/collection/components/input/file/style.css +41 -22
- package/dist/collection/components/input/month/style.css +1 -0
- package/dist/collection/components/input/radio/style.css +22 -12
- package/dist/collection/components/input/range/style.css +68 -55
- package/dist/collection/components/input/select/style.css +47 -13
- package/dist/collection/components/input/style.css +58 -35
- package/dist/collection/components/item/style.css +22 -6
- package/dist/collection/components/picker/menu/style.css +12 -5
- package/dist/collection/components/picker/style.css +38 -21
- package/dist/components/{p-93330f9f.js → p-020d7a5e.js} +2 -2
- package/dist/components/p-020d7a5e.js.map +1 -0
- package/dist/components/{p-9f6fd0d4.js → p-02b0a50a.js} +3 -3
- package/dist/components/p-02b0a50a.js.map +1 -0
- package/dist/components/{p-4b1f6bbc.js → p-0f4bde48.js} +2 -2
- package/dist/components/{p-4b1f6bbc.js.map → p-0f4bde48.js.map} +1 -1
- package/dist/components/{p-cc341db5.js → p-24a0eba4.js} +2 -2
- package/dist/components/p-24a0eba4.js.map +1 -0
- package/dist/components/{p-ecfaf172.js → p-3200c5ca.js} +2 -2
- package/dist/components/{p-ecfaf172.js.map → p-3200c5ca.js.map} +1 -1
- package/dist/components/{p-30eb3b24.js → p-367902e1.js} +9 -9
- package/dist/components/{p-30eb3b24.js.map → p-367902e1.js.map} +1 -1
- package/dist/components/{p-736258b6.js → p-369248b8.js} +4 -4
- package/dist/components/{p-736258b6.js.map → p-369248b8.js.map} +1 -1
- package/dist/components/{p-6ed643ba.js → p-3a3eb57c.js} +2 -2
- package/dist/components/{p-6ed643ba.js.map → p-3a3eb57c.js.map} +1 -1
- package/dist/components/{p-63e73685.js → p-3da54ad5.js} +10 -10
- package/dist/components/{p-63e73685.js.map → p-3da54ad5.js.map} +1 -1
- package/dist/components/{p-791298c3.js → p-3dc3646e.js} +2 -2
- package/dist/components/p-3dc3646e.js.map +1 -0
- package/dist/components/{p-28746ea1.js → p-4270d307.js} +4 -4
- package/dist/components/p-4270d307.js.map +1 -0
- package/dist/components/{p-09302212.js → p-4456ab31.js} +2 -2
- package/dist/components/p-4456ab31.js.map +1 -0
- package/dist/components/p-58feec88.js +243 -0
- package/dist/components/p-58feec88.js.map +1 -0
- package/dist/components/{p-172b2614.js → p-5df231ac.js} +5 -5
- package/dist/components/p-5df231ac.js.map +1 -0
- package/dist/components/{p-b050a569.js → p-6b659f51.js} +3 -3
- package/dist/components/{p-b050a569.js.map → p-6b659f51.js.map} +1 -1
- package/dist/components/{p-f928059a.js → p-6dd3a821.js} +2 -2
- package/dist/components/p-6dd3a821.js.map +1 -0
- package/dist/components/{p-bc160332.js → p-7382b572.js} +7 -7
- package/dist/components/{p-bc160332.js.map → p-7382b572.js.map} +1 -1
- package/dist/components/{p-d310dbbc.js → p-73b8a862.js} +11 -11
- package/dist/components/{p-d310dbbc.js.map → p-73b8a862.js.map} +1 -1
- package/dist/components/{p-642957c7.js → p-7ad813f2.js} +7 -7
- package/dist/components/p-7ad813f2.js.map +1 -0
- package/dist/components/{p-c8da1caf.js → p-7b1e8986.js} +3 -3
- package/dist/components/{p-c8da1caf.js.map → p-7b1e8986.js.map} +1 -1
- package/dist/components/{p-d93a52c8.js → p-85ba5ae3.js} +2 -2
- package/dist/components/p-85ba5ae3.js.map +1 -0
- package/dist/components/{p-a4443a0a.js → p-883c3cb7.js} +2 -2
- package/dist/components/{p-a4443a0a.js.map → p-883c3cb7.js.map} +1 -1
- package/dist/components/{p-558339a4.js → p-8b792365.js} +7 -7
- package/dist/components/p-8b792365.js.map +1 -0
- package/dist/components/{p-2ecb22c8.js → p-98f62b9e.js} +2 -2
- package/dist/components/{p-2ecb22c8.js.map → p-98f62b9e.js.map} +1 -1
- package/dist/components/{p-31c15d2d.js → p-9b2fa65e.js} +4 -4
- package/dist/components/{p-31c15d2d.js.map → p-9b2fa65e.js.map} +1 -1
- package/dist/components/{p-460287a9.js → p-b34dcd81.js} +4 -4
- package/dist/components/p-b34dcd81.js.map +1 -0
- package/dist/components/{p-33c29f20.js → p-c1e4ce1c.js} +9 -9
- package/dist/components/{p-33c29f20.js.map → p-c1e4ce1c.js.map} +1 -1
- package/dist/components/{p-b5930ca7.js → p-dcd6602b.js} +3 -3
- package/dist/components/p-dcd6602b.js.map +1 -0
- package/dist/components/{p-ea5a5f80.js → p-e2338581.js} +3 -3
- package/dist/components/p-e2338581.js.map +1 -0
- package/dist/components/{p-9f6fd767.js → p-e285a575.js} +3 -3
- package/dist/components/{p-9f6fd767.js.map → p-e285a575.js.map} +1 -1
- package/dist/components/{p-df86547d.js → p-e9f9767f.js} +6 -6
- package/dist/components/{p-df86547d.js.map → p-e9f9767f.js.map} +1 -1
- package/dist/components/{p-6e8fdeaf.js → p-fca0b50f.js} +3 -3
- package/dist/components/p-fca0b50f.js.map +1 -0
- package/dist/components/smoothly-address-display.js +1 -1
- package/dist/components/smoothly-address.js +1 -1
- package/dist/components/smoothly-addresses.js +3 -3
- package/dist/components/smoothly-app-demo.js +30 -30
- package/dist/components/smoothly-calendar.js +1 -1
- package/dist/components/smoothly-filter-field.js +1 -1
- package/dist/components/smoothly-filter-input.js +1 -1
- package/dist/components/smoothly-filter-picker.js +1 -1
- package/dist/components/smoothly-filter.js +1 -1
- package/dist/components/smoothly-form.js +1 -1
- package/dist/components/smoothly-input-checkbox.js +1 -1
- package/dist/components/smoothly-input-clear.js +1 -1
- package/dist/components/smoothly-input-color.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-date.js +1 -1
- package/dist/components/smoothly-input-demo-controlled-form.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/components/smoothly-input-file.js +1 -1
- package/dist/components/smoothly-input-month.js +1 -1
- package/dist/components/smoothly-input-radio.js +1 -1
- package/dist/components/smoothly-input-range.js +1 -1
- package/dist/components/smoothly-input-reset.js +1 -1
- package/dist/components/smoothly-input-select.js +1 -1
- package/dist/components/smoothly-input.js +1 -1
- package/dist/components/smoothly-item.js +1 -1
- package/dist/components/smoothly-next-demo.js +1 -1
- package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-picker-demo.js +1 -1
- package/dist/components/smoothly-picker-menu.js +1 -1
- package/dist/components/smoothly-picker.js +1 -1
- package/dist/components/smoothly-table-demo-filtered.js +1 -1
- package/dist/components/smoothly-table-demo.js +1 -1
- package/dist/components/smoothly-table-testing.js +1 -1
- package/dist/components/smoothly-theme-picker.js +1 -1
- package/dist/esm/smoothly-app_97.entry.js +24 -24
- package/dist/esm/smoothly-app_97.entry.js.map +1 -1
- package/dist/smoothly/p-9f9eabb9.entry.js +2 -0
- package/dist/smoothly/p-9f9eabb9.entry.js.map +1 -0
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-09302212.js.map +0 -1
- package/dist/components/p-172b2614.js.map +0 -1
- package/dist/components/p-28746ea1.js.map +0 -1
- package/dist/components/p-460287a9.js.map +0 -1
- package/dist/components/p-558339a4.js.map +0 -1
- package/dist/components/p-642957c7.js.map +0 -1
- package/dist/components/p-6e8fdeaf.js.map +0 -1
- package/dist/components/p-791298c3.js.map +0 -1
- package/dist/components/p-93330f9f.js.map +0 -1
- package/dist/components/p-9f6fd0d4.js.map +0 -1
- package/dist/components/p-b1403ac5.js +0 -243
- package/dist/components/p-b1403ac5.js.map +0 -1
- package/dist/components/p-b5930ca7.js.map +0 -1
- package/dist/components/p-cc341db5.js.map +0 -1
- package/dist/components/p-d93a52c8.js.map +0 -1
- package/dist/components/p-ea5a5f80.js.map +0 -1
- package/dist/components/p-f928059a.js.map +0 -1
- package/dist/smoothly/p-aa9797ae.entry.js +0 -2
- package/dist/smoothly/p-aa9797ae.entry.js.map +0 -1
|
@@ -1816,7 +1816,7 @@ function years(current) {
|
|
|
1816
1816
|
return result;
|
|
1817
1817
|
}
|
|
1818
1818
|
|
|
1819
|
-
const styleCss$1k = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding-bottom:1rem;box-shadow:0 0 1px 0px rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-
|
|
1819
|
+
const styleCss$1k = ".sc-smoothly-calendar-h{display:block;--other-month-opacity:0.5;padding-bottom:1rem;box-shadow:0 0 1px 0px rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>smoothly-input-month.sc-smoothly-calendar{width:calc(100% - 1em);padding:0.5em 0.5em 0 0.5em}.sc-smoothly-calendar-h>table.sc-smoothly-calendar{table-layout:fixed;width:100%}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>thead.sc-smoothly-calendar>tr.sc-smoothly-calendar>th.sc-smoothly-calendar,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar{text-align:center;padding:0.5em;min-width:2em;background-color:rgb(var(--smoothly-default-tint));cursor:pointer;user-select:none}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.currentMonth.sc-smoothly-calendar{color:rgb(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.currentMonth){color:rgba(var(--smoothly-default-contrast), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth).dateRange,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).selected,.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth).dateRange{color:rgba(var(--smoothly-default-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7){color:rgb(var(--smoothly-danger-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(6):not(.currentMonth),.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:nth-child(7):not(.currentMonth){color:rgba(var(--smoothly-danger-tint), var(--other-month-opacity))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.disable).sc-smoothly-calendar:hover{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.selected.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.sc-smoothly-calendar:not(.selected,.dateRange).sc-smoothly-calendar:not(:hover).today{background:rgb(var(--smoothly-medium-tint));color:rgb(var(--smoothly-medium-contrast))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.dateRange.sc-smoothly-calendar{color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-tint))}.sc-smoothly-calendar-h>table.sc-smoothly-calendar>tr.sc-smoothly-calendar>td.disable.sc-smoothly-calendar{cursor:not-allowed;background-color:rgb(var(--smoothly-default-tint), 0.5);color:rgb(var(--smoothly-default-contrast), 0.5)}";
|
|
1820
1820
|
const SmoothlyCalendarStyle0 = styleCss$1k;
|
|
1821
1821
|
|
|
1822
1822
|
const Calendar = class {
|
|
@@ -6735,7 +6735,7 @@ var Filter;
|
|
|
6735
6735
|
});
|
|
6736
6736
|
})(Filter || (Filter = {}));
|
|
6737
6737
|
|
|
6738
|
-
const styleCss$1f = ".sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--
|
|
6738
|
+
const styleCss$1f = ".sc-smoothly-filter-h {\n\tposition: relative;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tmargin-left: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmargin-right: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n.sc-smoothly-filter-h>div.sc-smoothly-filter-s > [slot=detail] {\n\tz-index: 5;\n}\n\n.sc-smoothly-filter-h.sc-smoothly-filter-s > [slot=bar] {\n\tpointer-events: auto;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\n\t&>[looks=\"plain\"] {\n\t\tdisplay: flex;\n\t\talign-self: stretch;\n\t\talign-items: center;\n\t}\n}\n\n.sc-smoothly-filter-h > div.sc-smoothly-filter:empty + smoothly-icon.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > smoothly-icon.sc-smoothly-filter {\n\tcursor: pointer;\n\tmargin-left: 0.3em;\n\tmargin-right: 0.3em;\n\tflex-shrink: 0;\n}\n\n.sc-smoothly-filter-h > div.close.sc-smoothly-filter {\n\tposition: fixed;\n\tz-index: 3;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100dvw;\n\theight: 100dvh;\n\tbackground: transparent;\n}\n\n.sc-smoothly-filter-h > div.hidden.sc-smoothly-filter {\n\tdisplay: none;\n}\n\n.sc-smoothly-filter-h > .container.sc-smoothly-filter {\n\tpadding: 2em;\n\tposition: absolute;\n\tright: 0.35em;\n\twidth: fit-content;\n\tdisplay: flex;\n\tjustify-content: center;\n\ttop: 100%;\n\twidth: fit-content;\n\tz-index: 4;\n\tbackground-color: rgb(var(--smoothly-color));\n\tmargin: 0.8em -2em;\n}\n\n\n.sc-smoothly-filter-h > div.container.sc-smoothly-filter:before {\n\tcontent: \"\";\n\twidth: 0.6em;\n\theight: 0.6em;\n\ttransform: rotate(45deg);\n\tborder-top: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-left: 1px solid rgb(var(--smoothly-medium-tint));\n\tbackground-color: rgb(var(--smoothly-color));\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n.sc-smoothly-filter-h > div.container.arrow-top.sc-smoothly-filter:before {\n\tleft: calc(91%);\n\ttop: -5px;\n}\n\n.sc-smoothly-filter-h div.container.sc-smoothly-filter:after {\n\tcontent: \"\";\n\theight: 100%;\n\twidth: 100%;\n\tborder: 1px solid rgb(var(--smoothly-medium-tint));\n\tborder-radius: 0.25em;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}";
|
|
6739
6739
|
const SmoothlyFilterStyle0 = styleCss$1f;
|
|
6740
6740
|
|
|
6741
6741
|
const SmoothlyFilter = class {
|
|
@@ -7891,7 +7891,7 @@ var Input;
|
|
|
7891
7891
|
Input.is = Input.type.is;
|
|
7892
7892
|
})(Input || (Input = {}));
|
|
7893
7893
|
|
|
7894
|
-
const styleCss$1a = "smoothly-form{display:block;position:relative
|
|
7894
|
+
const styleCss$1a = "smoothly-form{display:block;position:relative}smoothly-form>form{position:relative;min-width:15em}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:10em;flex-basis:40%}smoothly-form[looks=\"grid\"]>form>fieldset{border:rgba(var(--text-color), .5) solid .5px}smoothly-form[looks=\"line\"]>form>fieldset,smoothly-form[looks=\"border\"]>form>fieldset,smoothly-form[looks=\"transparent\"]>form>fieldset{gap:2em}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:0.5rem}";
|
|
7895
7895
|
const SmoothlyFormStyle0 = styleCss$1a;
|
|
7896
7896
|
|
|
7897
7897
|
const SmoothlyForm = class {
|
|
@@ -8626,7 +8626,7 @@ const SmoothlyIconDemo = class {
|
|
|
8626
8626
|
};
|
|
8627
8627
|
SmoothlyIconDemo.style = SmoothlyIconDemoStyle0;
|
|
8628
8628
|
|
|
8629
|
-
const styleCss$16 = ".sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--
|
|
8629
|
+
const styleCss$16 = ".sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em 0.7em 0.7em 0.8em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em 0.7em 0.2em 0.8em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
|
|
8630
8630
|
const SmoothlyInputStyle0 = styleCss$16;
|
|
8631
8631
|
|
|
8632
8632
|
const SmoothlyInput = class {
|
|
@@ -8913,7 +8913,7 @@ function getLocale() {
|
|
|
8913
8913
|
}
|
|
8914
8914
|
SmoothlyInput.style = SmoothlyInputStyle0;
|
|
8915
8915
|
|
|
8916
|
-
const styleCss$15 = ".sc-smoothly-input-checkbox-h{box-sizing:border-box}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--
|
|
8916
|
+
const styleCss$15 = ".sc-smoothly-input-checkbox-h{box-sizing:border-box}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-checkbox-h[looks=\"grid\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5em;padding:.6em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2em;width:1.2em;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly])>smoothly-icon.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly])>input.sc-smoothly-input-checkbox{cursor:pointer}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}";
|
|
8917
8917
|
const SmoothlyInputCheckboxStyle0 = styleCss$15;
|
|
8918
8918
|
|
|
8919
8919
|
const SmoothlyInputCheckbox = class {
|
|
@@ -8977,7 +8977,7 @@ const SmoothlyInputCheckbox = class {
|
|
|
8977
8977
|
};
|
|
8978
8978
|
SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
|
|
8979
8979
|
|
|
8980
|
-
const styleCss$14 = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}.sc-smoothly-input-clear-h:not([fill=clear]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):focus,.sc-smoothly-input-clear-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-clear-h:not([fill=clear]):hover>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):focus>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):active>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):hover .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-input-clear-h:hover>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:focus>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h:not([fill]),[fill=default].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=default].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-clear-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-clear-h{background:transparent;border-color:transparent}.sc-smoothly-input-clear-s>smoothly-icon[slot=start],.sc-smoothly-input-clear-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{transition:0.6s;margin:0rem;min-width:0rem;display:flex}[type=\"input\"].sc-smoothly-input-clear-h{line-height:1}[type=\"form\"].sc-smoothly-input-clear-h{margin:1em 0em}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70
|
|
8980
|
+
const styleCss$14 = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;border:solid 1px;transition:background 150ms ease-in-out;cursor:pointer}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0 !important}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}.sc-smoothly-input-clear-h:not([fill=clear]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):focus,.sc-smoothly-input-clear-h:not([fill=clear]):active{border-color:rgb(var(--smoothly-color-tint)) !important;background:rgb(var(--smoothly-color-tint)) !important}.sc-smoothly-input-clear-h:not([fill=clear]):hover>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):focus>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):active>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]):hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):hover .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):focus .sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]):active .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-color-contrast)) !important;stroke:rgb(var(--smoothly-color-contrast)) !important;fill:rgb(var(--smoothly-color-contrast)) !important}[fill=clear].sc-smoothly-input-clear-h:hover>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:focus>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear{color:rgb(var(--smoothly-color-tint)) !important;stroke:rgb(var(--smoothly-color-tint)) !important;fill:rgb(var(--smoothly-color-tint)) !important}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h:not([fill]),[fill=default].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:transparent}[fill=solid].sc-smoothly-input-clear-h{background:rgb(var(--smoothly-color));border-color:rgb(var(--smoothly-color))}[fill=solid].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=default].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color-contrast));fill:rgb(var(--smoothly-color-contrast));color:rgb(var(--smoothly-color-contrast))}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{stroke:rgb(var(--smoothly-color));fill:rgb(var(--smoothly-color));color:rgb(var(--smoothly-color))}[fill=outline].sc-smoothly-input-clear-h{background:transparent;border-color:rgb(var(--smoothly-color))}[fill=clear].sc-smoothly-input-clear-h{background:transparent;border-color:transparent}.sc-smoothly-input-clear-s>smoothly-icon[slot=start],.sc-smoothly-input-clear-s>smoothly-icon[slot=end]{font-size:0.65em}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{transition:0.6s;margin:0rem;min-width:0rem;display:flex}[type=\"input\"].sc-smoothly-input-clear-h{line-height:1}[type=\"form\"].sc-smoothly-input-clear-h{margin:1em 0em}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70%;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0rem;margin:0rem;min-width:0rem}";
|
|
8981
8981
|
const SmoothlyInputClearStyle0 = styleCss$14;
|
|
8982
8982
|
|
|
8983
8983
|
const SmoothlyInputClear = class {
|
|
@@ -9022,7 +9022,7 @@ const SmoothlyInputClear = class {
|
|
|
9022
9022
|
};
|
|
9023
9023
|
SmoothlyInputClear.style = SmoothlyInputClearStyle0;
|
|
9024
9024
|
|
|
9025
|
-
const styleCss$13 = ".sc-smoothly-input-color-h{display:flex}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%}.sc-smoothly-input-color-h>div.color-sample.sc-smoothly-input-color{height:2em;width:5em;background-color:var(--value);border:rgb(var(--
|
|
9025
|
+
const styleCss$13 = ".sc-smoothly-input-color-h{display:flex}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%}.sc-smoothly-input-color-h>div.color-sample.sc-smoothly-input-color{height:2em;width:5em;background-color:var(--value);border:rgb(var(--smoothly-input-border)) solid 1px;border-radius:2px}";
|
|
9026
9026
|
const SmoothlyInputColorStyle0 = styleCss$13;
|
|
9027
9027
|
|
|
9028
9028
|
const SmoothlyInputColor = class {
|
|
@@ -9073,7 +9073,7 @@ const SmoothlyInputColor = class {
|
|
|
9073
9073
|
};
|
|
9074
9074
|
SmoothlyInputColor.style = SmoothlyInputColorStyle0;
|
|
9075
9075
|
|
|
9076
|
-
const styleCss$12 = ".sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--
|
|
9076
|
+
const styleCss$12 = ".sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"grid\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h{position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>div.arrow.sc-smoothly-input-date{position:absolute;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;top:1px;height:1em;background-color:rgb(var(--smoothly-input-background))}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
|
|
9077
9077
|
const SmoothlyInputDateStyle0 = styleCss$12;
|
|
9078
9078
|
|
|
9079
9079
|
const InputDate = class {
|
|
@@ -9138,7 +9138,7 @@ const InputDate = class {
|
|
|
9138
9138
|
};
|
|
9139
9139
|
InputDate.style = SmoothlyInputDateStyle0;
|
|
9140
9140
|
|
|
9141
|
-
const styleCss$11 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--
|
|
9141
|
+
const styleCss$11 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"grid\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h{position:relative;display:block;width:fit-content;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:3.5em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>div.arrow.sc-smoothly-input-date-range{position:absolute;z-index:9;top:1px;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}";
|
|
9142
9142
|
const SmoothlyInputDateRangeStyle0 = styleCss$11;
|
|
9143
9143
|
|
|
9144
9144
|
const SmoothlyInputDateRange = class {
|
|
@@ -9197,7 +9197,7 @@ const SmoothlyInputDateRange = class {
|
|
|
9197
9197
|
};
|
|
9198
9198
|
SmoothlyInputDateRange.style = SmoothlyInputDateRangeStyle0;
|
|
9199
9199
|
|
|
9200
|
-
const styleCss$10 = "smoothly-input-demo{display:block;margin:2em;margin-bottom:20rem}.checkbox-group{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--background
|
|
9200
|
+
const styleCss$10 = "smoothly-input-demo{display:block;margin:2em;margin-bottom:20rem}.checkbox-group{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div>smoothly-color>*,.select-div>*{flex-basis:49%}";
|
|
9201
9201
|
const SmoothlyInputDemoStyle0 = styleCss$10;
|
|
9202
9202
|
|
|
9203
9203
|
const SmoothlyInputDemo = class {
|
|
@@ -9206,27 +9206,27 @@ const SmoothlyInputDemo = class {
|
|
|
9206
9206
|
this.duration = { hours: 8 };
|
|
9207
9207
|
}
|
|
9208
9208
|
render() {
|
|
9209
|
-
return (index.h(index.Host, { key: 'a6a6cdf9a428b2dfbf140a256442f840a02c97a8' }, index.h("h2", { key: '77ab5f9b7ef844d196428acce66b24b790d4866a' }, "input-date-range outside from"), index.h("smoothly-input-date-range", { key: '0099967b9ec8d677465d3031c77524a30a5a14e4', onSmoothlyInput: e => console.log("dateRange: ", e) }), index.h("h2", { key: 'e6cbceeeb886847ebdc4bfed3bf6b9963304b420' }, "Controlled form"), index.h("smoothly-input-demo-controlled-form", { key: '63937d6288117192d971d8535ba1d9e57d80b3f4' }), index.h("h2", { key: 'ea316e6b8969c4eb27f4ebc9313c84d7b44ac936' }, "Create form defaulting type"), index.h("smoothly-form", { key: '9e4dc91a7a1a36b53dde23f14efa28747c946ee8', looks: "line", action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'd7f3bd883420c06bc06c6da7551f062319a2ebc7', type: "text", name: "name" }, "Name"), index.h("smoothly-input-reset", { key: 'e906b6861f6531265cec611fe2789b0814cdbd49', slot: "reset", type: "form", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: 'a55c409630c08c3a45e38df89bd5c098bf341cbd', slot: "submit", size: "icon", color: "success" })), index.h("h2", { key: '9ed18261e58635b7890153561095808c0bc9fd4e' }, "Select"), index.h("div", { key: '6f1b6630f1f436a89e135daeb4bf9b1a63b2a1c1', class: "select-div" }, index.h("smoothly-input-select", { key: '0ae1b96f15c1af057de51ca80079813ca8e2436f', name: "select-dessert", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: '82569bc272815ac183673f43caa5e8f6759d1243', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: 'f7282922223b7a6577c6878f3ebab0689d410891', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '7f094d141a4d8411521295ba6735df9343ea2730', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'a33de2e057f3d097f13bd24350b4a63ade43d632', value: "3" }, "Cookie"), index.h("smoothly-item", { key: 'c2a6f7c7443ec6768997e6e82419a954f9f17fb7', value: "4" }, "Croissant"), index.h("smoothly-item", { key: 'd1f9edc428feee1f0293b88ec987ac787aed740e', value: "5" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '835aa35993f5b75ff22d8de7c020c78b9c3f3e9e', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'e350d74768414aa03b52392167758ce6ef594e70', name: "close" }))), index.h("smoothly-input-select", { key: 'd76be12cdab2b4ccc2013d9fec8996370edc2338', multiple: true, name: "select-dessert-multiple", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: '3770125e9c64bb1c237daadcbf695c11e80bfd16', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'cfa25016b2a53915393b66f8f3eeb2ad1abe4d61', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '4b17e3c5410863975fb7874326df310097cd88a7', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'a2994da9dae9c8e57a8f4d2d6650d229b5adc3db', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'c06b2854b2d5938bf9bf50add5cd61a3ebd35708', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: 'f76e729ad756b0d25fa9fb2f7c05015d7a21516d', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: 'c7236b315db540eccb1a279c87bfed215aa1c022', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'df86f1846afc7850e0a0fea052501b46749e9d4d', name: "refresh-outline" }))), index.h("smoothly-input-select", { key: '7933dcf27ff3ac66d24532993670db4f98dc8a8f', name: "select-icon", clearable: false, showSelected: false, onSmoothlyInput: e => console.log("Form Readonly", e.detail) }, index.h("smoothly-item", { key: '20406d1c297158523f36a1d53d7b63c0777ccfcf', value: "folder", selected: true }, index.h("smoothly-icon", { key: '26aac7d58dc27c6c317177097f6907a65b9259df', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'bbcec74aaf4c16d8a39ca408e3a1ed1f73b2084b', value: "camera" }, index.h("smoothly-icon", { key: 'c617b5311f2af201fea1f7cb5d559c86e093ce44', size: "small", name: "camera-outline" })))), index.h("h2", { key: '440c5e433094577c5a943d1c6b3f38a1c7d2baf4' }, "Delayed"), index.h("smoothly-input", { key: 'a0121d442d72655e3ea05f597443648342d5e5e2', name: "Delayed", delay: 2 }, "Delayed"), index.h("h2", { key: '6236dd2318084dac82a2dfc0f2b6a9e26341ec89' }, "Editable form and Input with Clear and Reset - Readonly"), index.h("smoothly-form", { key: '2255f6aec612c63fc5f967278781d6e6060baad9', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'a54f6df3db878f9a30326ceb06d421be79ce5968', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '4c1b4028ccc82ec3ef834aaabe375a949e17e1e1', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '56514607936912bf53a37017e2c6a49fb12d6c30', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'e4a3db2c4e5b00480a47038cfbad865819f35a16', name: "close" }))), index.h("smoothly-input", { key: 'f70b64b4cc73cac804657cf0a83909f7530a7cc1', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '9bad3a88b794a891f89c66ca2d54b64748f093b1', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '965d1f2aaa8a8315e05da8e42fe0ac7a26ecb112', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '1ef44f1155a358c89c007798052e2f60a6b359f7', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '20f5455cae5a644ec330c65598c46f25c44c2097', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '9ca0d485b64fcec96f461cc8e174410f7ee1d330', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '2715c0323d8297e57fdcba8207c7fe2177499d3d', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '71c5e32bbded92a9cd3777421de61741e68b7b6a', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: '41914f74c1004ca583e1645693ebb923b6cc40a4', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '23c43a6539724ca608fea794c0bc879453d5876a', slot: "label" }, "Month"), index.h("smoothly-item", { key: '08733f44f21492c9e4c3d5c256a4d6f966d5e56a', value: "1" }, "January"), index.h("smoothly-item", { key: '8c41e8edf9e4d3d21de2378a8f6822867ed5cac0', value: "2" }, "February"), index.h("smoothly-item", { key: '567eb84ac92f1ec59fc86900e08d681a4ac6bac3', value: "3" }, "March"), index.h("smoothly-item", { key: 'c0ae771a749da2154e84fc185c777f427fe32942', value: "4" }, "April"), index.h("smoothly-item", { key: '421796c9ca11d455f44b27114379e7ba53a74fe3', value: "5" }, "May"), index.h("smoothly-item", { key: 'bb51f826777453300541641cb65a96f484cbedff', value: "6" }, "June"), index.h("smoothly-item", { key: 'bfd2d692ed928749f1ff00bd4cf527af9a65897a', value: "7" }, "July"), index.h("smoothly-item", { key: 'fde7cb3b9cdfdb3ce704a3eaea0d3ff6de257d2d', value: "8" }, "August"), index.h("smoothly-item", { key: '386d54ee8cbc397060650eeea60f83c68aa57b25', value: "9" }, "September"), index.h("smoothly-item", { key: 'd8740223a86fce80956775d0c963501c34f5a3d9', value: "10" }, "October"), index.h("smoothly-item", { key: '54096dd4f0b154137d5b7a1fc997b0ef44ffc59a', value: "11" }, "November"), index.h("smoothly-item", { key: '489c427ea5eb1765c1b3d3c1f68602d7ba495fcf', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '3c301744a5de91dd07a7bf946914a2b9f15fef45', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '31bfbdd9e5e763e0a2fc49e8c8901985a8584960', name: "close" }))), index.h("smoothly-input-select", { key: 'ca789dcbca5a07455f5e9755131ca9a9603b337f', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'd983bda39503477556a7b245e0ccf342e9d78daf', value: "folder", selected: true }, index.h("smoothly-icon", { key: '986ccd119799ef704f3f58566e04add8c4648951', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'a80dc651660a9ca024a3a2b5d10f97ac51435225', value: "camera" }, index.h("smoothly-icon", { key: '104a0b9226567110fc2e326714ff885c4a64773a', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '5b287a3431edb57a29c0b573f76f097285223fa5', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '7033f08a10a9a9cbb9cab138bdad9395883b5ba4', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '1881ebd5f46ba0341117f0651ed7a4dc513b401b', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: 'faeffd188c33969b4103533d07e32ec25b43beeb', multiple: true, name: "animals" }, index.h("span", { key: '5f7eee942219ad006a0fce479c0132c731eeceac', slot: "label" }, "Animals"), index.h("span", { key: 'bcfe66aee16c145abadeb57aaeb09e18b4b11cd0', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '0499b5293738b7a94762c07a5948aa671a7578d1', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: 'dabe6657c16dab63640c95c355983c4903d71533', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '503cac904800cf27eea2819b2725057472769184', value: "fish" }, "Fish")), index.h("smoothly-input-file", { key: '85452d7292c6a1d2dda3246b1aa03059878c8e6b', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '169ff4ea88770e71588c1421492cabc5f7cbf8fe', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'bca31ddf243955cadb0f29eb17c15d71b760b6f3', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-edit", { key: '84e13ba4b4cf245cfd6dca1dfcd04706e81a90cc', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'b4818b2b5798b8d9443a40092d25f4bbaacfdf61', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '7226943b301d6c059d31762a8f8f8df27080b8d2', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '7564a908cd39a5534901ba0219a5eaef434f44a2', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: 'd93b80f57c0fe6f68002dc182bca63f6554b649d', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: '1146b220527ee9ab0cac8b84c6f4cdfd2b5bfd64' }, "Editable form and Input with Clear and Reset - Editable"), index.h("smoothly-form", { key: '035c0c6c44b6b2d2cc5c8e4fc3b36b879012e702', looks: "grid", type: "create", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '66d412e67653489c2c86d0aa15476ce8f2750c28', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'bc99c32970581e11fe147732e2b72065a1faab7c', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '9adf86c872bd69be5e977fdebdbf6c55efdf2ce5', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '764aebd359e7ba8c723660215883c642a24fc490', name: "close" }))), index.h("smoothly-input", { key: '76cf238e259e88d638786b43a1ba67512d1baae2', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '54c8e4759bd9645b2406cfe45980ae6ef87df65a', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'ee05c1e74638c0973edf4896cd46ba0a6c06a206', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '19bcd2ed772a43cc91215e7f7e913a10aa823a7d', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'd7dd73f9a7460c1e97533bac4aac2fc06dd0a8ff', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '2e04765926cfa37ba67ca8a4543c452abda3fe6b', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '8475c1f5578f457734907793cc3cfb16bb1449a6', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '1f6e2dee561058c443e663df8eb9060d68750fa9', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: '91d1ec69e3569dab20c06ac83b2a99d889c56a3d', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '1c2729ff812de00c55bf9a6bf6f7866da58d6f4c', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: '147c719e60ba74ffa4269b985559dd496feff6a6', value: "1" }, "January"), index.h("smoothly-item", { key: '2670846299c5f3ace52d4a300588ee8884c7c4ad', value: "2" }, "February"), index.h("smoothly-item", { key: '92a9e856be0b56045bee2a66baab33022ebd5819', value: "3" }, "March"), index.h("smoothly-item", { key: '43c604d46cd829c363bdc3f0c5f6b4d3b81401eb', value: "4" }, "April"), index.h("smoothly-item", { key: 'aa28d9ce725de618985887369e146707ae13526e', value: "5" }, "May"), index.h("smoothly-item", { key: '003a836277e6705b2dbbf93d4cd44c9186de303e', value: "6" }, "June"), index.h("smoothly-item", { key: '6179fe7dc9071201af2932f22508168bc3f06090', value: "7" }, "July"), index.h("smoothly-item", { key: 'fc7c02f6b39e50841b18373945506bb6ac63bccf', value: "8" }, "August"), index.h("smoothly-item", { key: '9b812bee59c0ac713bf9030ec277ad887b2ec53c', value: "9" }, "September"), index.h("smoothly-item", { key: 'd6a02d34836f20a6129f4e92130b1ca42a3e6a72', value: "10" }, "October"), index.h("smoothly-item", { key: '4ead2fb3709c0fb2a4321668168b14faea543d00', value: "11" }, "November"), index.h("smoothly-item", { key: '33a5fb3246bb198d1f85a4cb499c8c522e5dae44', value: "12" }, "December")), index.h("smoothly-input-select", { key: '80132de584a9510e0a9edd1c91383581fb097d9a', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'd6c3bc67bc34fce9648d2c745c75bc11b6c4e134', value: "folder", selected: true }, index.h("smoothly-icon", { key: '0118f8687b0062817a2a49d51d1375229bd0b266', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'cfe87c0f4c842e99c32014466508e2904924568f', value: "camera" }, index.h("smoothly-icon", { key: 'e5cadd91447a86e9b98c9b93c44394b75171e2e0', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '57ba5c07054668df10c1b17d8963e45e52cd7c19', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '2e22a91699b71a5d281277401af0359eb3de58d6', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '5d9c0319271dc4fe1d06b5e58333547031da05b2', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: '2a063ed51389f50a9a1742f88b2ad2c932fb3610', multiple: true, name: "animals" }, index.h("span", { key: '2e93b8814f9ca21bc69bc5a779ef74d593be600d', slot: "label" }, "Animals"), index.h("span", { key: 'd594648149be075b906e5c5c467895c172e807b7', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '9e5ee7ec20001f913b27ba8e0b76a6aa732ef2e7', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: 'f261f96158e74d064f7367291208ad20dc5ca891', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '370ce0247b9f076c488f9024768bb8a0babca12b', value: "fish" }, "Fish")), index.h("smoothly-input-edit", { key: 'c452f06c3b3d7f218a38039338d5fe4ba50f682f', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'cef70ef9f30a7a31a1bdc89cd8476d1212e5fd81', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'a4786922e7afa07e6049c15e1cd59c6e026aa289', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '4da2f475ee1e2c601c3677824b0727159a9d174b', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '7191a2c8e180d938d0ca273937aea5faa33bee6b', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: 'f98b3070cdb876506b3bbaa87d74096fe39f71b1' }, "Color"), index.h("smoothly-form", { key: '9debb450120a912de1e3153005b828fb852a54d2', looks: "border" }, index.h("smoothly-input-color", { key: '10554c76c41675579c9ede26039502f996b0cb2c', name: "color" })), index.h("h2", { key: '0b900263ad683b6a70cff9ac77a2697ae5a712a1' }, "Range"), index.h("smoothly-form", { key: 'a502ec73e58f96f96d0710d72f843d1044aae268', looks: "border" }, index.h("smoothly-input-range", { key: '501702eedea487932e6ef89cdff65b7444c9b6dd', step: 1, name: "range", outputSide: "right" }, "Select and so"), index.h("smoothly-input-range", { key: '7334f133ef5476562376d90111ddb5553db491b7', step: 1, name: "range2" }, "Select with really really long label", index.h("smoothly-icon", { key: '75a898a415339afcb082300b9ef6e32e21ecbf7e', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '45867a5c608d133e8ee57f3ea48fa5e47fe84cf5', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '3bcc14fcd1f6a7074a61b21631c6ff83920b37cb', name: "close" }))), index.h("smoothly-input-range", { key: '424817a577d959bf9cfa7c42a68adeafa6894cee', step: 1, name: "range3" }, "Select")), index.h("h2", { key: '7540eeac95c745a081c12bca88a48d3324952e8d' }, "Duration"), index.h("smoothly-form", { key: '507f3a2e9948cf102e8d1bc8668b1ae4bdb33b16', looks: "border" }, index.h("smoothly-input", { key: 'b33ba06578250a0fa6f42aa68caf20cf391893ff', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9209
|
+
return (index.h(index.Host, { key: 'a6a6cdf9a428b2dfbf140a256442f840a02c97a8' }, index.h("h2", { key: '77ab5f9b7ef844d196428acce66b24b790d4866a' }, "input-date-range outside from"), index.h("smoothly-input-date-range", { key: '0099967b9ec8d677465d3031c77524a30a5a14e4', onSmoothlyInput: e => console.log("dateRange: ", e) }), index.h("h2", { key: 'e6cbceeeb886847ebdc4bfed3bf6b9963304b420' }, "Controlled form"), index.h("smoothly-input-demo-controlled-form", { key: '63937d6288117192d971d8535ba1d9e57d80b3f4' }), index.h("h2", { key: 'ea316e6b8969c4eb27f4ebc9313c84d7b44ac936' }, "Create form defaulting type"), index.h("smoothly-form", { key: '9e4dc91a7a1a36b53dde23f14efa28747c946ee8', looks: "line", action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'd7f3bd883420c06bc06c6da7551f062319a2ebc7', type: "text", name: "name" }, "Name"), index.h("smoothly-input-reset", { key: 'e906b6861f6531265cec611fe2789b0814cdbd49', slot: "reset", type: "form", size: "icon", color: "warning", fill: "default" }), index.h("smoothly-input-submit", { key: 'a55c409630c08c3a45e38df89bd5c098bf341cbd', slot: "submit", size: "icon", color: "success" })), index.h("h2", { key: '9ed18261e58635b7890153561095808c0bc9fd4e' }, "Select"), index.h("div", { key: '6f1b6630f1f436a89e135daeb4bf9b1a63b2a1c1', class: "select-div" }, index.h("smoothly-input-select", { key: '0ae1b96f15c1af057de51ca80079813ca8e2436f', name: "select-dessert", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: '82569bc272815ac183673f43caa5e8f6759d1243', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: 'f7282922223b7a6577c6878f3ebab0689d410891', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '7f094d141a4d8411521295ba6735df9343ea2730', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'a33de2e057f3d097f13bd24350b4a63ade43d632', value: "3" }, "Cookie"), index.h("smoothly-item", { key: 'c2a6f7c7443ec6768997e6e82419a954f9f17fb7', value: "4" }, "Croissant"), index.h("smoothly-item", { key: 'd1f9edc428feee1f0293b88ec987ac787aed740e', value: "5" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: '835aa35993f5b75ff22d8de7c020c78b9c3f3e9e', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'e350d74768414aa03b52392167758ce6ef594e70', name: "close" }))), index.h("smoothly-input-select", { key: 'd76be12cdab2b4ccc2013d9fec8996370edc2338', multiple: true, name: "select-dessert-multiple", looks: "border", onSmoothlyInput: e => console.log(e.detail) }, index.h("label", { key: '3770125e9c64bb1c237daadcbf695c11e80bfd16', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'cfa25016b2a53915393b66f8f3eeb2ad1abe4d61', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '4b17e3c5410863975fb7874326df310097cd88a7', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: 'a2994da9dae9c8e57a8f4d2d6650d229b5adc3db', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: 'c06b2854b2d5938bf9bf50add5cd61a3ebd35708', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: 'f76e729ad756b0d25fa9fb2f7c05015d7a21516d', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: 'c7236b315db540eccb1a279c87bfed215aa1c022', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'df86f1846afc7850e0a0fea052501b46749e9d4d', name: "refresh-outline" }))), index.h("smoothly-input-select", { key: '7933dcf27ff3ac66d24532993670db4f98dc8a8f', name: "select-icon", clearable: false, showSelected: false, onSmoothlyInput: e => console.log("Form Readonly", e.detail) }, index.h("smoothly-item", { key: '20406d1c297158523f36a1d53d7b63c0777ccfcf', value: "folder", selected: true }, index.h("smoothly-icon", { key: '26aac7d58dc27c6c317177097f6907a65b9259df', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'bbcec74aaf4c16d8a39ca408e3a1ed1f73b2084b', value: "camera" }, index.h("smoothly-icon", { key: 'c617b5311f2af201fea1f7cb5d559c86e093ce44', size: "small", name: "camera-outline" })))), index.h("h2", { key: '50810361a0d160eb401feb4b77d470637d851fcb' }, "Delayed"), index.h("smoothly-input", { key: '5b2b40f53c9165e7203ff57b2e13e3afa7b6d56b', name: "Delayed", delay: 2 }, "Delayed"), index.h("h2", { key: 'b2b848c717a1bafed78d07a7d3bae4135c033b18' }, "Editable form and Input with Clear and Reset - Readonly"), index.h("smoothly-form", { key: 'df961e9455f4287cd0ee7907e1a4952a8b0138e9', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'a814bc9a1b250481cb7eb182856bea5e5dfe5197', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'fb5c823b113a43ebcd5ecfe1a77ab86c5b8cbf69', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '3eb14389c761cd6d2753283db978e811ed317848', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'ca11bff1ff2719dbe617320e3c887352469e5da1', name: "close" }))), index.h("smoothly-input", { key: '46ae06287a991915f0d559f63dd5cc4a90d24446', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '6b28b24fcc315dca5e1ece68807318c829671e37', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '42a57ba9e6e72646e0992efbf88f702bdfb4fea3', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: '9982637d981e9e95cda2fe86bc7e7e45ba6157ee', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'b8d52e6e157866c6387f9bb35649bf5ba84686bc', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '5ea8b3d7404ddd7195b9384ae0c2f008cc860c8a', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '307a3fbc7767af60409b90f8cf62b07f04e36acd', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'a652673245bbe0e59382748c8296e4fabb98a059', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: 'cbda8d49b6abd84799d7ea963e7ee04bdef4b52b', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '21d13454535cc0b741104a94212524f37d7f7dee', slot: "label" }, "Month"), index.h("smoothly-item", { key: 'c76051c205aed369acf9c3f16ee3727ffa3c8c50', value: "1" }, "January"), index.h("smoothly-item", { key: '4162a04aea247de3e2f5330122f6ccbbaf3c3bdc', value: "2" }, "February"), index.h("smoothly-item", { key: '1ded760d59ff73233755d1ccefd435d987d1d489', value: "3" }, "March"), index.h("smoothly-item", { key: '19160c5db3caf2ecdd185727bf3d50283f119aaf', value: "4" }, "April"), index.h("smoothly-item", { key: '3f989618a07a9d4a4f7c37ebb2dc4f2a86df7b23', value: "5" }, "May"), index.h("smoothly-item", { key: 'c4c8b881393364bf0d27cc930cf580283ec2f754', value: "6" }, "June"), index.h("smoothly-item", { key: 'c4feb96ae41eeed154d33d462d6bfa99d1941a4c', value: "7" }, "July"), index.h("smoothly-item", { key: '5fee075bd757a66a2048150b919ebc5e9af212b0', value: "8" }, "August"), index.h("smoothly-item", { key: '96e973bc72a34fea3a2d6ac9aee20056cbfb5271', value: "9" }, "September"), index.h("smoothly-item", { key: 'ab416f8d535736006ed2a0c29e4b409fb9fd1bd5', value: "10" }, "October"), index.h("smoothly-item", { key: '90bf14b07810a1bc7a59ee19d9baad0c22a69e7e', value: "11" }, "November"), index.h("smoothly-item", { key: '4b8f89a570d08d377edc726aa1630bd13f7ed26f', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'a8938d50b4cd4e3b92c6700977abd6623f3d6393', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'df993db494d62660dfc6ca14d15c15391be1e383', name: "close" }))), index.h("smoothly-input-select", { key: 'cab9a70e6ce71f023c568b98f4a49b1ecc1fcbe8', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '6d159b735de40b9f0e12e212314107d9c762426a', value: "folder", selected: true }, index.h("smoothly-icon", { key: '78fd3150c29c56297e5502badf1f72b09d54ef1e', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'c9ceb1da57ff9683947009db7d7546eaa9dc1936', value: "camera" }, index.h("smoothly-icon", { key: '208ddeafc6787fd5dc8612bbbd312fa4fb4c7353', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'a73f5dce171cca15a865d0a44f39e3c10092242a', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '621b44edb3282f4d12a7e3a0bbbecc9c2a4c1e65', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '57d5ced03b5e26d51d1462592a6e8f8e76668d2b', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: '257f4aa0802930e40e9510543021cd8ec631d83d', multiple: true, name: "animals" }, index.h("span", { key: '0d4a946097a569d053dac4d9d8c2b59672b22992', slot: "label" }, "Animals"), index.h("span", { key: '969c8d80455737558b8182ebcf6a8fbe5efad13f', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'e213ba6375a48c1af29dc6ae10c7975f827a6e41', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: '4b83d44c8119dc785f6b8584f6ae3e625419029b', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '88f55a168559c15ffd88a9c24358f9feeba4355d', value: "fish" }, "Fish")), index.h("smoothly-input-file", { key: '170ffe5c239e398243b68c03162a51d86894cf96', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '83cdfefc6d6e3545ff59b3499993efa5c0528d86', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'a9409ba54dd42df79d9ed665b3958be91700eda3', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-edit", { key: 'd489edf8d479c6bd9784b838f2b616ad55e89f41', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '19cb31feb5b79ccea01fee867e489390bd662b3f', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '41bb854072f22c70a2aeb372383a6b4ac967d535', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'bd48448bf253315c173c87369afaf46fb4377a97', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '4e159f17aa26f0f7ba9292af44d9306c9fc5d2c6', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: 'f6c20518d3881dd43cfee0718cc0ee16546127e7' }, "Editable form and Input with Clear and Reset - Editable"), index.h("smoothly-form", { key: 'b612ca9a5d88b1dc6477ff43c6d5f83f083a668f', looks: "grid", type: "create", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '6ed14e5c818227a7597ee376006c7052ca33dc01', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'c5d3388548aa6c452e945f005cb20c8c0b169653', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '5d07550d92adc6e2a71c075b7957dcdb853d164f', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'e00c3fd34f6507651393a1e0def1628ba72e9e88', name: "close" }))), index.h("smoothly-input", { key: '76e945b91450f9d5fff92d37d24f18eb90a4e590', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'cc5d57f112c1b4db0e55a9adfa2e52e9a782a0ce', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'ed2166116493b7422fe0ec365955cd19055ccf07', name: "refresh-outline" }))), index.h("smoothly-input-radio", { key: 'adb15f225819cab75e709ef4a47b36787de73d3a', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'd0724fec5d72ed56e06ff604d2d9d71fb43d5a37', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '671913052b5ca76edae1ab905c15f55a0e9b3702', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '1072c8dc43ce317e822b8ffd036731cf56743cae', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '12a1e6f5a8bac9e44b8f4875ee4e9fc0608c27be', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-select", { key: '36ac6eb32a24a627a6d0d7e1dc99bdd70a226352', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'f8c78e8f1e38fa29efaefa268c1dc61bc70c2a05', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'c41cb55e077cd77fd685d59b6f8a3a8211467eab', value: "1" }, "January"), index.h("smoothly-item", { key: '8f5695d6c058b4387d4a6512c82cb8ed113c076a', value: "2" }, "February"), index.h("smoothly-item", { key: '156b253448355623239d832c06c0c0d047fb34b9', value: "3" }, "March"), index.h("smoothly-item", { key: '2ae305f7374b5a6bef2ed8394f9259f33668ad8c', value: "4" }, "April"), index.h("smoothly-item", { key: '25b09c98f27f0b94652769bf470a76502da63eba', value: "5" }, "May"), index.h("smoothly-item", { key: '3771c623feed0c6977ef7fceb5aeb1d0e515ad7f', value: "6" }, "June"), index.h("smoothly-item", { key: '10bb2a3259b776e87b743773cb9e71584a114b5c', value: "7" }, "July"), index.h("smoothly-item", { key: 'cd5dca1204dcb2146484faa06cd1808fe09664f2', value: "8" }, "August"), index.h("smoothly-item", { key: '1bc0a61ca2f1f221c671df4b3d1faa04f08787b5', value: "9" }, "September"), index.h("smoothly-item", { key: '809b009f2e2bca267035ff9634d9441ee9d9bdfa', value: "10" }, "October"), index.h("smoothly-item", { key: '50586cede35300bc2c0a8d4357e5d7d53b1cb2ac', value: "11" }, "November"), index.h("smoothly-item", { key: '08b53e3238eb7e68ddcb844262fea4dfe8089ebd', value: "12" }, "December")), index.h("smoothly-input-select", { key: 'd22584fb436a58ffad47a352197e1dc5751bc764', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '2a1f70b638c23f651aa471583a73d7325ae308e8', value: "folder", selected: true }, index.h("smoothly-icon", { key: '52d6a29bd9a206be608119e86d8c5bcdd0bee329', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '3a360ec0840ecdaa5afe578928d2552e99e1ec5e', value: "camera" }, index.h("smoothly-icon", { key: '557204f2471dad1e57cc728d7b795ae74f3ad594', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '94ab662585f033d5a651e490dfffae81de140498', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '66428d66a067edd2ed9697c4d48b48881c6f7d9c', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-range", { key: '7b5e7c41e28205bf8579595282d21a52d582b584', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-picker", { key: 'b94472037312b294d16d3d1b43852fff24c1665f', multiple: true, name: "animals" }, index.h("span", { key: '12058d386f0c307b2588db08b224a6fec74edced', slot: "label" }, "Animals"), index.h("span", { key: '7a2c4f893d9efd261f1385f28510c927abe574ca', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '274a0079a541890d8c5e1adb53db6fdc2ef433c9', selected: true, value: "cat" }, "Cat"), index.h("smoothly-picker-option", { key: '6614b2387606d4258da723a4352665193c984eea', value: "dog" }, "Dog"), index.h("smoothly-picker-option", { key: '51d4a1d397dfd574583e53f539b96d127efbca57', value: "fish" }, "Fish")), index.h("smoothly-input-edit", { key: 'c87dd59786b508242c558345f49e93e16721c129', fill: "default", type: "button", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '7e362b7d17f43d04c8b4bd4c07cee71370a23f56', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '9cf5f96563879206cbb9556383490147c1ab07f8', delete: true, slot: "clear", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '5313db933486dd1cec2a259fda88e4a52c1c1672', fill: "default", type: "button", color: "success", slot: "submit", size: "icon", shape: "rounded" }, index.h("smoothly-icon", { key: '55de911040417973bb5e4ace1d5f1d3d5f99a556', name: "checkmark-outline", fill: "solid", size: "tiny" }))), index.h("h2", { key: 'a48637eee98955602e05850f0b719d5fd6f28ca4' }, "Color"), index.h("smoothly-form", { key: '1df0290867df12a5f6e18d226498500bd958ffb9', looks: "border" }, index.h("smoothly-input-color", { key: '55303bc75d982a3743fec0373f64f027a946d5fc', name: "color" })), index.h("h2", { key: '53fd231bcff55da61aab25e836f733f72600a4c9' }, "Range"), index.h("smoothly-form", { key: '9ecad006500e9107d6f9f4f10423f17219990601', looks: "border" }, index.h("smoothly-input-range", { key: '2c54a94c978b95c785eb2ad5c4e3074a2c63944d', step: 1, name: "range", outputSide: "right" }, "Select and so"), index.h("smoothly-input-range", { key: '2fe2b6af5806738029df9c25cc46ac52ff7edaaf', step: 1, name: "range2" }, "Select with really really long label", index.h("smoothly-icon", { key: '76408fff20b238a9d2f24507e02ce83e5f160346', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'a01a328b618b4f022615d804b69dc56450f2739e', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '795e026158121d15784eaff08e8f213a1a235253', name: "close" }))), index.h("smoothly-input-range", { key: '8907312da6de835c5da5223fa0f51232e8349ef1', step: 1, name: "range3" }, "Select")), index.h("h2", { key: '42a75d50ad801434b5ba4f05d54254e04c8d844f' }, "Duration"), index.h("smoothly-form", { key: '8b99afab608c8ac7cbcf1fc677b0fdacc5805ab0', looks: "border" }, index.h("smoothly-input", { key: '2106ccde83c8f3aaad0112994ea1586e0332dfd9', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => {
|
|
9210
9210
|
const duration = e.detail.duration;
|
|
9211
9211
|
console.log("event duration", duration);
|
|
9212
9212
|
this.duration = duration;
|
|
9213
|
-
} }, "Duration"), index.h("smoothly-input", { key: '
|
|
9213
|
+
} }, "Duration"), index.h("smoothly-input", { key: 'c40b7e6dc975b35418aa619d452b964270ae1873', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9214
9214
|
const duration = e.detail.duration;
|
|
9215
9215
|
console.log("event duration", duration);
|
|
9216
9216
|
this.duration = duration;
|
|
9217
|
-
} }, "Duration")), index.h("h2", { key: '1b00e47068d5bb0af59da707af089605578efd3a' }, "Transparent inputs"), index.h("smoothly-form", { key: 'ab9d599bd5538b9634c0a676be39fc5f25ecf1af', looks: "transparent" }, index.h("smoothly-input-file", { key: '07e09a2d1d97cd4701663c31c060229c32f855f5', name: "file" }, index.h("span", { key: '657252b8d1fbcf58bcc59c538eb5a2cd635864cf', slot: "label" }, "File"), index.h("smoothly-icon", { key: 'e94c1e7ae64226ac21d3def60d246bd3fa459532', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: '98ff2af80c58c38b22be76429db15a50b17bc13f', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-picker", { key: '81460a35003f36063bca3bb86057cbe22da45d7d' }, index.h("span", { key: '2e69ab2376cc506c5a9a919e5955b45eb42ea0e0', slot: "label" }, "Picker"), index.h("span", { key: 'a2c44004e0add34a35c3c7b14382953c26b8d94b', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '5590196b2ecea71d22e790a7c82a3d6195f1b5da', value: "circle" }, index.h("smoothly-icon", { key: 'a9ce4ce074ebb3aa871afb5745c69362185bbfb3', name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '868ffe1f266b184b6d20f9012f883841e7a3b095', value: "square" }, index.h("smoothly-icon", { key: '20338c457f3ca2137153873d8d118fac82661612', name: "square-outline" }))), index.h("smoothly-input-date", { key: '900998aaac0d0ecf3ac97acdaa350d40b61d66e7' }, "Date"), index.h("smoothly-input-date-range", { key: '40cdcdd2aac45b66d9b74f2d211aa12eba0bcb52' }, "Date Range"), index.h("smoothly-input-select", { key: '1827554f3668c7a43920ada0b90ec6689dc63104', name: "transport" }, index.h("smoothly-item", { key: 'c610543229ff2902d6ed932a3e7a8aa6222f23a6', value: "plane" }, index.h("smoothly-icon", { key: 'f27cd2e629dee2aa8878b3aa69630b56d1d6ac04', name: "airplane-outline" })), index.h("smoothly-item", { key: '4598b4a7029f8c80a87d37af461054f05eadb1a4', value: "car" }, index.h("smoothly-icon", { key: 'd23543d557008cd73d9015b24c4bcef06e9cdf90', name: "car-outline" })), index.h("smoothly-item", { key: 'f03f8c63dd8bc62af8a0392d5228941a828878a8', value: "bus", selected: true }, index.h("smoothly-icon", { key: 'c7911b7328c1ced21220b9f849acf6334c90a24c', name: "bus-outline" })))), index.h("h2", { key: '1b80cb7e7e8f98d7f194b83b6bd15afb300002fe' }, "Submit"), index.h("smoothly-form", { key: 'e83eda39a8bd1711972a0ebe304abf534077bf49', looks: "border" }, index.h("smoothly-input", { key: 'e81082229116e3881cd152784df50f29c8c0c1c7', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '4eac6c09210b642838ef6dda1aa453431b100617', type: "password", name: "password" }, "Password"), index.h("smoothly-input-clear", { key: 'b27d36231ab2d53dafd180adbeb8b52eeffdd4cd', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'ed77f4a2c6b7253b700942c35da571716d195da0', slot: "submit" }, "Submit")), index.h("h2", { key: '3055990e5b075c2635525b8df2736d3f8c12ddec' }, "Prices"), index.h("smoothly-form", { key: '2aeceb87f72499056c48ac3bb7c3caac9ce3f0e9', looks: "border" }, index.h("smoothly-input", { key: '4bbe254feee788f421a2ade67cea2ad4af190e09', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: '170fa98fa75c10ff5ba6502472747eba589c9240', type: "price", name: "crowns", currency: "SEK" }, "SEK"), index.h("smoothly-input", { key: '344d283e5016499ec1dd28254a940a9a2d064d8e', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: '2c266934d2ff1aba6bd9f13c6bf6c5e14f3d2a5f', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: '989216b7f8079b01ae3c8c90ffc2f38ccc12e552', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: '3c12767db526874ad7e004aa8522036ef4dc60fc', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: '77f6c51fab09f0deb21a5c8d2f9e8af2efba4b11', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-clear", { key: '3a0e672323a6f7f5ecb21fedba26faa027873b80', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: '4377edbfc4fd5b2e7356e41851bc778359bdf792', slot: "submit" }, "Submit")), index.h("h4", { key: 'ea0cdea0ba7ff5148905bad6cf5a5423d817092c' }, "Clear"), index.h("smoothly-form", { key: 'd03c85d77634f5597183b1727756341856d11805', looks: "border" }, index.h("smoothly-input", { key: '008c9567038d0d8c06525aa40f23b081f295101b', name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'd47cb15bf0f13dc55bee52a85fc62a0fb38714a6', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '6e14cda5a2c6274a89c09c081ac0f2184c9bcd19', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'bdc59703cf4606fdf42eeeb543de29848c595201', name: "close" }))), index.h("smoothly-input", { key: 'ba74e8028f0b7e9283a3483200fe727110c102f6', type: "phone", name: "Phone" }, "Phone", index.h("smoothly-input-clear", { key: 'c07bf1f381e3acc66ef5d10ade7dabac1e30f313', slot: "end" }, index.h("smoothly-icon", { key: '196ac720d93bdc2837bfb6fb00372d6b98c473f8', name: "close" }))), index.h("smoothly-input-clear", { key: 'a7f8b5cd0bd682c421ebd056593c00e87f4477ed', fill: "default", type: "form", color: "danger", slot: "submit" }, "Clear")), index.h("h2", { key: '008365d345f107d83364abe42477e7d8295f05ff' }, "Identifier"), index.h("smoothly-form", { key: '0a2dd73a2edb5dca299a5bbcde23f1abdb4babb8', looks: "border" }, index.h("smoothly-input", { key: 'c554d9a76f7da00a89c613146b0c84ab0f415f1a', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '617c89bec3174bf2afd6ef4bb81e116ec80d527d', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: 'db066fc37a5a689d77d00a8381ccf57eef73fd69', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '6f25685a1a36bccc02d420bd455e3b25c370e076', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: '051f75afb8f65c4e25c61c28a99585be245e876f', type: "identifier-camel" }, "Camel")), index.h("h2", { key: '4a74615c1f1ff11a050178841388880084a0749e' }, "Border"), index.h("smoothly-form", { key: 'a5fb5aecdd11fb09529a1980add34b7bb7289d5e', looks: "border" }, index.h("smoothly-input", { key: '3faeaffc667567612bf05ebddf6c7b49fd1a3970', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '56ef1e2bdaae9472d630c61718939768f74d4782', type: "password", name: "password" }, "Password"), index.h("smoothly-submit", { key: 'd6d33f284c6c0f55f451aa31d321dd52eaa163f2', slot: "submit", onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")), index.h("h2", { key: '90c42e06fb998fdf81e814f2d5b87897a3db1897' }, "Grid"), index.h("h4", { key: '5ff98dfc5830dd24bc5492cdacfed13eb4eff908' }, "Contact"), index.h("smoothly-form", { key: '7e14b34800222b7be2ad317075a72bcd197a5a02', looks: "grid", action: "https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe" }, index.h("smoothly-input", { key: 'db9689333e40d85ff57a4206cdf7b5c14de1ef6a', type: "text", name: "name.last" }, "First Name"), index.h("smoothly-input", { key: '9dbc318733ebccb0948e13b95ae646fbd5663485', type: "text", name: "name.first" }, "Last Name"), index.h("smoothly-input", { key: 'eb98d4bfbe77e15f0ae79b83907415687bf09e28', type: "text", name: "street", value: "Torgny Segerstedts All\u00E9 87" }, "Street"), index.h("smoothly-input", { key: '2deb88aacf36ce1e37b332e9591337767db25876', type: "postal-code", name: "zip" }, "ZipCode"), index.h("smoothly-input", { key: '6b643ebb52e2baa823fbc05ab7bf53958e508ddc', type: "text", name: "city" }, "City"), index.h("smoothly-input", { key: '484a1a88a632ce001960e0e9a5dbece1cdec9340', type: "text", name: "countryCode" }, "CountryCode"), index.h("smoothly-input", { key: 'ce61a6a8ee5a325435db2b82126f452ec704da2c', type: "phone", name: "phone" }, "Phone"), index.h("smoothly-input", { key: '2a4916c66dcb7ed2185568b92f44f80b22840ceb', type: "email", name: "email" }, "Email"), index.h("smoothly-submit", { key: '4527ed858ce6d1cc9adf3c3f21b8b12f0930b1d8', slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: '6eebef07d04281f622d2de856e0a1ffd070c4d56', name: "checkmark-circle", slot: "start" }), "Submit")), index.h("h4", { key: 'e4c38a5657046a7450ff372cd981e34c1156c4dd' }, "Card"), index.h("smoothly-form", { key: 'e8b2529677a389c7710fad7df3a77ddc06e3d48d', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, index.h("smoothly-input", { key: 'b5df1310674ad92942b47ce99adb4db2b3350ff3', type: "card-number", name: "card" }, "Card #"), index.h("smoothly-submit", { key: '2d50920e839d0fbadfc5fab1030711b52ab100dd', size: "icon", slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'e15dadde7fe1c99065168daaafe8bf736435a2bc', name: "checkmark-circle" })), index.h("smoothly-input", { key: '10f712d8cb35d30e394e64fd40149d178619de84', type: "card-expires", name: "expires" }, "Expires"), index.h("smoothly-input", { key: '07698a223a7e2ac1a4525ecfed78fe86e88ab52b', type: "card-csc", name: "csc" }, "CVV/CVC"), index.h("smoothly-input", { key: '2a940fcda66a893c343a43553e238e78f39431fb', type: "text", name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '20d6e51000e3b3ea2498108010dc334f5c330ca5', type: "text", name: "name.last" }, "Last Name")), index.h("h4", { key: 'f17f957d21a0b4d95dd366bb33fefa605d20b9ba' }, "Contact"), index.h("smoothly-form", { key: 'c34b692cd73e5d8648dfb34e2681eeb0bebae29d', looks: "grid" }, index.h("smoothly-input", { key: '8b8cb902dc8173223ddeacae7be1aae3cb40cc74', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: 'c3c039934f52477380c5d4bf28f0c4925ebbfacd', type: "password", name: "password" }, "Password"), index.h("smoothly-input", { key: 'e371709b4777005cc6b4cc36e7bb0962b8856b14', type: "price", currency: "SEK", name: "price" }, "Price"), index.h("smoothly-input", { key: 'bc7d0c8eddb195cd7da91f78f3b090c0ff6a47cb', type: "percent", name: "percent" }, "Percent"), index.h("smoothly-submit", { key: '7573cbcad216c1efb5303db7fc58a4a381f8cd6a', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'dfeae10d97849a12b3909d9a39c926f14e0f4a2c', name: "checkmark-circle" }))), index.h("h4", { key: '92dd85622a3bf77014e6bb3e65e0aff719a0f712' }, "Random"), index.h("smoothly-form", { key: '40550d1b43954ddfb294de625c12bdd33d204721', looks: "grid" }, index.h("smoothly-input", { key: '0cb1af6554c95619e67d7fc53640fa511d8b283f', type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur"), style: { width: "100%" } }, "Readonly"), index.h("smoothly-input", { key: '56199cc854611474dad859035f0bd985535fbbf3', type: "text", name: "testing" }, "TextTest"), index.h("smoothly-input", { key: 'a79556c5b8568ea75720f7075e0ade500e7aab76', type: "date-time", name: "date-time" }, "Date-Time"), index.h("smoothly-input", { key: '17a0324c48f3782d98954d0ebc0aeab7a036355d', type: "divisor", name: "divisor" }, "Divisor"), index.h("smoothly-input", { key: '463311932023f33568999a488962fd8c53d01d32', type: "date", name: "date" }, "Date"), index.h("smoothly-input-date", { key: '72a76178ea3deac8c170d1fb701c9ac7a96ded9a', name: "some-date" }, "Calendar")), index.h("h2", { key: '38d40401316922fb94e46d073e974b5d3a94a58a' }, "Line"), index.h("smoothly-form", { key: '485d128b1a264bff3646d7f640c7a69af310fd92', looks: "line", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'cf633490c18eebf378357211d9891a357db6c364', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "First Name"), index.h("smoothly-input", { key: '4c85834c3ec5fb72b2ae5e6a426722869497d06c', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name"), index.h("smoothly-submit", { key: '7cad3dc62aa6c75cbae370b7e745bfae4485bded', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h2", { key: 'ad06d64d1ce8f555c01ba279eb4d2be61eb131e1' }, "Input Alternatives"), index.h("smoothly-form", { key: '89598329f27f1a3923356026bfe31ef1d3b3e297', looks: "border" }, index.h("smoothly-input", { key: '23c5fe38c18a976abc915b3cfbe990eb5e438bc8', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '0444e93bf6b8553c0c67f40b1e6c51dd73a615d9', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: '3ca82814e6aa8802762e57aa04883f8966c67b84', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '3095042ee870127a29f4f91a2e03bc91e99b46a0', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '38f4e15ca12d59f5da44df90d299aa59ddb46604', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'aad71ea35c8a8ac810e2afe8d78ac01450ee3934', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '1697e6e8af8819840feb014836d0a1598d318dd7', placeholder: "test" }), index.h("smoothly-submit", { key: '585c819b2987eecc19e4c853e891288c16203e62', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h4", { key: '2e6e57cb9159679a903c977998fb6d89d43e63cd' }, "Smoothly checkboxes"), index.h("smoothly-form", { key: 'd6723529561e9f06a4d066a19d841b14c8aa26a9' }, index.h("div", { key: '8280b649a20f74fd2511d2962f14d50cd6651d86', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: 'aa537f547dbd3affa0b873f6b2da9252549d8516', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '8c9ad1e6a97a8eb6c66c2f4750d915af73966cf9', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: 'd95c5f2abd3125b16c11da9d96282efd79ae1574', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: 'b9e2695bcd5b6f99ee5ac5cfbd227c3dd7d71d95', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: 'ad890d040c32801dd682e300ed825aba57c09708', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '74e3881d1f7e4864406f0e8933b0f82e844b7304', name: "close" }))), index.h("smoothly-input-checkbox", { key: 'd8c598b89b1b6e1fc66bcbaf00b47214153e9b64', name: "third-checkbox" }, "3rd"))), index.h("h4", { key: 'a0464c479a7274c74bb7ce657bee105e1815727c' }, "Smoothly Radio Buttons"), index.h("smoothly-form", { key: '6fd9b317b9eb9359ef3bd3ee5217411e1ed664c2', onSmoothlyFormSubmit: e => console.log(e.detail), looks: "border" }, index.h("smoothly-input-radio", { key: '8e3a175bf91a1144b0c5d1ca44f2bda91ceb2d50', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'f74bb5709f54025c7a5fcf8f9adf15f9bff8e676', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: '1e8bdbd984e23014781d14492d6d598d496bf819', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: 'c598901643e04998f144f4b8b5fd0ffee4e281ac', name: "close" })), index.h("p", { key: '6161ee17ec7484439419aaff1ee3913db74eeac8', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '0a01477ab6067fdf172954213d13ee503f2b71c0', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'cc9f7d064405bf7a2d75be217a5ae392dfa80788', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'ae7a7813dd791f5ceb89834c279dc62f30fd15e6', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-radio", { key: '5860f6a9c955ac33129f548cdfb44220a6077923', name: "radioSecondInput" }, index.h("p", { key: '38c4d476647c40d1b2ca7a9e1873347e78c2f2ff', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '9536c8ad6551afbcf9bcd285b5b31aa75796b3bf', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'cd397bbae7c97311bd44e4a4bac59948b2e1f7fc', slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '735396b9c2f4152c35e6f6218cfb18b1877ab64a', slot: "options", value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '8259fbafc0404e7c753efa6b6a48d27bef822539', slot: "options", value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '7db751c29615e1e1160adeab78d8b440805c1317', slot: "options", value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: 'a5099b5b60f900e76b0e624e8e6cfec22e866a06', slot: "options", value: "sixth" }, "Label 6"))), index.h("h4", { key: '81dc3121be5ef45b9be7102ae48bb5ad851508f9' }, "Smoothly Picker"), index.h("smoothly-picker-demo", { key: '4f40ba2cc77d6779ae02752e4867ba553156260b' }), index.h("smoothly-back-to-top", { key: 'c4764bed5a43815f0b25a1996ba2ec7a2578e926' }), index.h("h4", { key: 'ab97287a7bac5e6e42506b83e9d0bda737a6c786' }, "Smoothly Date"), index.h("smoothly-input-date", { key: 'ae2d0946f0433437ff79ed62bda4e6ee54b04bd2' }, "Date"), index.h("smoothly-input-date", { key: '518d0f7a88230519e6dd49fa09f3bb90d6794717', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-form", { key: '4e6ba322837d29159a35e80062184e84b68cf5f6', looks: "grid", onSmoothlyFormSubmit: e => console.log(e.detail) }, index.h("smoothly-input-date-range", { key: '7eba9279d1f64004001b82f5b4f768570b9042af', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }), index.h("smoothly-input-clear", { key: 'ea663659a8df13040117ed5c3a4f6dd64deddf70', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'ec94a1da6dd46202ad170294b00126859fb523b1', slot: "submit" }, "submit daterange")), index.h("smoothly-input-date-range", { key: 'f3edd4044ba612b3e01424004d733fd94a19e39d', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9217
|
+
} }, "Duration")), index.h("h2", { key: 'b48b7b7ca94862b9e482b21df5fddaf13cba1087' }, "Transparent inputs"), index.h("smoothly-form", { key: '09865f683d88841b3ec48cd7bf49bb25dcadf5e8', looks: "transparent" }, index.h("smoothly-input-file", { key: '950df405e55ee7b2fc110529680f0fe13ebc5726', name: "file" }, index.h("span", { key: 'b38575a47aa92f2e989ff47f18e5187fcaba52e8', slot: "label" }, "File"), index.h("smoothly-icon", { key: '357fd160a267fcdcd5970af6ca881879169a7d57', slot: "button", name: "folder-open-outline", size: "small" })), index.h("smoothly-input", { key: '6824dd6fe61ae5886c3a34daccd630b11d5c293d', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), index.h("smoothly-picker", { key: '23cbd42235bca699a043a66308a54cafa476b32c' }, index.h("span", { key: '113e71abbcf3e1ffa8b04814b76c50a6347e5749', slot: "label" }, "Picker"), index.h("span", { key: '5d2616c582cc868245c7fe560946913871aae2c1', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'bdef660d94bb67929c22fa56bffc87098ef0d6a6', value: "circle" }, index.h("smoothly-icon", { key: 'ea90270c3a508e5f57c098907e842e10d3a1e808', name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: '6fd1e801f569990b42537dcf18d492c803a237cd', value: "square" }, index.h("smoothly-icon", { key: '60a53653cc5935d48c27cf41e11f33c80f88fdfe', name: "square-outline" }))), index.h("smoothly-input-date", { key: '2ce58f3fa7760fa586116006776aad488bc4066e' }, "Date"), index.h("smoothly-input-date-range", { key: '10bdbee69569da1dc6c45d5762d038a5dfb725ea' }, "Date Range"), index.h("smoothly-input-select", { key: 'f5e071535d5daa13b48724038907a28b6c9659ba', name: "transport" }, index.h("smoothly-item", { key: '4ed821dbd2654c5c918f7b2a66f64cfd2c7352fa', value: "plane" }, index.h("smoothly-icon", { key: '67fe6673d60319dfe178849557a3966e22b1d27e', name: "airplane-outline" })), index.h("smoothly-item", { key: '5549b95a97eb57d1d2e8de0a0d7dccf222fd1a33', value: "car" }, index.h("smoothly-icon", { key: 'be46f9efe233d580bce9ae76cf676b393e2995fb', name: "car-outline" })), index.h("smoothly-item", { key: '51c5a55f565ff3b93cccd27188e194238ed0c106', value: "bus", selected: true }, index.h("smoothly-icon", { key: 'f5fe88acfce3cdbb4cb707da0369b793d63f8e60', name: "bus-outline" })))), index.h("h2", { key: 'efb27ba6f6c7b2223f27bd9e31be5e9eec812362' }, "Submit"), index.h("smoothly-form", { key: 'c7a9a31551d233979068478a2172614f77cc3543', looks: "border" }, index.h("smoothly-input", { key: 'd3026af8a1804a37e99246d762143f576b832221', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '8ac7694e37442cdd136c7472d374d28f014411bb', type: "password", name: "password" }, "Password"), index.h("smoothly-input-clear", { key: 'e67131e4737fa8eaf620c422eda06e393801b94e', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: '338e24b1484ec014467bd19f292e1e76be096d44', slot: "submit" }, "Submit")), index.h("h2", { key: '16b876d8826e11b6ddca7f230c10e2b21ec4911f' }, "Prices"), index.h("smoothly-form", { key: '64c61b4927f3c578f90136876cff0cd1a979e3e0', looks: "border" }, index.h("smoothly-input", { key: 'bc7ac2b9a43efd9573d7a38af087ac00692311b6', type: "price", name: "no" }, "No currency"), index.h("smoothly-input", { key: 'e9e5cd55f32df52115adaca3e8114eb50afd1e2f', type: "price", name: "crowns", currency: "SEK" }, "SEK"), index.h("smoothly-input", { key: 'a68913a0e139baa77cc82f05e5b508c1d81b81e5', type: "price", name: "usDollar", currency: "USD" }, "USD"), index.h("smoothly-input", { key: '52858577c4883f9d58cb0d45d4ba34b26e9f2c91', type: "price", name: "pounds", currency: "GBP" }, "GBP"), index.h("smoothly-input", { key: 'a86c4febe84bf18e29746a0f7a711ab3c5c2f106', type: "price", name: "peso", currency: "UYW" }, "UYW"), index.h("smoothly-input", { key: 'a056f8fbf78235e7cfd6ab8d4b6a2a6346cb5c5f', type: "price", name: "iceland", currency: "ISK" }, "ISK"), index.h("smoothly-input", { key: 'dedf01c2aa4ba8e2d39d64747a9d81db26d8b505', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), index.h("smoothly-input-clear", { key: '8bc75098891329582dbae6f948f4212253dc0d5a', fill: "default", type: "form", color: "danger", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'e883377d296ed966da24eff5cd3282ac71dc4646', slot: "submit" }, "Submit")), index.h("h4", { key: '1eebef35316710a09a922bd77ab257becd1b5330' }, "Clear"), index.h("smoothly-form", { key: '44aea0932c7f77e6041c95ccaaa81fccd35c21c7', looks: "border" }, index.h("smoothly-input", { key: '904d1fb648b19c6fe8ba6153282caedd9b100516', name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'b22c93d80a325961da8630998c492b2965754c32', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'c4b1cd7035f65e411f71f1fb504be7881c1832c6', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '7813d445950c94014ee562fc1a6eaa32aa183b0a', name: "close" }))), index.h("smoothly-input", { key: '0fe761999ae1a25ed914a139f77e55442573c3d3', type: "phone", name: "Phone" }, "Phone", index.h("smoothly-input-clear", { key: '51075ab5dd64f2bcad8f55076ed18ca9f440aa04', slot: "end" }, index.h("smoothly-icon", { key: 'ca44a36c68f44fc79190c2534b144c1caaa32341', name: "close" }))), index.h("smoothly-input-clear", { key: '2537a9131a34c39dafd38004ec4c3a96c521b850', fill: "default", type: "form", color: "danger", slot: "submit" }, "Clear")), index.h("h2", { key: '3d8a7abcb337fa1c9eb6baf59f921e53c061dc55' }, "Identifier"), index.h("smoothly-form", { key: 'c7e0b6c3be93adb8a329a69b7234e73fe7236a0f', looks: "border" }, index.h("smoothly-input", { key: 'd180d2257bc0522afba201710e850b1107e2fd8d', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: '7f45b6b70997a619eced6fe33e6d2459871f3509', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: 'ea6bcfe2b18af77b7a8d1ecbd790a6b00cfd82fe', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: 'cee1b93ef0512675c6eef8276160d0da5e76a0fb', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: 'a8d160a381f221668152f60447054941d1e5965a', type: "identifier-camel" }, "Camel")), index.h("h2", { key: '2457e70f5e54b15d1ab6dd8256c6824f532ead84' }, "Border"), index.h("smoothly-form", { key: '2be67f8c649dae44ca358c3cffcca1403b433d14', looks: "border" }, index.h("smoothly-input", { key: '17269855eb28a942ce2f136a96753c17282651c7', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: 'ed1f392cb9a57a727e890fbad23132c1495cc867', type: "password", name: "password" }, "Password"), index.h("smoothly-submit", { key: '05c1d30b13d292170951d9fd74c577df47359ce6', slot: "submit", onSubmit: (e) => alert(e), color: "success", fill: "solid" }, "Send")), index.h("h2", { key: '6236440e910c56c858a97bb3fc9a54781718ebb8' }, "Grid"), index.h("h4", { key: '2fc654a177f46bf196872ece771063c701835c58' }, "Contact"), index.h("smoothly-form", { key: '571bfdcb7e9590cc8704239224ebeca1de8dab62', looks: "grid", action: "https://webhook.site/85bb78f6-b450-4a74-81ac-d7cac6e94bbe" }, index.h("smoothly-input", { key: '0db7fa04eaab029b5f6405be0ab748402b3376b4', type: "text", name: "name.last" }, "First Name"), index.h("smoothly-input", { key: '2126fd9ad27fc315d22cdfbe4eebf687d2521f7b', type: "text", name: "name.first" }, "Last Name"), index.h("smoothly-input", { key: '41ba234d80185d4480f3772e5a7b5af3c20c17a0', type: "text", name: "street", value: "Torgny Segerstedts All\u00E9 87" }, "Street"), index.h("smoothly-input", { key: '3d3a01a557e1dc154b8e74ea572796a2ea500e24', type: "postal-code", name: "zip" }, "ZipCode"), index.h("smoothly-input", { key: '5bd602a81264c3d2d8df035c352ccd7a9e444fa8', type: "text", name: "city" }, "City"), index.h("smoothly-input", { key: '51c1ce09027d1451424ab7f8ecd556660d76dad4', type: "text", name: "countryCode" }, "CountryCode"), index.h("smoothly-input", { key: '7effd3266f1b61775a1980805c91fca001570a19', type: "phone", name: "phone" }, "Phone"), index.h("smoothly-input", { key: 'db94cdfd33f9be1cf6b9f6b3018f08756380d070', type: "email", name: "email" }, "Email"), index.h("smoothly-submit", { key: '5006e9821e5bce7b6f8acdc43770119c5ead79e0', slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: '11fe010a04fef989eac53bb33256042cf29ec493', name: "checkmark-circle", slot: "start" }), "Submit")), index.h("h4", { key: '6a22b407b4b1f2011a888655b09542cdbb2ceb6e' }, "Card"), index.h("smoothly-form", { key: 'a052deb7937d21d7a70682b6e267b69b8bfa3801', looks: "grid", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)) }, index.h("smoothly-input", { key: '53f7e65b4fcf20e5c038b45282bed5807e40cbff', type: "card-number", name: "card" }, "Card #"), index.h("smoothly-submit", { key: 'bcc8d7ca217abe2c5bc8ce11f7cf2179e0cd71ae', size: "icon", slot: "submit", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'b334bcab78ce0561446359656af7d24bd4e2d1bf', name: "checkmark-circle" })), index.h("smoothly-input", { key: 'f7d82517af6cd62619afa162145bb6458eef2c85', type: "card-expires", name: "expires" }, "Expires"), index.h("smoothly-input", { key: '673e7d80c04949c7cecc8a6dac9a9e208092343f', type: "card-csc", name: "csc" }, "CVV/CVC"), index.h("smoothly-input", { key: '171822c46f19c4a751b1dbb9c81f5dc0b2db49d3', type: "text", name: "name.first" }, "First Name"), index.h("smoothly-input", { key: '6c89bcf1a0eb2859c34ae0ff4b7675a0aa811994', type: "text", name: "name.last" }, "Last Name")), index.h("h4", { key: '3ab83d68c0e42ac83248cd95d66348e6adcd4ada' }, "Contact"), index.h("smoothly-form", { key: '24da6fc1450a5d956e5d9874a42f454d026ca28b', looks: "grid" }, index.h("smoothly-input", { key: 'b3a7fbe3d2fb7c2dd3288b2a72db2460b9d51a31', type: "email", name: "email" }, "Email"), index.h("smoothly-input", { key: '7796c4bc4cb5bc432a042863f312b33c681996d8', type: "password", name: "password" }, "Password"), index.h("smoothly-input", { key: 'fb6f5e5db422dd2a8dc75a6e6ec990aee44296c9', type: "price", currency: "SEK", name: "price" }, "Price"), index.h("smoothly-input", { key: '18a92ec4e0fe505b04b01328f13ac1e5159acc40', type: "percent", name: "percent" }, "Percent"), index.h("smoothly-submit", { key: '3c3973d98b2e69ecff60d17b474901ffd3a1f5a5', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'c85748f0c839c75073943eda28c0aa224fa2740a', name: "checkmark-circle" }))), index.h("h4", { key: 'f6bd95907222b123809f41d51928fba1e5d330fd' }, "Random"), index.h("smoothly-form", { key: '5f30c09752aab49b333cc2901a29acf9447af0c0', looks: "grid" }, index.h("smoothly-input", { key: '49f96490d68b0a339d2d50560e13194039894777', type: "text", name: "name", readonly: true, value: "Readonly", onSmoothlyBlur: () => console.log("smoothly blur"), style: { width: "100%" } }, "Readonly"), index.h("smoothly-input", { key: '9e44949a048073c5c3300d42b76b4ac51adcfcd7', type: "text", name: "testing" }, "TextTest"), index.h("smoothly-input", { key: '09f6dfcb1b782ebdb0b440fbfa3664f8a259ad15', type: "date-time", name: "date-time" }, "Date-Time"), index.h("smoothly-input", { key: 'a3ab7783cc3be23300d5cd8cb92263a692957354', type: "divisor", name: "divisor" }, "Divisor"), index.h("smoothly-input", { key: '70b8a436b9f2b26f9306696e066f9ab91bc6849f', type: "date", name: "date" }, "Date"), index.h("smoothly-input-date", { key: 'ce94dac3faa6593e4ea965824121d8afa0687083', name: "some-date" }, "Calendar")), index.h("h2", { key: '383622d352a813cb09094c698f35ded33073047b' }, "Line"), index.h("smoothly-form", { key: 'bf32052de3c904ecebd57d981a3d052f792a6330', looks: "line", action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '0a686decbc6274e395792893ec2111cf4e438027', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, "First Name"), index.h("smoothly-input", { key: '7fa0197bdda58147d1fabeb066e726ca6a51dad2', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name"), index.h("smoothly-submit", { key: '5147caf48d0a3a2e19bed81f793b4800528690a4', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h2", { key: '3d96525421f29903f6d84ae66b919aad774a801e' }, "Input Alternatives"), index.h("smoothly-form", { key: '3c35f4e649eff4507484e3d4f88baa03eca2ffeb', looks: "border" }, index.h("smoothly-input", { key: '4fa1eed048c81449ff82adf3ea44fd55de7186db', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '21f8e22d3f2afdb27d39e20d80c3009911801309', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: 'bb0963d417d79c8a1d0c658aeedce345df31d6e0', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: 'afcaf18b4db4fce998e71366b728b37d26cf1204', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'd0f36db6c85c7e13f6e9039a7142558ae0c52d12', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '86cad63066de3b501cf143eb9c35062c5d484adf', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: 'd71286c3fd1d31425a79ce84fea628830c9c99bd', placeholder: "test" }), index.h("smoothly-submit", { key: '976bb657a1ed6c7b537383c38507b56b6910ce87', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }, "Send")), index.h("h4", { key: '405487acd0a0e5094b75167a00011e7e00e24b78' }, "Smoothly checkboxes"), index.h("smoothly-form", { key: '480e24e50db2bd0d2e70e1aa045b75577cacdf6e' }, index.h("div", { key: 'f3e773abfbeffbd08a85e2b2e4f1774a394d8038', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: 'f61f314a484bd1a744cc892e2db216530f67e5d7', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '50259b821f39fe65a3f1c5a24871a5c732afa250', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '6444a3d99f3235749c306b3f98b981257e7eccb2', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: 'a7d20d0dd7301138c6d6479e30c8aa9df3937a92', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '9ee47e6bbe72e176aac4e8ba5407327e3a21b6a4', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '37c3c60066a74a83e7ed0a14664b78ec905f466e', name: "close" }))), index.h("smoothly-input-checkbox", { key: '95d7db32ced1bb000ff901de271dce632b94e8e1', name: "third-checkbox" }, "3rd"))), index.h("h4", { key: '78f23442799f9624faae9768f5bc2efd7b34f27c' }, "Smoothly Radio Buttons"), index.h("smoothly-form", { key: 'e8d8ae6ec5e75d2f9ae465835c5db8053fe7d9db', onSmoothlyFormSubmit: e => console.log(e.detail), looks: "border" }, index.h("smoothly-input-radio", { key: '00aedeb1e182514696b657be40bbb0901b23e12e', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: 'ea65c52eb26b86521cba4bbd7d14e0fbc7fc80bb', name: "checkmark-circle", slot: "start" }), index.h("smoothly-input-clear", { key: 'd4e8698c74bebc2cba31e9fdbf751fb42db44fcb', size: "icon", slot: "end" }, index.h("smoothly-icon", { key: '7db875cc3a734ab4b43bf1bbca681cb6681dd291', name: "close" })), index.h("p", { key: '2b83bc9bd15ad61644a25b4cee89910c66de80b4', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '329455fdf4d3019dfefc628b985d17b23c638e95', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '6bbc953eec5c7e33ca7745de1a71f8b7ee706146', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'ba3a85c955933d7248ba3d1e7cdbfb3be5694bf2', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-radio", { key: 'b26c01373c5b9071dc35d4b372211f8b4aaba296', name: "radioSecondInput" }, index.h("p", { key: '805948f31c16a1444c552de61b3bb9e994c1b23e', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: '0cb9f631d88b98c79dd6e8e02156de5df4968d12', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'eaa0fe4376f9239181012d7941a39ad6e5d3e2f0', slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'b4f8c3f1fc4cde12c1d7fdfb199e11703897ea24', slot: "options", value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '50afeaecd1d04c65b68ae4dd84153c0e5ed20d52', slot: "options", value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: '526fe8533f9c8e0b2eb3335769100b62d6c0f43b', slot: "options", value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: 'c23449647736656a51538d7710152179304914db', slot: "options", value: "sixth" }, "Label 6"))), index.h("h4", { key: '4b19a8fa942ac26d41de03baa9a70cf014ae6399' }, "Smoothly Picker"), index.h("smoothly-picker-demo", { key: '6d16ecf62c0c863481f63238a9ec527537d4fab8' }), index.h("smoothly-back-to-top", { key: 'e014710f61277c628ec5790d348f77ae5681f230' }), index.h("h4", { key: '0a75d5774262f1c87eddf06b063e20bd6085918b' }, "Smoothly Date"), index.h("smoothly-input-date", { key: 'e3335e7219faeab5c43ad4dac608a15fda8f600c' }, "Date"), index.h("smoothly-input-date", { key: 'd4b4dc0825581553d8436ea4c64c195bbab038d8', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-form", { key: '442926954be7c2ba9ae24a9a5e7c19bd898bb609', looks: "grid", onSmoothlyFormSubmit: e => console.log(e.detail) }, index.h("smoothly-input-date-range", { key: 'a840bae25edcc915e90e2e6c1b942fe34a3da03e', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2024-12-30" }), index.h("smoothly-input-clear", { key: '675a88c021ddabd9777639f16542daa43e14e404', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: '5d0ef6370b7a97d41bdca9def638a6cdd71793da', slot: "submit" }, "submit daterange")), index.h("smoothly-input-date-range", { key: '2ac710d1aff59db2aad078a6f2e31bdcc0e93050', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9218
9218
|
"--border-radius": "4px",
|
|
9219
9219
|
"--padding": "0 0.75em",
|
|
9220
9220
|
"--input-width": "12ch",
|
|
9221
|
-
} }), index.h("smoothly-form", { key: '
|
|
9221
|
+
} }), index.h("smoothly-form", { key: '0981988e621ef245752bbf9d5eea19fbd05b124b', looks: "grid", onSmoothlyFormSubmit: e => console.log("Submitted", e.detail) }, index.h("smoothly-input", { key: '49ee6655ee1462db6e85d664e5934dff8cf063f2', type: "text", name: "text" }, "Text"), index.h("div", { key: 'db00356b998739c3f3bfe1be5a089277b58dfba7' }, index.h("smoothly-input-file", { key: '6729ff8d28964a9ff8fd7fadb0bdb32c20f4a956', placeholder: "Select or drag a file here", name: "file" }, index.h("span", { key: 'f9f8fc9aa5b08a1898c407d5017c70832b297ceb', slot: "label" }, "Testing file input"), index.h("smoothly-icon", { key: '23c0f175eed3a12ebb97355138795549d87c50a0', slot: "button", name: "folder-outline" }))), index.h("smoothly-input-file", { key: 'b6b4d8b26a0c918f88cf10b8066d73056d017bc5', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: 'f4d456b0405687f2b1df4c46a3dd91f33d4d0a10', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: '4451f82ae575cefb772058bc2ad51b024cbf2664', slot: "button", name: "camera-outline" })), index.h("smoothly-input-clear", { key: '27e17973348da77f9f78635d6f583f90d7e45d32', type: "form", color: "danger", fill: "solid", slot: "clear" }, "Clear"), index.h("smoothly-submit", { key: 'cda8ecea0dd7d84d5c68804aea5122e95e6162a4', slot: "submit" }, "Submit")), index.h("br", { key: '225ccc89c451d40a8e503592eda4f85c51c75013' }), index.h("smoothly-form", { key: 'f98006ffdcc8965b879a0781be9ecc41ccd91637', looks: "line", onSmoothlyFormSubmit: e => console.log("form input", e.detail) }, index.h("smoothly-input", { key: '4bde2d683e68ca375951d9e7efde849b9f9d4e3f', name: "text" }, "Input"), index.h("smoothly-input-file", { key: '61039e5ffbca6c1eea95de27ac9a4d9663008398', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: '2a84875c24189e8677c56490e9330ab738a64756', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: 'ff084e4ee65d3c27eeb4cb9d5bda0b0766c28e63', slot: "button", name: "camera-outline" })), index.h("smoothly-picker", { key: 'bb6217cf118d8745cbabfd388945ebbab325b2a3', name: "picker" }, index.h("span", { key: '950ab2cb8e6eabfbd83f8179e3d5a6ae09e7c6b5', slot: "label" }, "Shape"), index.h("span", { key: '893f13cb97b6a5295156f32ded8e28bf2ac60f2f', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: '40f65b1693557d54e0bf0563af3922f344eb8e57', value: "circle" }, index.h("span", { key: '6618c4b84fde18e238d012c9f73b68fc403e5616', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: '39026cc48abd83dbd64c08d0140706faa18d0906', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: 'bfebed18fae755e080326f0c1aa43d7d6395d8c3', value: "cube" }, index.h("span", { key: '7b0f6216b7909e8fbe07c7e171ac5fcd8d775898', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: '209d539842a271f827d470211081ae2027adab22', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: 'b4f4599f5cdc390be458551308d6496437e84327', value: "square", selected: true }, index.h("span", { key: 'e1c8a8b52eb7247e943ea832ce40750fcd4b2ba2', slot: "label" }, "Square"), index.h("smoothly-icon", { key: 'b81a9b4d4689db0c9bca15ed021cc36d617bac19', size: "tiny", name: "square-outline" }))), index.h("smoothly-input-select", { key: '3cac930ddf5b7b154b04e488103972c5cf19e548', name: "select", placeholder: "Select...", menuHeight: "7.5items" }, index.h("smoothly-item", { key: '20e4a0f055d0b3877c6c5972e5fc14baa3dab04a', value: "1" }, "January"), index.h("smoothly-item", { key: 'f9e2e8d39b4d598464fe8cacd6b4b8886411e65e', value: "2" }, "February"), index.h("smoothly-item", { key: '1ad21722b4aae96fbce0739632709bfd776013c5', value: "3" }, "March"), index.h("smoothly-item", { key: '2ecd1e24e91de09209d1bc137556d1781f253cd6', value: "4" }, "April"), index.h("smoothly-item", { key: 'd08faa5435520f308d75d22b550cecbbf43154db', value: "5" }, "May"), index.h("smoothly-item", { key: '3bc14be4a4636d94ddd4583b86cd4b51937c45a1', value: "6" }, "June"), index.h("smoothly-item", { key: 'ff077799d81ea44a148004b224e7ca3855f08733', value: "7" }, "July"), index.h("smoothly-item", { key: 'cbd02e6b745d538bf17677ce920d3b0942301eb8', value: "8" }, "August"), index.h("smoothly-item", { key: 'e7c973db3dd79e072eb398e6ead5e56a9b862619', value: "9" }, "September"), index.h("smoothly-item", { key: 'eead86f2ed007adb21bc36a184d42cf01fd60476', value: "10" }, "October"), index.h("smoothly-item", { key: 'e187ad4b01eb736e99a54aabedd5b98cb8b0d785', value: "11" }, "November"), index.h("smoothly-item", { key: '6792dc97b4c7c6066c82f04f7971a8d29263ae6e', value: "12" }, "December")), index.h("smoothly-input-date-range", { key: '5784af08fe8808020c637bc174ac6561b8e81cd7', name: "date-range", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9222
9222
|
"--border-radius": "4px",
|
|
9223
9223
|
"--padding": "0 0.75em",
|
|
9224
9224
|
"--input-width": "12ch",
|
|
9225
|
-
} }), index.h("smoothly-input-date", { key: '
|
|
9225
|
+
} }), index.h("smoothly-input-date", { key: '5c6bad8002fe12d26f33955e9b72f48a1d20519e', name: "date", value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-submit", { key: '702de8b37504ee02e03ea25c717e2b4a34146fc9', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: 'cf7ed420dc41275b9fe46aa8671e3c191d8d2d5e', name: "checkmark-circle", fill: "solid", size: "medium" }))), index.h("h4", { key: '812c04a284f6398a02d52340deefdca9cde32a22' }, "Form with spinner showcase"), index.h("smoothly-form", { key: '008789b49d77988611bdc59ce9580667cdcbfaf5', looks: "line", onSmoothlyFormSubmit: e => console.log("form input", e.detail) }, index.h("smoothly-input", { key: 'eb54595ea3593cc36dbc265757d0402a6fe74512', name: "text" }, "Input"), index.h("smoothly-input-file", { key: '08be335e1688507d0bc9b479b074d78ac631f525', camera: "back", placeholder: "Capture a photo", name: "image" }, index.h("span", { key: '728e52559e9b760de803a1bca0b342ea55453679', slot: "label" }, "Testing camera photo"), index.h("smoothly-icon", { key: '896a835ef04074281241453c1fd01b80fcaa5a16', slot: "button", name: "camera-outline" })), index.h("smoothly-picker", { key: '0b3d03faa0e51ad8c4009d4e1e1d228cd73d74d4', name: "picker" }, index.h("span", { key: 'e045ac115cfaaf6de3ec0b08762571af04413b1b', slot: "label" }, "Shape"), index.h("span", { key: '71f502d593166849faef4a171685306b12f31f59', slot: "search" }, "Search"), index.h("smoothly-picker-option", { key: 'f9c78a2262b680137325b2804403ba47b3410a1e', value: "circle" }, index.h("span", { key: '68ca431c6a946f7cd60169e024283a7a0d6f206e', slot: "label" }, "Circle"), index.h("smoothly-icon", { key: '8ecfc68cb77530da99053fd9aa1d34e218db1c8d', size: "tiny", name: "ellipse-outline" })), index.h("smoothly-picker-option", { key: 'a2e36e893eac7118970c77c4b5b0b777169b10a3', value: "cube" }, index.h("span", { key: 'bbef0023515fcc5dd547732b89be617271cbb36f', slot: "label" }, "Cube"), index.h("smoothly-icon", { key: 'a55bfc86664280256138b5d205d10d55e99ea4e6', size: "tiny", name: "cube-outline" })), index.h("smoothly-picker-option", { key: '071b26fa2bc20d4e1c7d31654a00e207499bab76', value: "square", selected: true }, index.h("span", { key: 'ad0b867247450a6ef81fda27e6e805aff85ec211', slot: "label" }, "Square"), index.h("smoothly-icon", { key: '131090f1c61f4230f4b6466554d141fef318d050', size: "tiny", name: "square-outline" }))), index.h("smoothly-input-select", { key: '93c533ce64302e46818f5636edcc2ef403f1c63a', name: "select", placeholder: "Select..." }, index.h("smoothly-item", { key: '570ecaa08653899d14e294a2f1946168ad6eb2a1', value: "1" }, "January"), index.h("smoothly-item", { key: 'f6d9c0a7a38c1cd1b2316e9175c566b0123b5a15', value: "2" }, "February"), index.h("smoothly-item", { key: '1f4c07b757429424f0530f51a55a98e8bcecb8a6', value: "3" }, "March"), index.h("smoothly-item", { key: '1c24a185449508044ede71d455f0c2a738d4e556', value: "4" }, "April"), index.h("smoothly-item", { key: 'b8864c168070cdfabbb31f02927af65fd02d87c4', value: "5" }, "May"), index.h("smoothly-item", { key: '2eca3b5e44705bdc1bfdaa1bfb93668618bf9e2c', value: "6" }, "June"), index.h("smoothly-item", { key: 'ced8424004fbde72eae78a66356961a661be756e', value: "7" }, "July"), index.h("smoothly-item", { key: '512692a36d90f55728a49200c027b6341a47392b', value: "8" }, "August"), index.h("smoothly-item", { key: 'c9b0a2cdb883c7bc540f144b0d8f4359c744e3fb', value: "9" }, "September"), index.h("smoothly-item", { key: 'f0bd1927be294abf0c1c653977d3a77600e533a8', value: "10" }, "October"), index.h("smoothly-item", { key: 'e6e70991c2995ce86d06ddc03174a5314642ee7c', value: "11" }, "November"), index.h("smoothly-item", { key: 'c390cff88580f18b0f898ba0684607783631d8a5', value: "12" }, "December")), index.h("smoothly-input-date-range", { key: '98a77c1d512c1c76cd5aaa452bb244b23791104e', name: "date-range", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9226
9226
|
"--border-radius": "4px",
|
|
9227
9227
|
"--padding": "0 0.75em",
|
|
9228
9228
|
"--input-width": "12ch",
|
|
9229
|
-
} }), index.h("smoothly-input-date", { key: '
|
|
9229
|
+
} }), index.h("smoothly-input-date", { key: 'bc4921fe30d08ae8803d618cb3507bda9cb625a3', name: "date", value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-submit", { key: 'ee643eb3740093af7dd49673ca9b1aead7346569', slot: "submit", color: "success", fill: "solid", size: "icon" }, index.h("smoothly-icon", { key: '7feb190528d54682b4bdfd961f19499f21c448b2', name: "checkmark-circle", fill: "solid", size: "medium" })))));
|
|
9230
9230
|
}
|
|
9231
9231
|
};
|
|
9232
9232
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|
|
@@ -9311,7 +9311,7 @@ const SmoothlyInputEdit = class {
|
|
|
9311
9311
|
};
|
|
9312
9312
|
SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
|
|
9313
9313
|
|
|
9314
|
-
const styleCss$Z = ".sc-smoothly-input-file-h{box-sizing:border-box}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--
|
|
9314
|
+
const styleCss$Z = ".sc-smoothly-input-file-h{box-sizing:border-box}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-file-h[looks=\"grid\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem;column-gap:1ch}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--smoothly-input-foreground));cursor:inherit}.sc-smoothly-input-file-h>label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>span.sc-smoothly-input-file{cursor:pointer}";
|
|
9315
9315
|
const SmoothlyInputFileStyle0 = styleCss$Z;
|
|
9316
9316
|
|
|
9317
9317
|
const SmoothlyInputFile = class {
|
|
@@ -9411,7 +9411,7 @@ const SmoothlyInputFile = class {
|
|
|
9411
9411
|
};
|
|
9412
9412
|
SmoothlyInputFile.style = SmoothlyInputFileStyle0;
|
|
9413
9413
|
|
|
9414
|
-
const styleCss$Y = ".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;pointer-events:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month:hover,.sc-smoothly-input-month-h>div.sc-smoothly-input-month>smoothly-input-select.sc-smoothly-input-month>*.sc-smoothly-input-month:hover{cursor:pointer}";
|
|
9414
|
+
const styleCss$Y = ".sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;pointer-events:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month:hover,.sc-smoothly-input-month-h>div.sc-smoothly-input-month>smoothly-input-select.sc-smoothly-input-month>*.sc-smoothly-input-month:hover{cursor:pointer}";
|
|
9415
9415
|
const SmoothlyInputMonthStyle0 = styleCss$Y;
|
|
9416
9416
|
|
|
9417
9417
|
const SmoothlyInputMonth = class {
|
|
@@ -9502,7 +9502,7 @@ const SmoothlyInputMonth = class {
|
|
|
9502
9502
|
};
|
|
9503
9503
|
SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
|
|
9504
9504
|
|
|
9505
|
-
const styleCss$X = ".sc-smoothly-input-radio-h{box-sizing:border-box}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--
|
|
9505
|
+
const styleCss$X = ".sc-smoothly-input-radio-h{box-sizing:border-box}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-radio-h[looks=\"grid\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-radio-h{padding:.4em;background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio{display:flex;width:100%;align-items:center;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio>div.sc-smoothly-input-radio{align-items:center;display:flex;justify-content:right;width:100%;flex-wrap:wrap;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio-s>p{margin:0 0 0 0.2em;white-space:nowrap}";
|
|
9506
9506
|
const SmoothlyInputRadioStyle0 = styleCss$X;
|
|
9507
9507
|
|
|
9508
9508
|
const SmoothlyInputRadio = class {
|
|
@@ -9632,7 +9632,7 @@ const SmoothlyInputRadioItem = class {
|
|
|
9632
9632
|
};
|
|
9633
9633
|
SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
|
|
9634
9634
|
|
|
9635
|
-
const styleCss$V = ".sc-smoothly-input-range-h{box-sizing:border-box}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--
|
|
9635
|
+
const styleCss$V = ".sc-smoothly-input-range-h{box-sizing:border-box}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-range-h[looks=\"grid\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));padding:0 .4em}.sc-smoothly-input-range-h .sc-smoothly-input-range:nth-child(2){margin-left:0.2em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:1.1em 0 .1em 0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>output.sc-smoothly-input-range{min-width:4em;text-align:center;margin-left:.5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:absolute;display:block;white-space:nowrap;text-align:center;top:.5em;left:0;font-size:.6em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:left;padding-right:.5em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>output.sc-smoothly-input-range{order:3;margin:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer;margin-top:-.45em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}";
|
|
9636
9636
|
const SmoothlyInputRangeStyle0 = styleCss$V;
|
|
9637
9637
|
|
|
9638
9638
|
const SmoothlyInputRange = class {
|
|
@@ -9763,7 +9763,7 @@ var Item;
|
|
|
9763
9763
|
Item.is = Item.type.is;
|
|
9764
9764
|
})(Item || (Item = {}));
|
|
9765
9765
|
|
|
9766
|
-
const styleCss$T = ".sc-smoothly-input-select-h{box-sizing:border-box}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--
|
|
9766
|
+
const styleCss$T = ".sc-smoothly-input-select-h{box-sizing:border-box}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-select-h[looks=\"grid\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;min-height:2.7em;display:flex;cursor:default;padding:.7em;overflow:hidden;width:100%;white-space:nowrap;gap:1em;text-overflow:ellipsis}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center;margin-right:.4em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label]{position:absolute;left:0.4em;top:0.6em;opacity:0.8;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h:not(.has-value)[placeholder].sc-smoothly-input-select-s>[slot=label]{top:0.4em;transform:scale(0.6)}.has-value.sc-smoothly-input-select-h:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h:not([in-calendar]).has-value:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([in-calendar]):not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{padding-bottom:.1em;padding-left:.8em;padding-top:1.1em}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background))}[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-1px);border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--text-color, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-2px);border:rgba(var(--text-color, var(--smoothly-color-contrast)), .5) solid 2px;border-top:rgba(var(--text-color, var(--smoothly-color-contrast)), .2) solid 2px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
|
|
9767
9767
|
const SmoothlyInputSelectStyle0 = styleCss$T;
|
|
9768
9768
|
|
|
9769
9769
|
const SmoothlyInputSelect = class {
|
|
@@ -10074,7 +10074,7 @@ const SmoothlyInputSubmit = class {
|
|
|
10074
10074
|
};
|
|
10075
10075
|
SmoothlyInputSubmit.style = SmoothlyInputSubmitStyle0;
|
|
10076
10076
|
|
|
10077
|
-
const styleCss$R = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-
|
|
10077
|
+
const styleCss$R = "[selected].sc-smoothly-item-h{background-color:rgb(var(--smoothly-input-selected));color:rgb(var(--smoothly-input-selected-contrast))}.sc-smoothly-item-h{padding:0.5em;cursor:pointer;border:rgb(var(--smoothly-input-border) solid 1px);color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-item-h.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}[marked].sc-smoothly-item-h,.sc-smoothly-item-h:hover{background-color:rgb(var(--smoothly-input-hover));color:rgb(var(--smoothly-input-hover-contrast));fill:rgb(var(--smoothly-input-hover-contrast));stroke:rgb(var(--smoothly-input-hover-contrast))}.sc-smoothly-item-h:hover.sc-smoothly-item-s>*{color:rgb(var(--smoothly-input-hover-contrast));fill:rgb(var(--smoothly-input-hover-contrast));stroke:rgb(var(--smoothly-input-hover-contrast))}";
|
|
10078
10078
|
const SmoothlyItemStyle0 = styleCss$R;
|
|
10079
10079
|
|
|
10080
10080
|
const SmoothlyItem = class {
|
|
@@ -11599,7 +11599,7 @@ const Notifier = class {
|
|
|
11599
11599
|
};
|
|
11600
11600
|
Notifier.style = SmoothlyNotifierStyle0;
|
|
11601
11601
|
|
|
11602
|
-
const styleCss$v = ".sc-smoothly-picker-h{box-sizing:border-box}.sc-smoothly-picker-h[looks=\"border\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-picker-h{border:rgb(var(--
|
|
11602
|
+
const styleCss$v = ".sc-smoothly-picker-h{box-sizing:border-box}.sc-smoothly-picker-h[looks=\"border\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-picker-h[looks=\"line\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-picker-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-picker-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-picker-h[looks=\"grid\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-picker-h{border:none}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within)>input.sc-smoothly-picker{background:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:1em 0.7em 0.2em 0.8em;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-picker-h>smoothly-slot-elements.sc-smoothly-picker{white-space:nowrap}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker{position:relative;display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:0;width:2ch}.sc-smoothly-picker-h:not([looks=transparent])>smoothly-slot-elements.selected.sc-smoothly-picker::after{background:linear-gradient(90deg, rgba(var(--smoothly-input-background), 0) 0%, rgba(var(--smoothly-input-background), 1) 100%)}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker>*.sc-smoothly-picker{display:none}.sc-smoothly-picker-h>span.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--smoothly-input-foreground));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker:not(:empty)+span.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}";
|
|
11603
11603
|
const SmoothlyPickerStyle0 = styleCss$v;
|
|
11604
11604
|
|
|
11605
11605
|
const SmoothlyPicker = class {
|
|
@@ -11786,7 +11786,7 @@ const SmoothlyPickerDemo = class {
|
|
|
11786
11786
|
};
|
|
11787
11787
|
SmoothlyPickerDemo.style = SmoothlyPickerDemoStyle0;
|
|
11788
11788
|
|
|
11789
|
-
const styleCss$t = ".sc-smoothly-picker-menu-h{display:flex;flex-direction:column;gap:0.5rem;position:absolute;z-index:4;left:-1px;right:-1px;min-width:max-content;background-color:rgb(var(--
|
|
11789
|
+
const styleCss$t = ".sc-smoothly-picker-menu-h{display:flex;flex-direction:column;gap:0.5rem;position:absolute;z-index:4;left:-1px;right:-1px;min-width:max-content;background-color:rgb(var(--smoothly-input-background));padding:0.5rem;border:rgb(var(--text-color, var(--smoothly-color-contrast))) solid 1px}.sc-smoothly-picker-menu-h:not(.flip){top:100%}.flip.sc-smoothly-picker-menu-h{bottom:100%}.sc-smoothly-picker-menu-h:not([open]){display:none}.sc-smoothly-picker-menu-h>div.list.sc-smoothly-picker-menu{display:grid;grid-template-columns:auto 1fr auto;align-items:center;row-gap:0.5ch;overflow-y:auto;max-height:calc(1.75rem * 10 + 0.5ch * 9);padding-right:0.5rem;padding-bottom:0.25rem}.sc-smoothly-picker-menu-h>.hide.sc-smoothly-picker-menu{display:none}.sc-smoothly-picker-menu-h>div.controls.sc-smoothly-picker-menu{display:grid;grid-template-columns:1fr auto;gap:0.5rem;transition:grid-template-columns 200ms linear}.sc-smoothly-picker-menu-h>div.controls.sc-smoothly-picker-menu>button.sc-smoothly-picker-menu:disabled{opacity:0.3}";
|
|
11790
11790
|
const SmoothlyPickerMenuStyle0 = styleCss$t;
|
|
11791
11791
|
|
|
11792
11792
|
const Observers = index$1.global().Observers;
|