smoothly 1.4.0 → 1.5.0

package/dist/components/p-a0df7a64.js

@@ -1,244 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { D as Date } from './p-390767c7.js';
-import { d as defineCustomElement$x } from './p-758edf83.js';
-import { d as defineCustomElement$w } from './p-0eacf5f4.js';
-import { d as defineCustomElement$v } from './p-a4614623.js';
-import { d as defineCustomElement$u } from './p-182310f5.js';
-import { d as defineCustomElement$t } from './p-11cc925c.js';
-import { d as defineCustomElement$s } from './p-ff99dcde.js';
-import { d as defineCustomElement$r } from './p-51cb1946.js';
-import { d as defineCustomElement$q } from './p-21601376.js';
-import { d as defineCustomElement$p } from './p-d9989605.js';
-import { d as defineCustomElement$o } from './p-16c06f14.js';
-import { d as defineCustomElement$n } from './p-e6eca6ea.js';
-import { d as defineCustomElement$m } from './p-0fb1eac0.js';
-import { d as defineCustomElement$l } from './p-fd158b77.js';
-import { d as defineCustomElement$k } from './p-8ac400d5.js';
-import { d as defineCustomElement$j } from './p-0f3b692b.js';
-import { d as defineCustomElement$i } from './p-2683f275.js';
-import { d as defineCustomElement$h } from './p-97254dfe.js';
-import { d as defineCustomElement$g } from './p-3a1f5e8b.js';
-import { d as defineCustomElement$f } from './p-eba2af2b.js';
-import { d as defineCustomElement$e } from './p-948e9305.js';
-import { d as defineCustomElement$d } from './p-95439799.js';
-import { d as defineCustomElement$c } from './p-b1d28f3f.js';
-import { d as defineCustomElement$b } from './p-a0930b47.js';
-import { d as defineCustomElement$a } from './p-3217c7b5.js';
-import { d as defineCustomElement$9 } from './p-5a0e167d.js';
-import { d as defineCustomElement$8 } from './p-3062590d.js';
-import { d as defineCustomElement$7 } from './p-675c3d3e.js';
-import { d as defineCustomElement$6 } from './p-125e9845.js';
-import { d as defineCustomElement$5 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$4 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$3 } from './p-90d81e79.js';
-import { d as defineCustomElement$2 } from './p-f21f43d1.js';
-import { d as defineCustomElement$1 } from './p-44f424f6.js';
-
-const styleCss = ".sc-smoothly-input-demo-h{display:flex;flex-direction:column;margin-top:2em;margin-bottom:10rem}smoothly-input-demo-standard.sc-smoothly-input-demo{margin-bottom:2rem}div.inputs.sc-smoothly-input-demo{margin:auto;width:50%}div.inputs.sc-smoothly-input-demo>h2.sc-smoothly-input-demo:not(:first-child){padding-top:3em;margin-top:3em;border-top:1px solid black}.checkbox-group.sc-smoothly-input-demo{display:flex;gap:1.5em;align-items:center;background-color:rgb(var(--smoothly-input-background))}.select-div.sc-smoothly-input-demo{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.select-div.sc-smoothly-input-demo>smoothly-color.sc-smoothly-input-demo>*.sc-smoothly-input-demo,.select-div.sc-smoothly-input-demo>*.sc-smoothly-input-demo{flex-basis:49%}";
-const SmoothlyInputDemoStyle0 = styleCss;
-
-const SmoothlyInputDemo = proxyCustomElement(class SmoothlyInputDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.duration = { hours: 8 };
-        this.alphanumeric = "!@##";
-    }
-    render() {
-        return (h(Host, { key: '6b76ad9238bac8081314e4837ebd98307de38dad' }, h("smoothly-input-demo-standard", { key: 'f01eea6d5242a634b41ad706f4e071e5d18ab0d0' }), h("div", { key: '19c7dfa3c020b0367552a7254eabe5914895df3d', class: "inputs" }, h("h2", { key: 'bc28b9077ccf104566263415792fcc17adaabf48' }, "Calendar"), h("smoothly-input-date", { key: '927f509aeea74a8c71192de2da1e9a94cac8ba25', name: "some-date" }, "Calendar"), h("smoothly-input-date-time", { key: '51dfd1f872fc354689d6b50cb09b50af29397d92', name: "someDateTime" }, "DateTime"), h("h2", { key: 'd6c4206b9cd37968ddb31a729421426b8155a684' }, "Date Range"), h("smoothly-input-date-range", { key: '0a0b797d687900af6153056f1aa2e6b036977e8f', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '692a39e6f84cb8fef83b6f5e45669d39212f40ee', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '31c69e1203027ef28a57ff0f9444aa6ea008d596', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: 'c0f0c89f1651ec73d40bc4b90b3ad420c11b175d', looks: "grid", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2025-12-30", showLabel: false, style: {
-                "--smoothly-input-border-radius": "0.5rem",
-            } }, h("smoothly-input-clear", { key: '71919ae4a599a69a4d22b64a0df7cf14fbb90fb1', slot: "end", size: "icon" })), h("h2", { key: '876ef70c63a70873047b2248ea9f6d4213f81f19' }, "Date"), h("smoothly-input-date", { key: '1f8ca07a67bafed4f51eae08e17d0b4d7bc8db42' }, "Date"), h("smoothly-input-date", { key: '49455625eb71c6f7d6d1b690aedcd42a3d79a67b', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '136f7e38566b2542b9961124eb688da89a229d0f', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: '74300b814beda57a74c4b22375b4c2c77fc3ef85', slot: "end", size: "icon" })), h("smoothly-input-date", { key: 'a95b8bd4c1de2703992ce072047013e9a30f458d', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: '279e6b6abcc5cb81e59338dcc27508f1f3d9ba11', slot: "end", size: "icon" })), h("h2", { key: '0f0d51fe5f32942c087c9e7a8773c7654d205a58' }, "Select"), h("div", { key: '0b8402098b70e7faa9d2e4764c5925b7a828d0a0', class: "select-div" }, h("smoothly-input-select", { key: '961ac8725d3405ba3f3765cfe5a0878d6fe7a071', name: "select-dessert", looks: "border" }, h("label", { key: '7bf194639e6ee9ff96b62a15ed9e00f88621b3b7', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: 'b1bc6e49f1cc78d8e289f89c8604f40edfda62aa', value: "1" }, "Ice cream"), h("smoothly-item", { key: '29b0128fdaf49a260d619b830736f6d35614114b', value: "2" }, "Sponge cake"), h("smoothly-item", { key: '91d62568b8f072b4d00f58315b0553fb6edafbe7', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '0b058b8d63dd1e13551274ec665ccb686ef6be07', value: "4" }, "Cookie"), h("smoothly-item", { key: '72d8ab4c88bd951e9b49bb149074231b71052b85', value: "5" }, "Croissant"), h("smoothly-item", { key: '8edd5911789eb1263b327f61c620dfbe609e6b24', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: 'f220a43c7476375dfbfbefa7cdb167fac3ef0b41', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '22ce7d332e32a112d9fe82927687c2f4ebe2e536', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: 'e5e50901992e8f08a703cafb997a9684507cfd78', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '4fa5eb62bacee098d016122c0a669db50dc82f26', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '8298d237826158bb5b21dd34c2844b745175e804', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '5d5a5dd8ca97227d2ffe3cfcf6ad2e538a4d41f6', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '9b9f7784c4ed671d64a958b4723344f600ac50f0', value: "croissant" }, "Croissant"), h("smoothly-item", { key: 'd12a6181d71bb6525009cee933871861c076335e', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: 'f41010be4b6b0f872b7322992720ce208a56d32b', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '2a39d303bafa529d36a86326e419e2df9c1d9f8e', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '11814867e9393040169f40ba26cdb139b175e3ca', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: '971b0682de76f47bafbab665a577f7b908f2c1ae', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '10f6203ce57f262f73e22a76cd8da6c051912b40', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: '7cf1347aaf5443c4a131e8524a0a2d2e56a2a449', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '4aa469f9a2181273191b157a83c731acf8d8d0e2', value: "folder", selected: true }, h("smoothly-icon", { key: '0b842c2b5fbce95c5e10ea142479c2cab4c30a59', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'eaf8e46883d3fc6c8f2e6d10de8505c4431d386f', value: "camera" }, h("smoothly-icon", { key: 'c7d8a64c45ecc10fac807228eda7ea3d0e04bf1a', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: '5885ee3fba0c90739172588b81a3986d0b0ffa22', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'b7bc9954f3626c31107ab0396f93ce144c77076d', slot: "label" }, "Alphabet ordered select"), Array.from({ length: 26 })
-            .map((_, i) => String.fromCharCode(i + 65))
-            .map(char => (h("smoothly-item", { value: char, selected: char == "H" }, char)))), h("smoothly-input-select", { key: 'c4aa7cffaaf167f14aa0c64d892884cbde68e5be', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '545276bfb714dfd58c6154782ee8ae211b95cec6', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '7e65f5dc15cae37de91517e7faf6ac6e5399bce9', value: "1" }, "January"), h("smoothly-item", { key: 'c30435464dc59d081fcc3027a0559cc2ed651263', value: "2" }, "February"), h("smoothly-item", { key: '2369d8e036dd55c75e7c38650a2cd84477302b26', value: "3" }, "March"), h("smoothly-item", { key: '70deb72243f26d8e44aefd45ad8934616162bbcb', value: "4" }, "April"), h("smoothly-item", { key: '3746936d4ff064b7c4c102e1b12ab0fc9e032063', value: "5" }, "May"), h("smoothly-item", { key: '7070e74bd89c6f8257617c69e9f86898b7276b6d', value: "6" }, "June"), h("smoothly-item", { key: '6e7ce9026ab57b2504ba7cb66c6581a29cd3c719', value: "7" }, "July"), h("smoothly-item", { key: 'bd26f3aed9824a9badfe1c76e284d231bdcef74d', value: "8" }, "August"), h("smoothly-item", { key: 'fb68e06412265f8abd9d48b5e632b9703c4ac928', value: "9" }, "September"), h("smoothly-item", { key: '8d665cb2ff2f3485fe78aba07b8f9de7a911251e', value: "10" }, "October"), h("smoothly-item", { key: '2daee790fe6fb3b1ba06189a8a5b70af75f78a6a', value: "11" }, "November"), h("smoothly-item", { key: '51c4c70fd8256d5aa2a609c3560f5a596d545e8f', value: "12" }, "December"))), h("h2", { key: 'fb225955c7e4944055c2f5dbabce570a1a471aae' }, "Duration"), h("smoothly-input", { key: 'f44446650cd88ad8d99ded00c6bc6ab5449cbd92', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: '11f884760d1597ea12a14a6cafa9038a6588f725', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("h2", { key: '4c7492e9714e8fb6ed7cf3d9ed4ea96adb985130' }, "Integer with Min/Max"), h("smoothly-input", { key: 'b20b1b15b55f7b70f6242516efe1582b209a26d4', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: 'c906c1f3899f68a55f8be01c02eec8a1555475a0', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '86ee548b052dde32fcfdc56bf3fc87b3523a4af8', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: '66e657e487efa82de5f1fc0263b43019bdac2cbd', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: 'cda6e85e77f12cfd3ef7726b6441044708f8fdf6' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: 'c46bdd16248a0abd4719c60b2214e3d0a76be91f', 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"), h("h2", { key: '8b9ac9caaee89b0f0311b3b07cff22a642dd0e91' }, "Identifiers"), h("smoothly-input", { key: 'a86d2727f6403d4f0abf68523b64cf87d41e920e', type: "identifier-code" }, "Code"), h("smoothly-input", { key: '0c1074b72c4f43c4154384d40b3d57544a368b5c', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '8daee7413012f41575269d5d1544bd55163a6224', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: '853d8e4ca927c3fb4795a8c22a074ac70e3221cb', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: '47d002602d7b06b9200425dea97832e2f2af166e', type: "identifier-camel" }, "Camel"), h("h2", { key: '90d5bc2db3b3a24e7811f235150be80dda8b99e1' }, "Input Alternatives"), h("smoothly-input", { key: '45f7215c2e1a24efe1e9d57a17cabc61baeb0111', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: '52329d58edb2c7339ca9cfe141caeb0fc293d0bb', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '38bab99ffee2515d50a6ffe8ccd4e84e3dc9f886', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: 'e9f274e1ef1f3c3b8bfe745ca96d5869b3dab037', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '6fd7aa7c4d8efc4c4c4df1b59795242841591688', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '89710a2b183a786dc6a3d4b8d74f16e112ff8f5e', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '2a89776d8fb9d51d67349f98dcf8664bcc998a57', placeholder: "test" }), h("smoothly-input-submit", { key: '5556f4dfce7aa8ccaa7c2c31854bdc1834309b34', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'fbecb4027ca619c48dbaf4959a7a37e67727af67' }, "Smoothly checkboxes"), h("div", { key: '32412e16e082f5a1ccd1baa209058d7cdd9a4e91', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '9abd96ea1d8a91bbb24e9ce02e72a7266df75799', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '1223e51c9b85cff662d82d510094dee740c2ee77', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '31bf44e0df0221c42adf3fe58463cff04e8cc4bc', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'f11474c5b4f4ac1267aa3497bf234d4cdc50f130', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: '9d54145cfe1114a9cabc02ed57535da3e11f375b', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: 'b638676c431660d910eed5792faa0cfc87500412', name: "third-checkbox" }, "3rd")), h("h4", { key: '22a945c153157b3896913bac81f8c4314b8451d6' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '35ed33aa765ba3fb0817e039fcf90fcebf3cd6c2', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: 'be8659761a6623b0e7fa12a0d0fa535edaaedcc2', name: "checkmark-circle", slot: "start" }), h("label", { key: 'a0e5f61e0a27a4f4dca21298671aec752a1d407c', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'd1a85abe8267d8970d5ef498abe8dcf5f76d6a84', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'af7eca3580a8dfbc8fbd918a0bef5d3ca5c9ce80', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'a0b23474026cb3bf08b5b8cdc709db8e3a3afcb6', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '8f6f0c21cfdf282fb6768239ae410197bbfd3a14', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'b0838be43e328f4cb185f61ac8b51ef94db28a1b', name: "radioSecondInput" }, h("label", { key: 'f8d216209a405c137fc5b806feb041806844eace', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '6930abf2cfe2911c03446c3ab08e7be7a3a87728', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '54ce3c3bff3fd64d0aa19ca134fb375bf9f34ddc', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'fc864e57e7cab32ca10c26416f60cdce45c2fac5', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '130e9a9d0c0357cdcbcd0074ecb74ccaa9306c01', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: 'e7016eea8f86a0639de1b062ad4a7d81750ee6cd', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '8a52b7c1c44cffb63cd877eda812806caae059a8', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: 'd0b867c8b63f616ae7a1eacba91d08df641f0db2' }), h("smoothly-input-color-demo", { key: 'c3dc25177603e7c31df0a00c1a624e87532233e0' }), h("smoothly-input-price-demo", { key: '0ca0b6ae79ecf4db86c5597e8f0ac84e0f57094a' }), h("smoothly-back-to-top", { key: 'ea8d2cc631f98ec5f49d56f7ad4fe3596578090b' }))));
-    }
-    static get style() { return SmoothlyInputDemoStyle0; }
-}, [2, "smoothly-input-demo", {
-        "duration": [32],
-        "alphanumeric": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-input-demo", "smoothly-back-to-top", "smoothly-button", "smoothly-button-confirm", "smoothly-calendar", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo-standard", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-input-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyInputDemo);
-            }
-            break;
-        case "smoothly-back-to-top":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$x();
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$w();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "smoothly-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-input-color-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-date-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input-date-time":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-input-demo-standard":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-input-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-input-month":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-input-price-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-input-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-input-radio-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-input-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-input-range-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-input-reset":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-input-submit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyInputDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-a0df7a64.js.map

package/dist/components/p-a95bab7d.js

@@ -1,123 +0,0 @@
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$f } from './p-11cc925c.js';
-import { d as defineCustomElement$e } from './p-ff99dcde.js';
-import { d as defineCustomElement$d } from './p-51cb1946.js';
-import { d as defineCustomElement$c } from './p-21601376.js';
-import { d as defineCustomElement$b } from './p-d9989605.js';
-import { d as defineCustomElement$a } from './p-cf692cc2.js';
-import { d as defineCustomElement$9 } from './p-1f5357e1.js';
-import { d as defineCustomElement$8 } from './p-33087585.js';
-import { d as defineCustomElement$7 } from './p-28a3024e.js';
-import { d as defineCustomElement$6 } from './p-e2ff40ce.js';
-import { d as defineCustomElement$5 } from './p-a6abef9e.js';
-import { d as defineCustomElement$4 } from './p-18ba7524.js';
-import { d as defineCustomElement$3 } from './p-2de92429.js';
-import { d as defineCustomElement$2 } from './p-04799383.js';
-import { d as defineCustomElement$1 } from './p-270e635e.js';
-
-const styleCss = ".sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}";
-const SmoothlyTableDemoGroupStyle0 = styleCss;
-
-const SmoothlyTableDemoGroup = proxyCustomElement(class SmoothlyTableDemoGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: 'ac1e2b26f2380a5f96245f1b2163151b2ad7b3e7' }, h("smoothly-display", { key: '2aacadd33613d06b333ad69891486fd8b6eb69ef', type: "text", value: "Group" }), h("smoothly-table", { key: '57d9e86ee2e9886663ebaa8a4eed65d15a6b7b92', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '51b92cb9bc233305b122dcf17218ffa8484fc45d' }, h("smoothly-table-row", { key: '594ed85e562ed3fb61d06803a4e068cb6597c599' }, h("smoothly-table-cell", { key: '1a2fd79dd5b6cf3639d46ecc7575d8875774348c' }, "Date"), h("smoothly-table-cell", { key: 'be4715328ec4467c724bf09c370ec1091fedb771' }, "Total"))), h("smoothly-table-body", { key: '8f33c69d6915080b09f39fc81f24c0d884141fbe' }, h("smoothly-table-row-group", { key: 'd0f4dd5a1f7df7b292bd2fa48548ab11f2331e23', align: true }, h("smoothly-display", { key: '0163976ad21213b03059df5b33fe8667e4b1ab61', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '9fa1e617b130038c017ffbb8b14c16b894bd0fa7', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '01cd244dc7b6c8c2c46466932d2e1b8fcc72136b' }, h("smoothly-table-cell", { key: '599ea21bf02dd781b0e534f536d9db2d357411dd' }, h("smoothly-display", { key: 'e69887f04252006b8c815497717683d6bff103ee', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'c7083e894459c0af28577d7f457445fcfbb332b8' }, h("smoothly-display", { key: 'ebd41fd0de8f02cd8791fbf1a8133d0cf70e7bfa', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '1183b94bfa97c42c4a283291c4036b91e9aba84f', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '197aa13a0ba31133e08f2723ee398b541052e377' }, h("smoothly-table-cell", { key: '148263446a5546a9aea1c24c627a612a5447a22c' }, h("smoothly-display", { key: 'ab9646e529fa57b8bf1bf3568643891bd6b34659', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '58a8d86babe68e9c6988bd2972b0edda1749c0ec' }, h("smoothly-display", { key: 'cfa34641d9c1adb8e7f6e6239bedcd44bbd4d908', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'def091fc9cc806d11379792cb18a027591155484', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '6257f6207341f724d6a9dffeeaaf8186fb36673a' }, h("smoothly-table-cell", { key: '93989c61fe42aa07f202610f0929c2049faf8301' }, h("smoothly-display", { key: 'ae0ac80a8105d5137c7541cefaa0da293d7c166c', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'c049824b441dcfd5a90952814b7932e0a706a611' }, h("smoothly-display", { key: '1109b09b8fd9ab91aacad6fac87663dd7d8bc397', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '8024d8c48bc150254bb7c32b9b1e4d25c1f0227b' }, h("smoothly-display", { key: '8b0512426d5e003c7dcd168a7033ba91c5482f3e', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'fcf8088def567c886ef14394ae761c7481e8ae69', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '77855907af956570d16bc04979b2d133bdf0f3dc' }, h("smoothly-table-cell", { key: '645dd969cf30cad850143b7746775f67e8dd067c' }, h("smoothly-display", { key: 'a8c4208116f295666224502abc1935df992caf25', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6f9e7bd4df149dc8f26c7e4cac625c6ae50ba6e5' }, h("smoothly-display", { key: '561248e3a9a090f71a5e8c0824e04cc151781346', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '01e619b768f4d6a75d330717b8c62caff3b1d5de', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '11fc0d3d5af141e92f95cc0f33d1624b6ecfc702' }, h("smoothly-table-cell", { key: '53b593499f30b1fe9bbcdcf9e34a3843f595065d' }, h("smoothly-display", { key: 'ded56d951cc0954619d31c9153f9b4b38d04b4ac', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'f45ee29586add80ae10f886974fa99f7b2692f5d' }, h("smoothly-display", { key: '26940755ba0efb3151154f4efca225f071b231e2', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '4b48c9d516e1c0acd6de61f385563f0cce5fc3f5', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '49b134a12cbee6c373abd8e1cb29bd7a42e58122' }, h("smoothly-display", { key: 'ca0b7af40a5b904722ea9352471dc592b6888d22', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '619bf96abacccf28b1d0cc6b4cf760a20cabcfd0' }, h("smoothly-table-cell", { key: 'f81c78d4f6ac39a9f511b9c2a3f1781861462e13' }, h("smoothly-display", { key: '02941b7e64aa0b43fc204a67f3239af65c818fbf', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'c93c70f460e9ddbb9d2ddadec99771cb8b80787b' }, h("smoothly-display", { key: '1f0fad76ef3a0775bfaa7901bea6d039a480808c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '88b01a1486453745ec84673e9b8ba1d3b5665fd4', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'f46236401cff7790c805501aaf17fbb27cb5deef' }, h("smoothly-table-cell", { key: '983123f84dac8b8444d574c0f17b40fde54f82b7' }, h("smoothly-display", { key: 'ce2ce797c6da24fe2b792ea0fdbedf31446c554b', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'd7cee8e15c2729262626df9e7fb4f274081bf6d5' }, h("smoothly-display", { key: '3e030ede5ddec3069cd7523ccf0e72667025c897', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '20444c6ca489da00358efda2aecd4d2b4828d943', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'b4102e638c5be5706df5202e443dc6627e5100f9' }, h("smoothly-display", { key: '835b77937ce71f8dccadfbe27424698654758bc5', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '133846d95cec85f4d36d3a35ea342b170c907fdf' }, h("smoothly-table-cell", { key: '96e0ab35c87f41b52f5ac25fa37c91577d3dab4c' }, h("smoothly-display", { key: '697fcaf06d91f8fcf675a9c181752eda2edcb957', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '01e3e076f6e3b2237baa5ae94c11d099f40bc2c1' }, h("smoothly-display", { key: 'dfabd0a43902e0d2468e45c4c0b7e57c26c72f21', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '74ba4dce88edcb26d388dc570fc9e7f683ffe914', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'fc95ba0ad6792d17b9a152e220004c0a0ae915fa' }, h("smoothly-table-cell", { key: '4095a8723d5dfef1a5311d02b5eb6ddacdd21d4f' }, h("smoothly-display", { key: '79e73efb2d15ad1423ff50fc59850d33e0c37332', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bcebdc2bd0446896de6bbe63b36353d21572e4d2' }, h("smoothly-display", { key: 'debfdac7984b94192a8f4b0de882830a0fe1b9f5', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '57853f97602df3961cc1921e73ad0eb7e2edd2cb', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '3d4d9d34a570a9a1ed3762aa1884d105ff1c3921' }, h("smoothly-table-row-group", { key: 'd4b1ace25b3870f2e5c9ff843eef7cdc58f8d77b' }, h("smoothly-display", { key: 'bef9be6c16383367efeed4e0329408991f86afe3', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '7852ab6f71d06069c70ee749f7d75da35e56b3dd', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '59d809fadda4bf589598feb8fcea0775d524b5ac' }, h("smoothly-table-row", { key: '4be357fc59ab67ab05cb567f922967a196a4e4ee' }, h("fake-cell-wrapper", { key: '287d8fac5591b448b02f02170011ec50213c5724' }, h("smoothly-table-cell", { key: '0d6caa57455cc936a149fa987616ddd143a135e0' }, h("smoothly-display", { key: '90b82e4e9d5d28f6825fc8e4a225c887b37cea1f', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '0d4a64edab46d9ae0d69831713a8cfaca6630da1' }, h("smoothly-table-expandable-cell", { key: '523918968f3a22ddc5de7d0d7577e18d524a9aaf' }, h("smoothly-display", { key: '9f8da05b5a433d82fb68f656217a22c4801d07c9', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: 'a196d55674366110428f32f469f414048f9a8c8b', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '42945048578ebfb8e5573604347776dae8efb2dc' }, h("smoothly-table-expandable-row", { key: '9a3d3fe7187c0181beb0d0d71519d3fc6caec842' }, h("fake-cell-wrapper", { key: 'a8c8cc790dc98f50640c7c55657f8772634d50ff', class: "span-2" }, h("smoothly-table-cell", { key: '1ad78842759037672fe9e31d08c8c845b46b9814', span: 2 }, h("smoothly-display", { key: '96951fcb252a7c29a5c69ddc1b319e706f806cdb', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '7770e38591005b8f87cf28ae9b46643b84804fa8', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '6b57c7aecd0e4556c47826bbdedd42c3b716ef73' }, h("smoothly-display", { key: '26e21c0bc8fea7e27387dde2471fd34f6fa3623b', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '39995adb80b1c246a45aaad63d28b31a36d1b5f6', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
-    }
-    static get style() { return SmoothlyTableDemoGroupStyle0; }
-}, [2, "smoothly-table-demo-group"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-table-demo-group", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-lazy", "smoothly-load-more", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-table-demo-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyTableDemoGroup);
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-lazy":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-load-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-table-body":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-table-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-table-expandable-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-table-expandable-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-table-head":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-table-row":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-table-row-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyTableDemoGroup as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-a95bab7d.js.map

package/dist/components/p-f5758759.js

@@ -1,175 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$o } from './p-0eacf5f4.js';
-import { d as defineCustomElement$n } from './p-a4614623.js';
-import { d as defineCustomElement$m } from './p-11cc925c.js';
-import { d as defineCustomElement$l } from './p-ff99dcde.js';
-import { d as defineCustomElement$k } from './p-51cb1946.js';
-import { d as defineCustomElement$j } from './p-21601376.js';
-import { d as defineCustomElement$i } from './p-d9989605.js';
-import { d as defineCustomElement$h } from './p-16c06f14.js';
-import { d as defineCustomElement$g } from './p-e6eca6ea.js';
-import { d as defineCustomElement$f } from './p-0fb1eac0.js';
-import { d as defineCustomElement$e } from './p-fd158b77.js';
-import { d as defineCustomElement$d } from './p-8ac400d5.js';
-import { d as defineCustomElement$c } from './p-0f3b692b.js';
-import { d as defineCustomElement$b } from './p-f0e08ba3.js';
-import { d as defineCustomElement$a } from './p-95439799.js';
-import { d as defineCustomElement$9 } from './p-3217c7b5.js';
-import { d as defineCustomElement$8 } from './p-5a0e167d.js';
-import { d as defineCustomElement$7 } from './p-3062590d.js';
-import { d as defineCustomElement$6 } from './p-125e9845.js';
-import { d as defineCustomElement$5 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$4 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$3 } from './p-90d81e79.js';
-import { d as defineCustomElement$2 } from './p-f21f43d1.js';
-import { d as defineCustomElement$1 } from './p-44f424f6.js';
-
-const SmoothlyFormDemoAll = proxyCustomElement(class SmoothlyFormDemoAll extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '4aafdec8d02db081953d370ef8d76e2088bf1102' }, h("h2", { key: 'e8e4e41a8363fd24b1edc5a9e97a3b2c25858fe8' }, "All inputs"), h("smoothly-form", { key: '2c8e99228944bacb529312d309b10b9f3dba8e43', looks: "grid", type: "create", readonly: true, action: "https://api.toiletapi.com/upload/6b12fd2f-e896-46f9-b38f-25cf42cee4b4", onSmoothlyFormSubmit: e => {
-                Object.entries(e.detail.value).forEach(([key, value]) => console.log(key, value));
-            } }, h("smoothly-input", { key: '5453b9a059c8210c3311476842b7391f045667ab', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '90e31870a59bc198001b433647d2464a8686c019', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: 'a9a8375a554d460964cf1f8d2d83599e378143c0', size: "icon", slot: "end" })), h("smoothly-input", { key: 'f1af6f8f2c4c244a61bc4b7e2b2402c15bd36040', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: 'b07098fb565faa815121b1ac12d2f19c5dae383f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'a7a55e86d8c37219a8f689ae44f249fa4b147357', clearable: true, name: "radioFirstInput" }, h("label", { key: '3efcc33f30a7f52c4e287ddadf136b7bff33a383', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: 'bcdd7d2d5a7e3f9164f3970330ca517922ba1cc9', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'b90c7edce08ca75afc2abd72b91db9e7ec30621a', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'dfa717cfb10099f10c66810054e9c51874272c9a', value: "third" }, "Label 3")), h("smoothly-input-color", { key: '28c439cbcb81a7f3480e67d956cf28b0cdff18c0', name: "color" }, "Color"), h("smoothly-input-select", { key: '9d832b5471b3703173f92d0b2536af790ec872e2', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'bcc8d409a8d0fbfbdd7edc757958b3a43c2121b8', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '9270263fc0907a95fa4fda20faab20724463eccc', value: "1" }, "January"), h("smoothly-item", { key: 'df50a7b49930b58947e4ada4787fe0f3b9c7959b', value: "2" }, "February"), h("smoothly-item", { key: 'c9c9ed6fa3f64f2bb2a7f7ce7a8e3e6ec973a71b', value: "3" }, "March"), h("smoothly-item", { key: '1a4df13779efe8c8c61f2e57c39684690a7e677a', value: "4" }, "April"), h("smoothly-item", { key: 'c03f5dfebd422e4a81af772ab5ac5ddb08edecbd', value: "5" }, "May"), h("smoothly-item", { key: '1238d99c2295fa52c22e67076b9714d12cc19cba', value: "6" }, "June"), h("smoothly-item", { key: '46256dc03ebe9f2bebf360dfc51778aa1fa3f231', value: "7" }, "July"), h("smoothly-item", { key: '0d2d6530ef9a48579bf014197fa29c1778138b2d', value: "8" }, "August"), h("smoothly-item", { key: 'c454e4f74973b4e4919c8ea40576d174ec7c9762', value: "9" }, "September"), h("smoothly-item", { key: '6a410dc5b68b3fbd123531b99bad22d7ed9c0bce', value: "10" }, "October"), h("smoothly-item", { key: '5214628e65ea539a77a14eeb2bbfe4270fb03033', value: "11" }, "November"), h("smoothly-item", { key: '2ab1330f7b25c711d6d50239cff5f8c417addca6', value: "12" }, "December")), h("smoothly-input-select", { key: 'a1493892d87ab651e53780905807570b50b91d07', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '61df0c697952bff56da044b3f29748926e58967a', value: "folder", selected: true }, h("smoothly-icon", { key: '0e54b6ca59fccab56e3ed55aa03862a263eb7e55', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '5c3321c5142c69b3065b32a6b55a34aecfab33be', value: "camera" }, h("smoothly-icon", { key: 'cccbfdb9939b3d16a885d6605436fc54c1da3019', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: 'f2bd24855f068fb7add590cb87f4050a3c18c17f', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '59a3654cf275543968911fa8dba440c1667496f9', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: '45ed118690207280f2c26768d0da1b7801b24bf2', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: '4d597c188035beeec5adc9ccef43bdf9e3eb2427', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '9a9310130e8c940f4ec771aa6753e8f7231a7228', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '2c6cd64ce3a290205856e2442a1ef199a46d1cff', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'e90157d8dfae3668bc67aa5646f2176754b08347', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: '26ee4906aa12fc145f24a45fbe4e0e6ac4f828e7', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '9c313148e3134d81f9ffbe76bb50ddea1e5f82e3', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '471cde92dd3f9b6deb214d85fc689c4451ee2aac', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '9baf5b9e972d897d55296c4bc870b2c22df72caa', slot: "label" }, "Profile"), h("smoothly-icon", { key: '15b62211482dedb406cc0fe9979b2ea845ba8fb6', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '60578f6da664c305319c8f04d30a1c05eae33a06', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '8a9f189bacdba4054cbe6f4f21cd11c5246b5abb', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '480cf7b27cbdc2047f126677eb425a1576e98314', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: 'e3b3fb9fbf3a7999c76d81c85629170dd5efd6c3', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'db4bb9254a75878098844e4804a6121f053f631b', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '57b118fb1b4852b39baf424c3f69f1fa00bea891', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
-    }
-}, [2, "smoothly-form-demo-all"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-form-demo-all", "smoothly-button", "smoothly-button-confirm", "smoothly-display", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-form", "smoothly-icon", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-edit", "smoothly-input-file", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-spinner", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-form-demo-all":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyFormDemoAll);
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "smoothly-input-edit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-input-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-input-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-input-radio-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-input-range":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-input-reset":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-input-submit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyFormDemoAll as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-f5758759.js.map