smoothly 1.16.0 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/smoothly-app_99.cjs.entry.js +10 -9
- package/dist/cjs/smoothly-app_99.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/date/time/index.js +6 -5
- package/dist/collection/components/input/date/time/index.js.map +1 -1
- package/dist/collection/components/input/demo/index.js +4 -4
- package/dist/collection/components/input/demo/index.js.map +1 -1
- package/dist/components/{p-601d4fcc.js → p-0f172b43.js} +2 -2
- package/dist/components/{p-601d4fcc.js.map → p-0f172b43.js.map} +1 -1
- package/dist/components/{p-298b33fe.js → p-29e1b4f3.js} +8 -8
- package/dist/components/p-29e1b4f3.js.map +1 -0
- package/dist/components/{p-62d76797.js → p-6ca55f53.js} +3 -3
- package/dist/components/{p-62d76797.js.map → p-6ca55f53.js.map} +1 -1
- package/dist/components/{p-3bc98439.js → p-9598a8c3.js} +7 -6
- package/dist/components/p-9598a8c3.js.map +1 -0
- package/dist/components/{p-9fb82b7f.js → p-bc061caa.js} +2 -2
- package/dist/components/{p-9fb82b7f.js.map → p-bc061caa.js.map} +1 -1
- package/dist/components/smoothly-app-demo.js +5 -5
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-input-date-time.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/esm/smoothly-app_99.entry.js +10 -9
- package/dist/esm/smoothly-app_99.entry.js.map +1 -1
- package/dist/smoothly/{p-4ce2b8a4.entry.js → p-1082c0c7.entry.js} +2 -2
- package/dist/smoothly/{p-4ce2b8a4.entry.js.map → p-1082c0c7.entry.js.map} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-298b33fe.js.map +0 -1
- package/dist/components/p-3bc98439.js.map +0 -1
|
@@ -9764,6 +9764,7 @@ const SmoothlyInputDateTime = class {
|
|
|
9764
9764
|
this.smoothlyInputLoad.emit(parent => (this.parent = parent));
|
|
9765
9765
|
!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
|
|
9766
9766
|
this.observer.publish();
|
|
9767
|
+
this.valueChange(this.value);
|
|
9767
9768
|
}
|
|
9768
9769
|
async disconnectedCallback() {
|
|
9769
9770
|
if (!this.element.isConnected)
|
|
@@ -9846,22 +9847,22 @@ const SmoothlyInputDateTime = class {
|
|
|
9846
9847
|
this.changed = false;
|
|
9847
9848
|
}
|
|
9848
9849
|
render() {
|
|
9849
|
-
return (index.h(index.Host, { key: '
|
|
9850
|
+
return (index.h(index.Host, { key: '7f10ecf3cd527d11b3403e0544461203302e35bb' }, index.h("smoothly-input", { key: 'ee3c4e651c7ac2dee043de41dbe1df6ace4d18ee', color: this.color, looks: this.looks == "transparent" ? this.looks : undefined, name: "date", onFocus: () => !this.readonly && !this.disabled && (this.open = !this.open), onClick: () => !this.readonly && !this.disabled && (this.open = !this.open), readonly: this.readonly, disabled: this.disabled, type: "date", value: this.date, showLabel: this.showLabel, onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9850
9851
|
e.stopPropagation();
|
|
9851
9852
|
this.date = e.detail.date;
|
|
9852
|
-
} }, index.h("slot", { key: '
|
|
9853
|
+
} }, index.h("slot", { key: '2eadf286b3d52e5d71a03f5938d82fb9d7933e0b' })), index.h("smoothly-input", { key: 'ed277c8fadf8ab3290cd763e2c2b8e0c2d58d27d', name: "hour", type: "integer", max: 23, pad: 2, value: this.hour, readonly: this.readonly, disabled: this.disabled, placeholder: "hh", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9853
9854
|
e.stopPropagation();
|
|
9854
9855
|
this.hour = e.detail.hour;
|
|
9855
|
-
} }), index.h("span", { key: '
|
|
9856
|
+
} }), index.h("span", { key: 'c23863ead234dbed6d6f35bc507d153eaf458068', class: "colon" }, ":"), index.h("smoothly-input", { key: 'a3cc30652291520b946d1e2b59bf43f8f92e2299', name: "minute", type: "integer", max: 59, pad: 2, value: this.minute, readonly: this.readonly, disabled: this.disabled, placeholder: "mm", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
|
|
9856
9857
|
e.stopPropagation();
|
|
9857
9858
|
this.minute = e.detail.minute;
|
|
9858
|
-
} }), index.h("span", { key: '
|
|
9859
|
+
} }), index.h("span", { key: '7fd01be380f7bab89f4f1b591d7d664e02833faf', class: "icons" }, index.h("smoothly-icon", { key: '2ddae3a3e39130641e060c16f56c860b0834e871', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), index.h("slot", { key: '95145be65d6367ea30b5025a66b53017e1ccda88', name: "end" })), this.open && !this.readonly && (index.h("nav", { key: 'bccd852edd3653a2c58587b9cd880a3617ea503a' }, index.h("smoothly-calendar", { key: '1451fdfcb5b19d767077c3cabb0f86f929622454', doubleInput: false, value: this.value ? TimeZone.DateTime.getDate(this.value) : undefined, min: this.min ? TimeZone.DateTime.getDate(this.min) : undefined, max: this.max ? TimeZone.DateTime.getDate(this.max) : undefined, onSmoothlyValueChange: e => {
|
|
9859
9860
|
this.date = e.detail;
|
|
9860
9861
|
e.stopPropagation();
|
|
9861
9862
|
}, onSmoothlyDateSet: e => {
|
|
9862
9863
|
this.open = false;
|
|
9863
9864
|
e.stopPropagation();
|
|
9864
|
-
} }, index.h("div", { key: '
|
|
9865
|
+
} }, index.h("div", { key: '7310c24d398698616f9ff5d1e09112fc49c5f79d', slot: "year-label" }, index.h("slot", { key: '28841d170ddc30e4c99002fea3869e4cfedbba77', name: "year-label" })), index.h("div", { key: '6ea61abd3c7c8b12fbab098b2747212b97dcc60e', slot: "month-label" }, index.h("slot", { key: '26704048950f52ab6629e0fcf7bfd177deccaba9', name: "month-label" })))))));
|
|
9865
9866
|
}
|
|
9866
9867
|
get element() { return index.getElement(this); }
|
|
9867
9868
|
static get watchers() { return {
|
|
@@ -9887,14 +9888,14 @@ const SmoothlyInputDemo = class {
|
|
|
9887
9888
|
this.alphanumeric = "!@##";
|
|
9888
9889
|
}
|
|
9889
9890
|
render() {
|
|
9890
|
-
return (index.h(index.Host, { key: '898e42a3aae72b4d52bc01e2e6fec22fb49f7894' }, index.h("smoothly-input-demo-standard", { key: 'c84c56932a3ca7b3ad70bea508955b37e269b24b' }), index.h("div", { key: '5b25db08e200dd0e6216e372c5c897c601490593', class: "inputs" }, index.h("h2", { key: 'f9aa7e790295584eb8ea78e0c372cffb4b93e84e' }, "Calendar"), index.h("smoothly-input-date", { key: '45f80826e17da5ab6106986f762b6e1624d6d069', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: '
|
|
9891
|
+
return (index.h(index.Host, { key: '898e42a3aae72b4d52bc01e2e6fec22fb49f7894' }, index.h("smoothly-input-demo-standard", { key: 'c84c56932a3ca7b3ad70bea508955b37e269b24b' }), index.h("div", { key: '5b25db08e200dd0e6216e372c5c897c601490593', class: "inputs" }, index.h("h2", { key: 'f9aa7e790295584eb8ea78e0c372cffb4b93e84e' }, "Calendar"), index.h("smoothly-input-date", { key: '45f80826e17da5ab6106986f762b6e1624d6d069', name: "some-date" }, "Calendar"), index.h("smoothly-input-date-time", { key: 'c75a8089a839a9c0d8d20123f5a1e146133a11d4', name: "someDateTime", value: TimeZone.DateTime.now() }, "DateTime"), index.h("h2", { key: '67158067f11b2ec07eb9404ff9718bc6d8e8ee20' }, "Date Range"), index.h("smoothly-input-date-range", { key: '17d22c2f9912f5e3302e37209dc513dccd078a20', name: "testing", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-01", max: "2025-01-31" }), index.h("smoothly-input-date-range", { key: '3846779d3d760c296adb062be9994befa2efa1fb', 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-reset", { key: '65090bc301777f6f71736903803e55515e41583f', slot: "end", size: "icon" })), index.h("smoothly-input-date-range", { key: 'd983f82136b3c73347d0c9fc20f0c15243e792e0', looks: "grid", start: TimeZone.Date.now(), end: TimeZone.Date.nextMonth(TimeZone.Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
|
|
9891
9892
|
"--smoothly-input-border-radius": "0.5rem",
|
|
9892
|
-
} }, index.h("smoothly-input-clear", { key: '
|
|
9893
|
+
} }, index.h("smoothly-input-clear", { key: 'acc25239f7cc9440c0ec5fa36cc120e4f5d316a1', slot: "end", size: "icon" })), index.h("h2", { key: '6d0a086cfc810cfb6dc35817daf861d5c6c55003' }, "Date"), index.h("smoothly-input-date", { key: 'c4c69377a0b1279de36cde54264e61a6a41c0ef9' }, "Date"), index.h("smoothly-input-date", { key: 'b682e26e5bee518f5c3ac4ee253f3203a941c6be', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), index.h("smoothly-input-date", { key: '571b2059429fbdfd6a86a5f37c82c25fb64d195d', value: "2021-10-28" }, "Date", index.h("smoothly-input-reset", { key: 'fed44a7f74903643b1ad7f268ba1b17da781332c', slot: "end", size: "icon" })), index.h("smoothly-input-date", { key: 'c01d7ebfd3ccb7116f6ed352f878703d7aac85c1', value: "2021-10-28" }, "Date", index.h("smoothly-input-clear", { key: 'f61941c675981953b37136be925b60159282fa60', slot: "end", size: "icon" })), index.h("h2", { key: 'f2a12cef213eff60445fa476934269fed3182d53' }, "Select"), index.h("div", { key: '9ead4113c0eae89f3efb8b37c2caa00e3f79a853', class: "select-div" }, index.h("smoothly-input-select", { key: '8882d672b4a1de80beb39d217c844aa72d9a721b', name: "select-dessert", looks: "border" }, index.h("label", { key: '9a9559b1475745cb8b5effed6b7e0cdc2c709e5f', slot: "label" }, "Select with clear button"), index.h("smoothly-item", { key: 'e2124c30e5bc6953b16775800506b4eab448f91a', value: "1" }, "Ice cream"), index.h("smoothly-item", { key: '6b6e9e846776abb846c91b10463c15c01dfced9a', value: "2" }, "Sponge cake"), index.h("smoothly-item", { key: 'e57c51f1e02e0489ff33ce3ea389056d448dfbcf', value: "3", disabled: true }, "Disabled Item"), index.h("smoothly-item", { key: '1c0126c51bfa3dd32c4820c8fffaeceaeec16e7b', value: "4" }, "Cookie"), index.h("smoothly-item", { key: '38260b8888e79b5379d4a6d25d7112608eaebee0', value: "5" }, "Croissant"), index.h("smoothly-item", { key: '3ab0d50627b0c64a233989142379cd9d27c0b300', value: "6" }, "Chocolate fondue"), index.h("smoothly-input-clear", { key: 'a138dd06e4987a27239a83f5b27d1cc80385e077', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'f2c455f0d0d6dd96c720f15426d5aa3b036c2515', multiple: true, name: "select-dessert-multiple", looks: "border" }, index.h("label", { key: '9e21085dab1da4250c8acb8779315f628cf22be4', slot: "label" }, "Select multiple with reset button"), index.h("smoothly-item", { key: 'a9a9bccd893e9ec28ad0e1bf344da607a11bbd72', value: "ice cream" }, "Ice cream"), index.h("smoothly-item", { key: '2ddfada9b851af84ea7989e13a438fe96e4620c1', value: "sponge cake" }, "Sponge cake"), index.h("smoothly-item", { key: '07da9263d39abda81d3b3270b68109fb0b821db4', selected: true, value: "cookie" }, "Cookie"), index.h("smoothly-item", { key: '6f42556b55807df870fcc025feca4d7ebaa35750', value: "croissant" }, "Croissant"), index.h("smoothly-item", { key: '3e62c89dc903e2661c16a2210153ba2819ae86bf', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), index.h("smoothly-input-reset", { key: 'c779f9514a6887a145037b7bb1eb21d105b7837b', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '27cdd21f93dfdb40a9f14bb34babb3bea6ce5f1e', name: "spirit-animals", looks: "border", mutable: true }, index.h("label", { key: 'acfe0fa884742923964996db0a84bb3009154704', slot: "label" }, "Select or add new options"), index.h("smoothly-item", { key: '09b13ecd8cb772306f3868ec2fd00a4cc690bdc9', value: "manatee" }, "Manatee"), index.h("smoothly-item", { key: '279da0a08318d881b09c02edfaa9ffb1634f11d3', selected: true, value: "cthulu" }, "Cthulu")), index.h("smoothly-input-select", { key: '9fd650bf631777108fa1accedea8f75a5eebc66f', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '797ce1c441e79b25d78e32fc2a46607fa0fd49df', value: "folder", selected: true }, index.h("smoothly-icon", { key: '9e593efa771e5fc65de6472644ef0f57352c81e9', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'fe0ace3a9b5f22f50a4522a807ff567224e2afe6', value: "camera" }, index.h("smoothly-icon", { key: '9a4beedd2d273c0cf40905b30ff88e35d6c594d3', size: "small", name: "camera-outline" }))), index.h("smoothly-input-select", { key: '295d464f9ee2f293c469a99eb064a65f714f40f8', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: '22da5776a511b87afee2f17d6147a33d07866b76', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
|
|
9893
9894
|
.map((_, i) => String.fromCharCode(i + 65))
|
|
9894
|
-
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '
|
|
9895
|
+
.map(char => (index.h("smoothly-item", { value: char, selected: char == "H" }, char)))), index.h("smoothly-input-select", { key: '81b9a017ee15255a6cba2318cb9477f2be2d5f22', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, index.h("label", { key: 'b92ca178a15b02f8536d3c224e9fe7b36ac892b8', slot: "label" }, "Month multiple select"), index.h("smoothly-item", { key: 'ffd6286d229bf71eb5544dc52a58df3122a2513d', value: "1" }, "January"), index.h("smoothly-item", { key: 'e4a22d0955ad5410a2139f892e14dea0b0b55156', value: "2" }, "February"), index.h("smoothly-item", { key: 'fcce98a409347d92c5c19fe77495c48338c12d15', value: "3" }, "March"), index.h("smoothly-item", { key: '2e027f8ef516a80e679acf0bd8f62dd1cba05587', value: "4" }, "April"), index.h("smoothly-item", { key: 'de6324c78827e1a7d2bc961bb4fe5673fccf87b2', value: "5" }, "May"), index.h("smoothly-item", { key: 'e6d1807aa96262803b7b9a1c600d09829f9ba189', value: "6" }, "June"), index.h("smoothly-item", { key: '3a7fb723a65053aa34ee41c53bd3070e8f36a365', value: "7" }, "July"), index.h("smoothly-item", { key: '113919ca16511db9bc80a34f6f656a17c3503e28', value: "8" }, "August"), index.h("smoothly-item", { key: '3715c80d775c0320a04ec9a00297944d47317889', value: "9" }, "September"), index.h("smoothly-item", { key: '11de769e9dd9d758e5ec7386aa5bff768fa43848', value: "10" }, "October"), index.h("smoothly-item", { key: '4096dfe05ee0cf7bb87dedc5c6ae9b6ac92c57b2', value: "11" }, "November"), index.h("smoothly-item", { key: 'fb307e113ff2683993e0046e4678d4b0e39781c0', value: "12" }, "December")), index.h("div", { key: '6a79a92f279d59f361dd045a9e48673c0352fb8d', class: "select-div-row" }, index.h("smoothly-input-select", { key: '6157eaad78ef767d3879a8f83611cdcb0ce4065a', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'de6cc27701a324492a202fd6751735f2de02a979', value: "folder", selected: true }, index.h("smoothly-icon", { key: '76b35d23e809e2907faca5d50e87207a91b479c0', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '4cb2dac5e01d41ad21905fd96e976977b1fc557c', value: "camera" }, index.h("smoothly-icon", { key: '8daa318964e7f5e5d109c5bc91ee47eecb9989f8', size: "small", name: "camera-outline" })), index.h("smoothly-item", { key: '1c5730a83a8460f4734d65b69ec355689baa3cb5', value: "boat" }, index.h("smoothly-icon", { key: '611adfb6c633930b0a9d2039751ae0e37dc08fa0', size: "small", name: "boat-outline" }))), index.h("smoothly-input-select", { key: 'ec11b07ed1979e997351b32a39b708f238a998d0', name: "select-number", clearable: false }, this.numbers.map(number => (index.h("smoothly-item", { value: "number", selected: number === 3 }, number)))), index.h("smoothly-input", { key: '54877a107184367840cf835742cfda950cc8f88d', name: "name", value: "Sten Qvist" }, "Name"))), index.h("h2", { key: 'd16675548b59b59f6c352034195983945eb94ebc' }, "Duration"), index.h("smoothly-input", { key: '35ab660bcfb0cb1fb2d026c55a0f2a20f6804231', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), index.h("smoothly-input", { key: 'd1a85921f80cea2b1a0322c4950a2ce8e7a544be', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
|
|
9895
9896
|
const duration = e.detail.duration;
|
|
9896
9897
|
this.duration = duration;
|
|
9897
|
-
} }, "Duration"), index.h("h2", { key: '
|
|
9898
|
+
} }, "Duration"), index.h("h2", { key: 'abee3266126d0e8ae3431c3cb033796f27f375f5' }, "Integer with Min/Max"), index.h("smoothly-input", { key: 'f17ced3f91227636d05528c3f3ce5bbabe89ca41', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), index.h("smoothly-input", { key: '75c4eef9773545af7bd59ce4ea874145410808d1', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), index.h("smoothly-input", { key: '7a082ee76dfdfeecf5846e8f996ab7b65be0c65d', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), index.h("smoothly-input", { key: '69c964f735b258e13dac0aff798ae0a598a1feb6', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), index.h("h2", { key: 'b30a2e28a78a590e4a257d0f576b6158ba5f4e35' }, "Invalid text with warning icon and tooltip"), index.h("smoothly-input", { key: '757832fcb76537f6bda5e005939a2be7c8ae4226', name: "alphanumeric", invalid: !/^[a-zA-Z0-9]+$/.test(this.alphanumeric), errorMessage: "Only alphanumeric allowed", value: this.alphanumeric, onSmoothlyInput: e => (this.alphanumeric = e.detail.alphanumeric) }, "Alphanumeric"), index.h("h2", { key: '3a78eb9e57dab38c02ba22e253ba7257b8f8c17d' }, "Identifiers"), index.h("smoothly-input", { key: 'e7bc6c7a3fa0d34ee67f6d28a66f5bae4a0889e8', type: "identifier-code" }, "Code"), index.h("smoothly-input", { key: 'fa1ae3da7404c1634b0d5fb38d8e2e78030b9f44', type: "identifier-attribute" }, "Attribute"), index.h("smoothly-input", { key: '5289c5ba45b12b70e8de64266ca7d3dc006256b3', type: "identifier-snake" }, "Snake"), index.h("smoothly-input", { key: '2914367e528136633a25e322de4e6dcc479b45f9', type: "identifier-pascal" }, "Pascal"), index.h("smoothly-input", { key: 'fac5c9c205a347972d7b9c543088b868408e36da', type: "identifier-camel" }, "Camel"), index.h("h2", { key: 'b796b00c68806a19a074f0ac8b218faeb87e58eb' }, "Input Alternatives"), index.h("smoothly-input", { key: '4e00318c442bb1ca99d20c7887f2a4acc4ff1283', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, index.h("smoothly-icon", { key: '8cdeba6f2f3074237ffb0b415d4716acd31623a9', name: "checkmark-circle", slot: "start" }), "First Name"), index.h("smoothly-input", { key: 'cb13d6b827f8a08c309488b697f0a31b2f88b16d', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '9705c7c99cd0d3e6cb74fe50eb9271cfd7c930bb', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '439bd463d34e957e4b6b99486731a5176a046772', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", index.h("smoothly-icon", { key: '5dfdc12e1f5ac46e368647d3ffa71074175d0ec2', name: "checkmark-circle", slot: "end" })), index.h("smoothly-input", { key: '03963e472107778d63a7e6c7993a266bf43a0554', placeholder: "test" }), index.h("smoothly-input-submit", { key: '85b71d57c0d90034453f94a54c9a689ea93dfe0a', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), index.h("h4", { key: '0a4d6204eea474230180f22b219def2c90c09f9a' }, "Smoothly checkboxes"), index.h("div", { key: 'b2f40bb76260fd75e39c140fe2c9d27ab313463d', class: "checkbox-group" }, index.h("smoothly-input-checkbox", { key: '47766a0825c018c706f8a946d29e334c0147d6fe', disabled: true, name: "first-checkbox" }, index.h("smoothly-icon", { key: '353bab14678f57ff18684b205c3edc5ea638357c', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), index.h("smoothly-input-checkbox", { key: '06c78f99bf6174a7d2fb0f8a5f71fe7183d53895', name: "second-checkbox", checked: true }, index.h("smoothly-icon", { key: '5f86f2a3a317783f80659b2dc1028b281eb8a10d', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", index.h("smoothly-input-clear", { key: '0343887337da9e875fd507ec4672061d20ea909d', size: "icon", slot: "end" })), index.h("smoothly-input-checkbox", { key: 'c3a2081c706c2aa0548eacd2e93afd946a97bd0f', name: "third-checkbox" }, "3rd")), index.h("h4", { key: 'fea87e53049a7ee065ab5c684c8c60131ea18256' }, "Smoothly Radio Buttons"), index.h("smoothly-input-radio", { key: 'd822629ae61f361e8f97e183aa6a451eb7cd2de3', clearable: true, name: "radioFirstInput" }, index.h("smoothly-icon", { key: '2df7ac54118e203e773dbdfecce9a502576dd6d3', name: "checkmark-circle", slot: "start" }), index.h("label", { key: 'e2a267a3c2aa60a3efd294bef5a952054a14eadf', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '95f599c5d9ccc4175351fb838c0fbdfef570ee96', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '091ac26ea562be9fab9f75a0648311cdde57a673', selected: true, value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'e6f52bbaa83bdc1a191db696cd65a1b846b40f19', value: "third" }, "Label 3"), index.h("smoothly-input-clear", { key: '59bd5ea4f4c3292a61213eecad4d6f5a15ca285c', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'e15078e3f15a9bd36eea76fba70d202e888edc87', name: "radioSecondInput" }, index.h("label", { key: 'cc82a8483b6de0bd68f596c4fdcba1e339eca0b3', slot: "label" }, "Not clearable"), index.h("smoothly-input-radio-item", { key: 'ce8345a69841811b7f4069ffe20dc993352d588d', value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'fcef36a1d73ecbad3d7df993eb52810f53432e4b', value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '0c305da291e768e2c67a2f03e0a371c01286e617', value: "third" }, "Label 3"), index.h("smoothly-input-radio-item", { key: '019c7cc953dea60aa0f587bbbcc1711fe2a5d8ef', value: "fourth" }, "Label 4"), index.h("smoothly-input-radio-item", { key: 'b610b2a0b0688d7367fbec279ab34659a69552fa', value: "fifth" }, "Label 5"), index.h("smoothly-input-radio-item", { key: '0dcd6dde06d1a09a8ab4db93d18eb28f468b3fa5', value: "sixth" }, "Label 6")), index.h("smoothly-input-range-demo", { key: '7a5e5d7ec81a9a6ea6e613b3e8d94cb4a7235420' }), index.h("smoothly-input-color-demo", { key: '2ff385307261bf5e3d53ce47db7ef2eff082334c' }), index.h("smoothly-input-price-demo", { key: 'bf31451d40ced189ae2f39236d7b26a1462c825b' }), index.h("smoothly-back-to-top", { key: '9971fd8a577064996ba4ffdc67b51f0cb0cc9971' }))));
|
|
9898
9899
|
}
|
|
9899
9900
|
};
|
|
9900
9901
|
SmoothlyInputDemo.style = SmoothlyInputDemoStyle0;
|