smoothly 1.2.1-alpha.61 → 1.2.1-alpha.63

package/dist/components/p-c57b7011.js

@@ -1,238 +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$w } from './p-0a6f27a2.js';
-import { d as defineCustomElement$v } from './p-d4bf90ef.js';
-import { d as defineCustomElement$u } from './p-570e8262.js';
-import { d as defineCustomElement$t } from './p-461ffea2.js';
-import { d as defineCustomElement$s } from './p-49f90785.js';
-import { d as defineCustomElement$r } from './p-db95d66d.js';
-import { d as defineCustomElement$q } from './p-68b77df6.js';
-import { d as defineCustomElement$p } from './p-2020cb82.js';
-import { d as defineCustomElement$o } from './p-b4bb3e74.js';
-import { d as defineCustomElement$n } from './p-cf4e20eb.js';
-import { d as defineCustomElement$m } from './p-eafc7555.js';
-import { d as defineCustomElement$l } from './p-a698a6b7.js';
-import { d as defineCustomElement$k } from './p-637d2964.js';
-import { d as defineCustomElement$j } from './p-8918ad9d.js';
-import { d as defineCustomElement$i } from './p-256804de.js';
-import { d as defineCustomElement$h } from './p-b92f7f7f.js';
-import { d as defineCustomElement$g } from './p-bf12e671.js';
-import { d as defineCustomElement$f } from './p-a398630f.js';
-import { d as defineCustomElement$e } from './p-23d9ecf6.js';
-import { d as defineCustomElement$d } from './p-2137d036.js';
-import { d as defineCustomElement$c } from './p-853367ff.js';
-import { d as defineCustomElement$b } from './p-bc671400.js';
-import { d as defineCustomElement$a } from './p-a7980d2c.js';
-import { d as defineCustomElement$9 } from './p-d69de688.js';
-import { d as defineCustomElement$8 } from './p-21ba8cd0.js';
-import { d as defineCustomElement$7 } from './p-bfad759f.js';
-import { d as defineCustomElement$6 } from './p-42f2126d.js';
-import { d as defineCustomElement$5 } from './p-bc67259a.js';
-import { d as defineCustomElement$4 } from './p-be11a354.js';
-import { d as defineCustomElement$3 } from './p-cdeece09.js';
-import { d as defineCustomElement$2 } from './p-f0281d58.js';
-import { d as defineCustomElement$1 } from './p-9e758101.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: '2246e64ca0039a593a5e79c1b3cbec9f6cb61cd2' }, h("smoothly-input-demo-standard", { key: '2b37d1d772346558fc9877495c98ec484e443d24' }), h("div", { key: '989abdad396917b2bdfe9bc11140a1293546ac5c', class: "inputs" }, h("h2", { key: 'dcf89a34ee6e6397e5f714121724ef563dd3fd28' }, "Calendar"), h("smoothly-input-date", { key: '8e65b556c3fcf1a39323dd3a33d12a30b81e1dcd', name: "some-date" }, "Calendar"), h("h2", { key: '3cb4035f84892162377f96c19ee73680e03125d0' }, "Date Range"), h("smoothly-input-date-range", { key: 'c896e3bd9e37dbfb151be77e2c27703e0e6a2230', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-01", max: "2025-01-31" }), h("smoothly-input-date-range", { key: '40038ceb1fa825b4b690f68541a0f51f594899fc', name: "testing", start: Date.now(), end: Date.nextMonth(Date.now()), min: "2021-10-10", max: "2024-12-30" }, h("smoothly-input-reset", { key: '8c390691d230f83b3198d6b55320777570f5f583', slot: "end", size: "icon" })), h("smoothly-input-date-range", { key: 'ff17e15193315eb5f8114f30a926a9ecd04e989c', 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: '011f43052221a7c6f3ef33f500bcfba46608c841', slot: "end", size: "icon" })), h("h2", { key: 'd791ba4122393a98eb6d81306e291412054e3b23' }, "Date"), h("smoothly-input-date", { key: 'ee353162eccaa90c518ef9190a5457228b50a6da' }, "Date"), h("smoothly-input-date", { key: 'ab3c9d81356be6e50d1c3d55ebfc0d9590884e0d', showLabel: false, value: "2021-10-28", max: "2021-12-30", min: "2021-10-10" }, "Date"), h("smoothly-input-date", { key: '660520a7d8dc088129ee8675b418f80580369c84', value: "2021-10-28" }, "Date", h("smoothly-input-reset", { key: 'b41ed6b1f2d86a014bbc8814ae3af5f2bf73a179', slot: "end", size: "icon" })), h("smoothly-input-date", { key: '689789eb3bdd96e5d8bb592ecc54a46809dc571d', value: "2021-10-28" }, "Date", h("smoothly-input-clear", { key: 'c84ce2579bd57ec36bab8936b9260516dfbff578', slot: "end", size: "icon" })), h("h2", { key: 'e9d4a3630cd7dfbc15496d326842036b89b779ed' }, "Select"), h("div", { key: '73b5029be3bcb583ae7acd529c3360ae490f6ab8', class: "select-div" }, h("smoothly-input-select", { key: 'b2bd70fa2d9db0949de37384281cefa5f733e607', name: "select-dessert", looks: "border" }, h("label", { key: '9e876f17a3d8fd4c9dd8df5f36537cbd5ed26cab', slot: "label" }, "Select with clear button"), h("smoothly-item", { key: '99bb1a1be67495f593aab6217417989ae138338f', value: "1" }, "Ice cream"), h("smoothly-item", { key: '4ddecda514f630ede33ff1fedcdca479ab1f365a', value: "2" }, "Sponge cake"), h("smoothly-item", { key: 'edcd18711aa60bd585bb35684bf4335be079534e', value: "3", disabled: true }, "Disabled Item"), h("smoothly-item", { key: '193c1b1a166cab555df2e0738a6dbf7d002a68c6', value: "4" }, "Cookie"), h("smoothly-item", { key: '148b0f60bec0b9afd7611301d47ff3cbda1bd60e', value: "5" }, "Croissant"), h("smoothly-item", { key: '4c19e2ddcf1a804aaf2fc5f0c836c87f1c63536f', value: "6" }, "Chocolate fondue"), h("smoothly-input-clear", { key: '7fdc91054fc6694b3d9ed28fe58bbeb4ac7f3166', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '1dc6118a2716448a03a71c9004e37bd281a04fd8', multiple: true, name: "select-dessert-multiple", looks: "border" }, h("label", { key: '1c9aad56585335964fb6fbdbb322155aed1d8293', slot: "label" }, "Select multiple with reset button"), h("smoothly-item", { key: '1dcc6d0ae6890c8faf6fbd383d7cb49cffb4195d', value: "ice cream" }, "Ice cream"), h("smoothly-item", { key: '4928df31718469ae0a122b196d2da6049e08e27d', value: "sponge cake" }, "Sponge cake"), h("smoothly-item", { key: '804e3d867fdee5b41a691fefb18e1e0c1efa675d', selected: true, value: "cookie" }, "Cookie"), h("smoothly-item", { key: '47e18869a33e35c711b0af238c711c49a74a2f00', value: "croissant" }, "Croissant"), h("smoothly-item", { key: '2141bd943ddc5f23bd2e5d5340fe1c056b733767', selected: true, value: "chocolate fondue" }, "Chocolate fondue"), h("smoothly-input-reset", { key: '383060f11d35eaff155b922d0b4b2d7461d3ccf1', size: "icon", slot: "end" })), h("smoothly-input-select", { key: '997c4890240d191098f752d9a608f292f5e4285e', name: "spirit-animals", looks: "border", mutable: true }, h("label", { key: '4e4941d8eb6bbf6290283a71d88ef63cdabed4b4', slot: "label" }, "Select or add new options"), h("smoothly-item", { key: 'c5b5bdcdd54a7b3f53807b2c91deb0eacc4df76c', value: "manatee" }, "Manatee"), h("smoothly-item", { key: '7b984ebe49e44df568bf8afa71ac316f55c930aa', selected: true, value: "cthulu" }, "Cthulu")), h("smoothly-input-select", { key: 'ceb8e73087957269cb47bb09552a5972dcc83da7', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'dc9c4ba90d0ee6c4158abf3cddede72bd04e71d1', value: "folder", selected: true }, h("smoothly-icon", { key: 'edfbf4fa6aafe1588e5f3d805949f837f1e9cfbc', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'f46beb751b4e5394ca24fed76addc9a7931fa382', value: "camera" }, h("smoothly-icon", { key: '8b976d68da995707e36ff599f81343b9028bce45', size: "small", name: "camera-outline" }))), h("smoothly-input-select", { key: 'a92187babd4d365532b86fbbd7fb0f81dc277821', ordered: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: 'c03b7c86c8762080854546f7f0257ea7b5e8d488', 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: '50afad9842162fcd31c852082016e02197670682', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '8979507659fe2ea3bde09d62fcda6b0e0958f8d1', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: 'b5943c4ffa028794ae353751d9f6f54cb9de8729', value: "1" }, "January"), h("smoothly-item", { key: '715dad0e6198ae650b92216671adcb4f55e38595', value: "2" }, "February"), h("smoothly-item", { key: '5e1c9571dd3e85bfbb662d37e332686f2e995c88', value: "3" }, "March"), h("smoothly-item", { key: '035d61411f7338aa13be7cd5a6e3033416c4d7d5', value: "4" }, "April"), h("smoothly-item", { key: 'f01102310093062173127c830235f72c854f3a72', value: "5" }, "May"), h("smoothly-item", { key: '10e7fb2d176bb14e93c5b3c208b559eec05b63b2', value: "6" }, "June"), h("smoothly-item", { key: 'b7e84c66de94608b6435c69a25d7558e93c9f92f', value: "7" }, "July"), h("smoothly-item", { key: '92a1692fb3399e45f6c1daabab735a5151f7cedd', value: "8" }, "August"), h("smoothly-item", { key: 'c69002d6ef0ffec601898f2da9bfb2093f87b131', value: "9" }, "September"), h("smoothly-item", { key: '1ddfa11c9807052c4dfc35b21edc197dbe292534', value: "10" }, "October"), h("smoothly-item", { key: 'bc5927fa54de0dacd80ae937892d5ce0c9a2d435', value: "11" }, "November"), h("smoothly-item", { key: 'a3d0cd6e6c3f348c294d91cb54484f84f9d51ef5', value: "12" }, "December"))), h("h2", { key: 'ad2d4f82623153c04d76dc435ee9b62d02ae2400' }, "Duration"), h("smoothly-input", { key: '4f4cad2567f82920fcb7dd3c66a82b720e0dfbd4', name: "duration", type: "duration", placeholder: "hh:mm", value: this.duration, onSmoothlyInput: e => (this.duration = e.detail.duration) }, "Duration"), h("smoothly-input", { key: 'a00c994eb83ce0d9123d1c07d7a4baf19e8a0a29', name: "duration", type: "duration", value: this.duration, placeholder: "-hh:mm", onSmoothlyInput: e => {
-                const duration = e.detail.duration;
-                this.duration = duration;
-            } }, "Duration"), h("h2", { key: '91506193cc92d0c1f497d74031b2be1192b2beca' }, "Integer with Min/Max"), h("smoothly-input", { key: '481aa0956f649040e9f43d2a7c62804bb92efef9', name: "days", type: "integer", min: 0, max: 365 }, "Days per year (0-365)"), h("smoothly-input", { key: '38a054ca282fafdd961218f7e6da5760307fddf1', name: "hour", type: "integer", min: 0, max: 23 }, "Hours per day (0-23)"), h("smoothly-input", { key: '5332e8aa8b06b66427337f2d1ff8f51a8511e382', name: "minute", type: "integer", min: 0, max: 59 }, "Minutes per hour (0-59)"), h("smoothly-input", { key: 'eb44b024a1302cbb48d8bb6e34ba3f8cda2cd919', name: "minute", type: "integer", min: 18, max: 120 }, "Age (18-120)"), h("h2", { key: '4b990e9c2dde97a9f15f9b7c4b87156abab06cbf' }, "Invalid text with warning icon and tooltip"), h("smoothly-input", { key: '71bdb7feb20f18c2a37dc4860ff3a9202eacf8ac', 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: '2deb15192feae3b18f0c8d0a0398a12a5bd81d21' }, "Identifiers"), h("smoothly-input", { key: '2e0243a190b1c2280bac015a66516a5fe372258d', type: "identifier-code" }, "Code"), h("smoothly-input", { key: 'ff873320ab3c15d5cfbb9869b6c62aaf74900cea', type: "identifier-attribute" }, "Attribute"), h("smoothly-input", { key: '68246a134a3fc98450ff3fdcb6129ae416e24541', type: "identifier-snake" }, "Snake"), h("smoothly-input", { key: 'e5b5a8a769712436c498a6728cd8c678709256ce', type: "identifier-pascal" }, "Pascal"), h("smoothly-input", { key: 'd8187ead8f3f1a2ccb9ad5255b74b00ea6dcdb81', type: "identifier-camel" }, "Camel"), h("h2", { key: '84ddb5eea8bbc25670b623966ee44acb66985435' }, "Input Alternatives"), h("smoothly-input", { key: 'a4cc2d53f80a569c0fc5aff4002c0d3122d0ef90', type: "text", name: "name.last", onSmoothlyChange: e => console.log("smoothly change event") }, h("smoothly-icon", { key: '96c373625202143aeaba7c9c521fc0def6e319be', name: "checkmark-circle", slot: "start" }), "First Name"), h("smoothly-input", { key: '6a681ff90c7c95a22d7e6a7567ee5efd8bdec07f', type: "text", name: "name.first", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '1b11a1e1a295a123126640c4a481af89df6bcec9', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '7ca34d9ae381a0b12c265866ac3f771726eba93d', type: "text", name: "name.first", placeholder: "Smith", onSmoothlyChange: e => console.log("smoothly change event") }, "Last Name", h("smoothly-icon", { key: '2ff4650c1f7b3f48c6f9828523c7f07de7b4fa85', name: "checkmark-circle", slot: "end" })), h("smoothly-input", { key: '061310e54b36c9c75a87e3e18fbba4112b91cb1c', placeholder: "test" }), h("smoothly-input-submit", { key: '99698172c9514334dedac33b8c2fc6548b88fbaa', slot: "submit", fill: "solid", onSubmit: (e) => alert(e), color: "success" }), h("h4", { key: 'ad71dff1660186bba82f34191b0ca60efae720d7' }, "Smoothly checkboxes"), h("div", { key: '5718011f939a0878ab8ea3afaecbda302e31c73b', class: "checkbox-group" }, h("smoothly-input-checkbox", { key: '5b5ba10540de4438e2c10b6c02d0fad978d515a4', disabled: true, name: "first-checkbox" }, h("smoothly-icon", { key: '0e718adc3894003b058826ea301d2c754ae8c1f3', name: "checkmark-circle", slot: "start", size: "tiny" }), "First"), h("smoothly-input-checkbox", { key: '15135f72968c4d699acc9e68bb5e5cd816665087', name: "second-checkbox", checked: true }, h("smoothly-icon", { key: 'ae3d257b11cecf9ef2eb97493acf4fb3cbaf3b40', name: "checkmark-circle", slot: "start", size: "tiny" }), "second", h("smoothly-input-clear", { key: 'c27de2287e7659e8e48380f67d02d0408cdb51a2', size: "icon", slot: "end" })), h("smoothly-input-checkbox", { key: '8eb99fac6b762993b72d224e1323579b6148d5f6', name: "third-checkbox" }, "3rd")), h("h4", { key: 'e5dd8c9ca4c8be3222ea3f9aa55f669d4028e5d6' }, "Smoothly Radio Buttons"), h("smoothly-input-radio", { key: '77070459eecd7514acb8601ec93a37b9450168e3', clearable: true, name: "radioFirstInput" }, h("smoothly-icon", { key: '9e3d161e5c499fc80a5945adeacf1144e92df785', name: "checkmark-circle", slot: "start" }), h("label", { key: 'aa6324183b7a0826e7c3a25494ae074b436c174d', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '02694e25f144985698a0ef92ea53c3659ab84290', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '09d2c82fd813ed5181073ab3dc7725b42bd47f4e', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '2772c21b13d27b3d9a1a800e4f008a838bfe65df', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '60e95d7e3fbcf1d36b1c36ddbc6994e92a3750c5', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'bbd63cb0a3ebda2cfef6221e61ea0b5cb31380d4', name: "radioSecondInput" }, h("label", { key: '4f482e6d096f536aef54c7326bd78d3bf156b8ab', slot: "label" }, "Not clearable"), h("smoothly-input-radio-item", { key: '761efe9c3501c0d2965ad4105733df91934841f9', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'd9d6ca775c01be53e0bec4d213c62d6d37958a35', value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: 'fda64767508f76c7343baa564d5fabde05f125b8', value: "third" }, "Label 3"), h("smoothly-input-radio-item", { key: '6e7ba43e516578bf7977b4a3b71cb4c3488d9d1f', value: "fourth" }, "Label 4"), h("smoothly-input-radio-item", { key: '6de5860b06e1dd083818bc46c2c43cdd672e3bfa', value: "fifth" }, "Label 5"), h("smoothly-input-radio-item", { key: '2e3e2e0cf07b6a69aa8b38bad85c7dc4082ca70c', value: "sixth" }, "Label 6")), h("smoothly-input-range-demo", { key: '4d19c2422d932957c98829a27692dd13a0125b34' }), h("smoothly-input-color-demo", { key: '8a811c4a90aa12b89a98513e9a91bc176d346296' }), h("smoothly-input-price-demo", { key: '93e80a88afa678602c2ba2e84cfc7e49ab15d993' }), h("smoothly-back-to-top", { key: '8f02b74e7694f5ebfc62639540c4a3994c6a1ff8' }))));
-    }
-    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-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$w();
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$v();
-            }
-            break;
-        case "smoothly-button-confirm":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$u();
-            }
-            break;
-        case "smoothly-calendar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "smoothly-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "smoothly-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "smoothly-input-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "smoothly-input-clear":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "smoothly-input-color":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "smoothly-input-color-demo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "smoothly-input-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "smoothly-input-date-range":
-            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-c57b7011.js.map

package/dist/components/p-c57b7011.js.map

@@ -1 +0,0 @@
-{"file":"p-c57b7011.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/input/demo/style.css?tag=smoothly-input-demo&encapsulation=scoped","src/components/input/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-top: 2em;\n\tmargin-bottom: 10rem;\n}\n\nsmoothly-input-demo-standard {\n\tmargin-bottom: 2rem;\n}\n\ndiv.inputs {\n\tmargin: auto;\n\twidth: 50%;\n}\n\ndiv.inputs>h2:not(:first-child) {\n\tpadding-top: 3em;\n\tmargin-top: 3em;\n\tborder-top: 1px solid black;\n}\n\n.checkbox-group {\n\tdisplay: flex;\n\tgap: 1.5em;\n\talign-items: center;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n.select-div {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tgap: 1em;\n\tflex-wrap: wrap;\n}\n\n.select-div>smoothly-color>*,\n.select-div>* {\n\tflex-basis: 49%;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemo {\n\t@State() duration: isoly.TimeSpan = { hours: 8 }\n\t@State() alphanumeric: string = \"!@##\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-input-demo-standard />\n\t\t\t\t<div class=\"inputs\">\n\t\t\t\t\t<h2>Calendar</h2>\n\t\t\t\t\t<smoothly-input-date name=\"some-date\">Calendar</smoothly-input-date>\n\t\t\t\t\t<h2>Date Range</h2>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-01\"\n\t\t\t\t\t\tmax=\"2025-01-31\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tname=\"testing\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2024-12-30\">\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\tlooks=\"grid\"\n\t\t\t\t\t\tstart={isoly.Date.now()}\n\t\t\t\t\t\tend={isoly.Date.nextMonth(isoly.Date.now())}\n\t\t\t\t\t\tmin=\"2021-10-10\"\n\t\t\t\t\t\tmax=\"2025-12-30\"\n\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\"--smoothly-input-border-radius\": \"0.5rem\",\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t<h2>Date</h2>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date showLabel={false} value=\"2021-10-28\" max=\"2021-12-30\" min=\"2021-10-10\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-reset slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date value=\"2021-10-28\">\n\t\t\t\t\t\tDate\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" size=\"icon\" />\n\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t<h2>Select</h2>\n\t\t\t\t\t<div class=\"select-div\">\n\t\t\t\t\t\t<smoothly-input-select name=\"select-dessert\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select with clear button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\" disabled>\n\t\t\t\t\t\t\t\tDisabled Item\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">Cookie</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">Chocolate fondue</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple name=\"select-dessert-multiple\" looks=\"border\">\n\t\t\t\t\t\t\t<label slot=\"label\">Select multiple with reset button</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"ice cream\">Ice cream</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"sponge cake\">Sponge cake</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cookie\">\n\t\t\t\t\t\t\t\tCookie\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"croissant\">Croissant</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"chocolate fondue\">\n\t\t\t\t\t\t\t\tChocolate fondue\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-input-reset size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"spirit-animals\" looks=\"border\" mutable>\n\t\t\t\t\t\t\t<label slot=\"label\">Select or add new options</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"manatee\">Manatee</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item selected value=\"cthulu\">\n\t\t\t\t\t\t\t\tCthulu\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select name=\"select-icon\" clearable={false} showSelected={false}>\n\t\t\t\t\t\t\t<smoothly-item value=\"folder\" selected>\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"folder-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"camera\">\n\t\t\t\t\t\t\t\t<smoothly-icon size=\"small\" name=\"camera-outline\" />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select ordered menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Alphabet ordered select</label>\n\t\t\t\t\t\t\t{Array.from({ length: 26 })\n\t\t\t\t\t\t\t\t.map((_, i) => String.fromCharCode(i + 65))\n\t\t\t\t\t\t\t\t.map(char => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={char} selected={char == \"H\"}>\n\t\t\t\t\t\t\t\t\t\t{char}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t\t<smoothly-input-select multiple menuHeight=\"7.5items\" placeholder=\"Select...\" name=\"select-month\">\n\t\t\t\t\t\t\t<label slot=\"label\">Month multiple select</label>\n\t\t\t\t\t\t\t<smoothly-item value=\"1\">January</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"2\">February</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"3\">March</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"4\">April</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"5\">May</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"6\">June</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"7\">July</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"8\">August</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"9\">September</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"10\">October</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"11\">November</smoothly-item>\n\t\t\t\t\t\t\t<smoothly-item value=\"12\">December</smoothly-item>\n\t\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h2>Duration</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.duration = e.detail.duration)}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"duration\"\n\t\t\t\t\t\ttype=\"duration\"\n\t\t\t\t\t\tvalue={this.duration}\n\t\t\t\t\t\tplaceholder=\"-hh:mm\"\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tconst duration = e.detail.duration\n\t\t\t\t\t\t\tthis.duration = duration\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tDuration\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Integer with Min/Max</h2>\n\t\t\t\t\t<smoothly-input name=\"days\" type=\"integer\" min={0} max={365}>\n\t\t\t\t\t\tDays per year (0-365)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"hour\" type=\"integer\" min={0} max={23}>\n\t\t\t\t\t\tHours per day (0-23)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={0} max={59}>\n\t\t\t\t\t\tMinutes per hour (0-59)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"minute\" type=\"integer\" min={18} max={120}>\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Invalid text with warning icon and tooltip</h2>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\tname=\"alphanumeric\"\n\t\t\t\t\t\tinvalid={!/^[a-zA-Z0-9]+$/.test(this.alphanumeric)}\n\t\t\t\t\t\terrorMessage={\"Only alphanumeric allowed\"}\n\t\t\t\t\t\tvalue={this.alphanumeric}\n\t\t\t\t\t\tonSmoothlyInput={e => (this.alphanumeric = e.detail.alphanumeric)}>\n\t\t\t\t\t\tAlphanumeric\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<h2>Identifiers</h2>\n\t\t\t\t\t<smoothly-input type=\"identifier-code\">Code</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-attribute\">Attribute</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-snake\">Snake</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-pascal\">Pascal</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"identifier-camel\">Camel</smoothly-input>\n\t\t\t\t\t<h2>Input Alternatives</h2>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.last\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFirst Name\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\" onSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tname=\"name.first\"\n\t\t\t\t\t\tplaceholder=\"Smith\"\n\t\t\t\t\t\tonSmoothlyChange={e => console.log(\"smoothly change event\")}>\n\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input placeholder=\"test\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" fill=\"solid\" onSubmit={(e: Event) => alert(e)} color=\"success\" />\n\t\t\t\t\t<h4>Smoothly checkboxes</h4>\n\t\t\t\t\t<div class=\"checkbox-group\">\n\t\t\t\t\t\t<smoothly-input-checkbox disabled name=\"first-checkbox\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tFirst\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"second-checkbox\" checked>\n\t\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" size=\"tiny\" />\n\t\t\t\t\t\t\tsecond\n\t\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t<smoothly-input-checkbox name=\"third-checkbox\">3rd</smoothly-input-checkbox>\n\t\t\t\t\t</div>\n\t\t\t\t\t<h4>Smoothly Radio Buttons</h4>\n\t\t\t\t\t<smoothly-input-radio clearable name=\"radioFirstInput\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\t<label slot=\"label\">Clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item selected value={\"second\"}>\n\t\t\t\t\t\t\tLabel 2\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-radio name=\"radioSecondInput\">\n\t\t\t\t\t\t<label slot=\"label\">Not clearable</label>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"first\"}>Label 1</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"second\"}>Label 2</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"third\"}>Label 3</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fourth\"}>Label 4</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"fifth\"}>Label 5</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value={\"sixth\"}>Label 6</smoothly-input-radio-item>\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-range-demo />\n\t\t\t\t\t<smoothly-input-color-demo />\n\t\t\t\t\t<smoothly-input-price-demo />\n\t\t\t\t\t<smoothly-back-to-top />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-eafc7555.js.map

@@ -1 +0,0 @@
-{"file":"p-eafc7555.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,+yBAA+yB,CAAC;AACj0B,2BAAe,QAAQ;;MCQV,YAAY;;;;;oBAEc,OAAO;oBACG,OAAO;oBACgB,QAAQ;;;;;;;IAO/E,MAAM,iBAAiB;QACtB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KACxB;IAGD,MAAM,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE;YACzB,MAAM,OAAO,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YAC3D,IAAI,MAAM,GAAG,MAAM,OAAO,CAAA;YAC1B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE;gBAClC,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CACZ,OAAO,CAAC,eAAe,EAAE,eAAe,EACzC,OAAO,CAAC,2BAA2B,EAAE,EAAE,EACvC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;gBAC/B,IAAI,CAAC,IAAI,CAAC,OAAO;oBAChB,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA;qBAC9C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,SAAS,CAAC;oBACnC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,wBAAwB,EAAE,UAAU,IAAI,CAAC,OAAO,UAAU,CAAC,CAAA;;oBAEnF,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,OAAO,YAAY,CAAC,CAAA;gBAClF,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;aAC3B;SACD;;YACA,IAAI,CAAC,cAAc,EAAE,CAAA;KACtB;IACD,cAAc,CAAC,QAAiB;QAC/B,IAAI,CAAC,QAAQ;YACZ,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACR;;SAEM,CAAA;KACP;IAED,MAAM;;QACL,OAAO,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,GAAG,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,CAAC,KAAK,EAAE,GAAI,CAAA;KAC9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon/style.css?tag=smoothly-icon&encapsulation=scoped","src/components/icon/index.tsx"],"sourcesContent":[":host[size] {\n\tbackground: none;\n}\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbox-sizing: content-box;\n}\n:host[rotate] {\n\t--rotate: rotate(var(--rotation, 0deg));\n\ttransform: var(--rotate);\n}\n:host[flip=x] {\n\t--flip: scaleX(-1);\n\ttransform: var(--flip);\n}\n:host[flip=y] {\n\t--flip: scaleY(-1);\n\ttransform: var(--flip);\n}\n:host[rotate][flip] {\n\ttransform:var(--rotate)var(--flip);\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host[size=tiny] {\n\twidth: 1.2em;\n\theight: 1.2em;\n}\n:host[size=small] {\n\twidth: 1.4em;\n\theight: 1.4em;\n}\n:host[size=medium] {\n\twidth: 1.8em;\n\theight: 1.8em;\n}\n:host[size=large] {\n\twidth: 2.8em;\n\theight: 2.8em;\n}\n:host[size=xlarge] {\n\twidth: 4em;\n\theight: 4em;\n}\n:host::slotted(svg) {\n\t/* this is needed for svg to work on safari */\n\twidth: 100%;\n}\n","import { Component, h, Host, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-icon\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIcon {\n\t@Prop({ reflect: true }) color: Color\n\t@Prop({ reflect: true }) fill: Fill = \"solid\"\n\t@Prop({ reflect: true }) name: Icon | \"empty\" = \"empty\"\n\t@Prop({ reflect: true }) size: \"tiny\" | \"small\" | \"medium\" | \"large\" = \"medium\"\n\t@Prop({ reflect: true }) rotate?: number\n\t@Prop({ reflect: true }) flip?: \"x\" | \"y\"\n\t@Prop() toolTip?: string\n\t@State() latestPromise: Promise<string | undefined>\n\t@State() document?: string\n\n\tasync componentWillLoad() {\n\t\tawait this.nameChanged()\n\t}\n\t@Watch(\"toolTip\")\n\t@Watch(\"name\")\n\tasync nameChanged() {\n\t\tif (this.name != \"empty\") {\n\t\t\tconst promise = (this.latestPromise = Icon.load(this.name))\n\t\t\tlet result = await promise\n\t\t\tif (promise == this.latestPromise) {\n\t\t\t\tresult = result\n\t\t\t\t\t?.replace(/(?<=^<svg\\s?)/, `$& role=\"img\"`)\n\t\t\t\t\t.replace(` width=\"512\" height=\"512\"`, \"\")\n\t\t\t\t\t.replace(/stroke:#000;/gi, \"\")\n\t\t\t\tif (!this.toolTip)\n\t\t\t\t\tresult = result?.replace(/<title>.*<\\/title>/, \"\")\n\t\t\t\telse if (result?.includes(\"<title>\"))\n\t\t\t\t\tresult = result.replace(/(<title>).*(<\\/title>)/, `<title>${this.toolTip}</title>`)\n\t\t\t\telse\n\t\t\t\t\tresult = result?.replace(/(.*>)(<\\/svg>$)/, `$1<title>${this.toolTip}</title>$2`)\n\t\t\t\tthis.updateDocument(result)\n\t\t\t}\n\t\t} else\n\t\t\tthis.updateDocument()\n\t}\n\tupdateDocument(document?: string) {\n\t\tthis.document =\n\t\t\tdocument ??\n\t\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n\t\t<title>Empty</title>\n\t\t</svg>`\n\t}\n\n\trender() {\n\t\treturn <Host innerHTML={this.document} style={{ [\"--rotation\"]: `${this.rotate ?? 0}deg` }} />\n\t}\n}\n"],"version":3}

package/dist/components/smoothly-toggle.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SmoothlyToggle extends Components.SmoothlyToggle, HTMLElement {}
-export const SmoothlyToggle: {
-    prototype: SmoothlyToggle;
-    new (): SmoothlyToggle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/smoothly-toggle.js

@@ -1,8 +0,0 @@
-import { S as SmoothlyToggle$1, d as defineCustomElement$1 } from './p-310690f3.js';
-
-const SmoothlyToggle = SmoothlyToggle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SmoothlyToggle, defineCustomElement };
-
-//# sourceMappingURL=smoothly-toggle.js.map

package/dist/components/smoothly-toggle.js.map

@@ -1 +0,0 @@
-{"file":"smoothly-toggle.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}