smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

package/dist/components/p-d03c0d34.js

@@ -1,176 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f765921a.js';
-import { D as Date } from './p-390767c7.js';
-import { C as Color } from './p-8e1e509d.js';
-import { N as Notice } from './p-ef01331e.js';
-import './p-47ea6b68.js';
-import { d as defineCustomElement$b } from './p-be6d380e.js';
-import { d as defineCustomElement$a } from './p-f9770ff7.js';
-import { d as defineCustomElement$9 } from './p-8f3652f7.js';
-import { d as defineCustomElement$8 } from './p-7c5243b2.js';
-import { d as defineCustomElement$7 } from './p-6ead1a42.js';
-import { d as defineCustomElement$6 } from './p-2020cb82.js';
-import { d as defineCustomElement$5 } from './p-b4bb3e74.js';
-import { d as defineCustomElement$4 } from './p-b5bca419.js';
-import { d as defineCustomElement$3 } from './p-330e3342.js';
-import { d as defineCustomElement$2 } from './p-0cfd31a4.js';
-import { d as defineCustomElement$1 } from './p-d634bd29.js';
-
-const SmoothlyDisplayDemo = proxyCustomElement(class SmoothlyDisplayDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.notice = createEvent(this, "notice", 7);
-        this.downloadingSpinner = undefined;
-    }
-    noticeWarning(notice) {
-        console.log("emit", notice);
-        this.notice.emit(notice);
-    }
-    render() {
-        return [
-            h("main", { key: 'fd051f67ea55f254181be2b43716e84e00cabb05' }, h("fieldset", { key: 'bea8026fe521ec050e1780416fa9e32989b2afa4' }, h("h2", { key: 'ef4c1a656d67796afc8f9c5c9db63c04f96aab4c' }, "Smoothly display"), h("dl", { key: '8deda943fa8ead28b6df1b007907f6d9dbf66d85' }, h("dt", { key: 'caf0ad2fe220cdb62d47140efd9684998246e2c3' }, "Duration"), h("dd", { key: 'f1c4659bf36f0a327fabba9314042dace342c13b' }, h("div", { key: '30872a9bd82d2814a82cf53ec42f3a7b3fe13b3a' }, h("div", { key: '5f733cc2b6a745712e246479c59b8aa3daf11312' }, h("smoothly-display", { key: '1998b9c2061fa468aa9fffe4d733a8a683baae05', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), h("div", { key: '159344fc77844facc8960a4f71a99813623a7763' }, h("smoothly-display", { key: 'd0f14a4f05e1b9353b9a0b389c17e3fbd7537b1b', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), h("div", { key: 'cc65ac80578b939be2d3802fd3a5ded8fbf5b384' }, h("smoothly-display", { key: '489a7d80e18f1bb9d26eb8e807467f0cd8e0e1dc', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), h("div", { key: 'a7d5607906b992f698a00d293872dd5cfc65ad42' }, h("smoothly-display", { key: 'b868bb9a2ce5b8b0bab62e4ab90f5ed8172b2dc1', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), h("div", { key: 'bf53f2aae5ab5cdb6f7d98aba73a9e382fb98bd6' }, h("smoothly-display", { key: 'd27e664c4d0007dccfae976a13b3c3e202d7052b', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), h("div", { key: '7e7ab059fe4ce79836b9b3c63a212e5ab9e4b36c' }, h("smoothly-display", { key: '388670fcb5c8371244c4112d0cf5f0050b59b134', style: { display: "inline" }, type: "duration", value: {} }), " h"), h("div", { key: 'e34c143b748072810cec75427ee497bfa25f92d7' }, h("smoothly-display", { key: 'bc74a20668e2b2b8e5561ebcd79fcff63c7886d7', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), h("dt", { key: '04d7d7e6d8695b50afd0c80d7b8123d22a96a0a0' }, "text"), h("dd", { key: '0a51fa2990fa85c8154e2a14ad374252104d8658' }, h("smoothly-display", { key: '75b7cf9296c52cda27db01cc201b4417e2f19288', type: "text", value: "text" })), h("dt", { key: '3c9fa1e7b2eda3a838d779885ad48073a1e7ca78' }, "postal code"), h("dd", { key: 'adcfacf0c296667c4a98919fc64ff1b6823f253c' }, h("smoothly-display", { key: 'f35d166fc0ae74f26d9dab3ce217edf1e8df348e', type: "postal-code", value: "752 31" })), h("dt", { key: '5dd7df04105283e70182a8c24d69c7abc1632a0e' }, "password"), h("dd", { key: 'd785701c8d5e6ce9dddfe618b91f113b1cc47694' }, h("smoothly-display", { key: 'd9a04bc3d9c62eebf4b8fa192ee43544e25f48ec', type: "password", value: "password" })), h("dt", { key: '72a245580c0d67958d821918a64634089badf6e0' }, "email"), h("dd", { key: '4e2129c4690821e35017a025378a52a82d9c6e12' }, h("smoothly-display", { key: '6f60bb0a22b496b52f76d72c25f9c4959c275174', type: "email", value: "test@example.com" })), h("dt", { key: 'b47e6d91ac2ad5839eff3f2ed72793406c447381' }, "price"), h("dd", { key: '5ed6dc4d1894989f8c59e85a9d6b3474b1838d46' }, h("smoothly-display", { key: '88d50f738cc333ee0284011ded0e5bc2eb90eb01', type: "price", value: "13.37", currency: "SEK" })), h("dt", { key: '52b377e012d006448361e4190e85238eab82f425' }, "price without decimals"), h("dd", { key: '2d070cde97c125943423c28dd37a1bec7f1bf521' }, h("smoothly-display", { key: 'a63703e7aa73188db4b78d2378f2e30d491b35d7', type: "price", value: 200, currency: "SEK", toInteger: true })), h("dt", { key: '10348b35a582998ee6107a2b5c55a589e0d8c66d' }, "price with decimals if they are set, otherwise no decimal"), h("dd", { key: 'da178ce35a352086c815f4cfac4096e34abbaef7' }, h("smoothly-display", { key: '08b7c0ba00f0b9b57d1ea8cc4b537bf6b632c2b0', type: "price", value: 200.2, currency: "SEK", toInteger: true })), h("dt", { key: 'd7db59b325e85da3458ac99916b9bcf67ea567ff' }, "price with decimals"), h("dd", { key: '526c59b42c339389a0839a0ee96299d184850d2c' }, h("smoothly-display", { key: '2d7ebb7450b5eb08ee6ff7ada84034db4cfb06ab', type: "price", value: 200.2, currency: "SEK" })), h("dt", { key: '0417d708b6db96a1a3d08ccb552dc3704383f498' }, "percent"), h("dd", { key: '8c35ad31827aeddb6b205a7009e9987d317a813c' }, h("smoothly-display", { key: 'ebd4dd2565a20e48d31724b44d11b5cb44ae5277', type: "percent", value: "42" })), h("dt", { key: '65a23b48dbed3e8e7b50725148acd17891e19ddd' }, "phone"), h("dd", { key: '515ed149215811c8434f340256f8b4d331763db9' }, h("smoothly-display", { key: '6b7422b4b8387e74ef38aba7e8567f11b263cf9a', type: "phone", value: "0101881108" })), h("dt", { key: 'c1fe3e553de1313a579833275f43246d0673f812' }, "card number"), h("dd", { key: '6078440f5880b8442e388517f42660362841db2a' }, h("smoothly-display", { key: '6eb5a018d0d6f7f8458955369481294408d4fdf4', type: "card-number", value: "4111111111111111" })), h("dt", { key: '4ac0a352835d49083a89465d7fea27f951d2c4ac' }, "card expires"), h("dd", { key: 'db0cbb3b0795b19ffbf184da0dd2625eb8fb8918' }, h("smoothly-display", { key: 'd9ee4dc173460f0952d77053d12c68fce7feddc6', type: "card-expires", value: "7/22" })), h("dt", { key: '515cacce3dca652dfba9bf5528211576231495e5' }, "card csc"), h("dd", { key: '9f6c2d8490963f09828993d42ee16b9ffc5e0d0f' }, h("smoothly-display", { key: '1afda51b0213c77cf3b353bade47671790475112', type: "card-csc", value: "987" })), h("dt", { key: 'e7204fbb88672bf46f9551d7cf50e750cc8bbb38' }, "date"), h("dd", { key: '34fcebf482a696d179efbccc0708b8e71e8726d1' }, h("smoothly-display", { key: 'a55391a66ccc1cf033a2519fdf3b75c2510cb11f', type: "date", value: "2022-07-07" })), h("dt", { key: '4a818e58e65af6b0b27d090fb53909f4030a0442' }, "date time"), h("dd", { key: '18874fbe62d3f0d4758fbcb3ea56c28698285c23' }, h("smoothly-display", { key: '137a6be8368b02ec204b5baa82bf455f69a2fded', type: "date-time", format: {
-                    year: "numeric",
-                    month: "short",
-                    day: "numeric",
-                    hour: "numeric",
-                    minute: "numeric",
-                    second: "numeric",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '81829d196bd5886e41d896369a9c20a0e9ac6475' }, h("smoothly-display", { key: '69d3bce166d11def43480659575c51c171c22a45', type: "date-time", format: {
-                    year: "2-digit",
-                    month: "long",
-                    day: "2-digit",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    second: "2-digit",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '9f8913ccf6eb9aa0320ccc96c5f63d1368e03cb5' }, h("smoothly-display", { key: '440dec80b84e484440f55e568d018a46ebdcc199', type: "date-time", format: {
-                    year: "numeric",
-                    month: "2-digit",
-                    day: "2-digit",
-                    hour: "numeric",
-                    minute: "numeric",
-                    second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: 'ca5f7e206cf42b4bee3e885c8dd6fb5ce1fb414e' }, h("smoothly-display", { key: 'c2258980a847c8d2ac8c77a47e7a5772bce08ec8', type: "date-time", format: {
-                    year: "numeric",
-                    month: "numeric",
-                    day: "numeric",
-                    hour: "numeric",
-                    minute: "numeric",
-                    second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '8b99f1ea1299e7001053e7b9deece7e6a15e2542' }, h("smoothly-display", { key: '89c93cace88996c65faa0791cc0ffd7a4e9e083a', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '570142486b7ab93ddd59d9f418a60d700c7817d5' }, h("smoothly-display", { key: '63dfcf83183fba060fceed447d4bcdd0c30eb5a9', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '4cc6f5ba3ddd1b339d5fb015de456abae54aab43' }, h("smoothly-display", { key: '6c2f659af73220903642fd0807d1151f204ba837', type: "date-time", format: {
-                    year: "2-digit",
-                    month: "numeric",
-                    day: "numeric",
-                    hour: "2-digit",
-                    minute: "2-digit",
-                    second: "2-digit",
-                    timeZone: "Europe/Stockholm",
-                }, value: "2022-07-07T12:15Z" })), h("dt", { key: 'cb48cb11e0a8400291f08caa821b53cb443f8f12' }, "Display JSON"), h("dd", { key: '5f88f3eedffc8993d747898f9bf5dc9da06dbfb1' }, h("smoothly-display-demo-json", { key: '695a426dd6523dbac16fe830167f21e095499760' })))), h("h2", { key: 'e847b40c54e9c2343c3c572802732594110a3520' }, "With labels"), h("dd", { key: 'fa442318099a443bbc08f8b989993184afe12f57' }, h("smoothly-display", { key: 'e0b37f5c62a577c16805b7b3793a397ade55944e', label: "Today", type: "date", value: Date.now() }), h("smoothly-display", { key: 'e17917bd5c0ba53f198a218ac5377feb64a3219c', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), h("smoothly-display", { key: 'd8c0252e5b772d1328adcaff951d2394b4da4fdf', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), h("smoothly-display", { key: '3a020e58a1fbac08de20efa83040a6d2fff73d40', label: "Logs", type: "json", value: [
-                    { type: "trace", message: "Hello" },
-                    { type: "error", message: "Oh no!" },
-                ] })), h("fieldset", { key: '08d6ad86a6d79ff873156f7cb4d84360d8e92f38' }, h("h2", { key: '91450decd67bdc21c204adaa7f95d9d0d2f64107' }, "Test of different kinds of notifier"), h("button", { key: 'ded2972233a8361b91b75c8386ca3f3299735959', onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { key: '833fe76b9edaa48c4db0aed015bfd310936bd01a', onClick: () => this.noticeWarning(Notice.succeeded("This is a test success notice.")) }, "success"), h("button", { key: '5f74587f60215db920ea6a0b9a01702642e61745', onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { key: 'ed76217b6f2a5f84ecc04a04ebc13c1441958b39', onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { key: '7f7b974a4ed5528d8d226d380233e219203553bc', onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), h("fieldset", { key: '287c9ce5ae199417e9883b2d10c7f74e755ec0f1' }, h("h2", { key: '14379ccb8cc02c5041a11ba85b15785a4fd87711' }, "Smoothly spinner"), h("div", { key: '71d53a5d93355f097f377cf0665c299fe85746e8', style: { width: "fit-content" } }, "Large", h("smoothly-spinner", { key: 'ea3b1bc70eb21b536c561f33176caffd2891b6df', size: "large", style: {
-                    "--spinner-background": "200,255,200",
-                    "--spinner-background-opacity": "0.2",
-                    "--spinner-color": "0,130,0",
-                } })), h("div", { key: '0d5e895fdd77b5726b8c239e47cd044a067d1f2a', style: { width: "fit-content" } }, "Medium", h("smoothly-spinner", { key: '385f5a706c79db46521602b25a2b74010108c08d', size: "medium" })), h("div", { key: 'c7fa64f4652ec6c43d76f2479b7c0d495b839a39', style: { width: "fit-content" } }, "Small", h("smoothly-spinner", { key: '5c495259b28ce92f47998e40c30899ceaca44712', size: "small" })), h("div", { key: '788b86e0d1b31798d3ccb7a36b3b2ca30bbe5492' }, "Icon sized spinner on button", Color.types.map(color => (h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
-                    this.downloadingSpinner = true;
-                    setTimeout(() => (this.downloadingSpinner = false), 3000);
-                } }, !this.downloadingSpinner && h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), h("h3", { key: 'bfc699d0d863be1f32947b2c6fc8e423cfe9c6e7' }, "Spinner with overlay"), h("div", { key: '8b104392475d98d3ed535266efb5e1e43242eec2', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", h("smoothly-spinner", { key: 'da19b77e7623e6e5beb7a79f481c1454c0ba54ae', overlay: true, size: "large", style: {
-                    "--spinner-background": "255,200,255",
-                    "--spinner-background-opacity": "0.5",
-                    "--spinner-color": "0,130,0",
-                } })), h("div", { key: '5db60a3ef1c609c086605215bf67587018350a2b', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", h("smoothly-spinner", { key: '5680ba103faabfaf100971b44bd593c78e829d6f', overlay: true, color: "secondary", size: "medium" })), h("div", { key: '5c1744129386116f82e90b461a82b41f1b1a7fa2', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", h("smoothly-spinner", { key: '986d2d8a53fc002aee01448f70959a084712c3a2', overlay: true, size: "small" }))), h("fieldset", { key: '3c8217e31e5895740f9ec2db68a5936ece213134' }, h("h2", { key: '230544e3d1daf869ffe78018507938ede4cdd25f' }, "Smoothly summary"), h("smoothly-summary", { key: '1ef51bf9f6f09efec5ce78320c8c8d887e832536' }, h("p", { key: 'bbb4e1c627cc29bcd3dcbf869123cd46fcee7c78', slot: "summary" }, "Some title"), h("p", { key: '98c3df7e2be91138ada47962a3d816ef7ca96116', slot: "content" }, "Some content")), h("smoothly-summary", { key: '0cee5711b5d4982d83a5af38de7b4a9d07f5b681', size: "large" }, h("p", { key: '01d3e7770a29191f3435ff71b5b910b1fe971986', slot: "summary" }, "Some title"), h("p", { key: '4bf19406510e9754aa6a6e80bf246250d16147b7', slot: "content" }, "Some content")), h("smoothly-summary", { key: '140ae2b80f6444ae1b0c6f010a986ad44a3ae660', color: "danger", fill: "clear" }, h("div", { key: '79d24ee9a8b34a5a1237133cf3b91b57a1939be9', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, h("span", { key: 'f356abe390f260e9a42fdda66618326133aa077d' }, "Person"), h("smoothly-icon", { key: 'adbc3c65da8c17a682f1f94dff503a2fb8b15f6c', name: "person", color: "light", fill: "clear", size: "tiny" })), h("p", { key: 'c9ee2266ff09249a525c04d5f336f7d837b683bf', slot: "content" }, "Some person information.")), h("smoothly-summary", { key: '8ceed261dadef7e9e1a36223034838843b193d95', color: "danger", fill: "clear", open: true }, h("p", { key: 'f463c38fc03dd5bd1f1888a1112f0ff81d333bbd', slot: "summary" }, "Some other title"), h("p", { key: '443efb036132d38db530da20d718f66659a30594', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), h("h2", { key: '3e0fe4420b481349bae4af2c0f82b3488be08dc1' }, "Label"), labels.map(l => (h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), h("smoothly-label", { key: '2a741a99f86afdb9facdc93c3e39eadc8087910d', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
-        ];
-    }
-}, [0, "smoothly-display-demo", {
-        "downloadingSpinner": [32]
-    }]);
-const labels = [
-    {
-        name: "2fa",
-        hue: 120,
-        description: "User has two factor authentication enabled.",
-    },
-    {
-        name: "expired",
-        hue: 240,
-        description: "User's password has expired.",
-    },
-    {
-        name: "inactive",
-        hue: 60,
-        description: "User is inactive.",
-    },
-];
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-display-demo", "smoothly-button", "smoothly-display", "smoothly-display-demo-json", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-icon", "smoothly-label", "smoothly-spinner", "smoothly-summary"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-display-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyDisplayDemo);
-            }
-            break;
-        case "smoothly-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "smoothly-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "smoothly-display-demo-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "smoothly-display-json":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "smoothly-display-json-object":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "smoothly-display-json-primitive":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "smoothly-display-json-record-key":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "smoothly-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "smoothly-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-summary":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyDisplayDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-d03c0d34.js.map

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

@@ -1 +0,0 @@
-{"file":"p-d92ee30a.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,u6DAAu6D,CAAC;AACz7D,mCAAe,QAAQ;;MCOV,oBAAoB;;;;;yBACK,IAAI;wBACU,KAAK;wBACpB,KAAK;oBAC+B,SAAS;qBACzC,QAAQ;oBACV,OAAO;;IAG7C,WAAW;QACV,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;QAC9B,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KACnD;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,+DAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IACjE,sEACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,kBAAkB,GAAG,cAAc,EACvF,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAkB,CAC7C,CACH,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle-switch/style.css?tag=smoothly-toggle-switch&encapsulation=scoped","src/components/toggle-switch/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: 3.6em;\n\theight: 1.8em;\n}\n:host > button {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tposition: relative;\n\tcursor: pointer;\n\tborder: none;\n\tborder-radius: 3em;\n\tbackground-color: rgb(var(--smoothly-color));\n}\n:host > button:hover {\n\tbackground-color: rgb(var(--smoothly-color-tint));\n}\n:host > button > smoothly-icon {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tposition: absolute;\n\tleft: 0;\n\tfill: rgb(var(--smoothly-color-contrast));\n\tstroke: rgb(var(--smoothly-color-contrast));\n\tfont-size: 1.2em;\n\ttransition: 100ms ease-in-out;\n}\n:host([selected][checkmark]) > button > smoothly-icon{\n\tfill: rgb(var(--smoothly-success-contrast));\n\tstroke: rgb(var(--smoothly-success-contrast));\n}\n:host([selected][checkmark]) > button {\n\tbackground-color: rgb(var(--smoothly-success-color));\n}\n:host([selected][checkmark]) > button:hover{\n\tbackground-color: rgb(var(--smoothly-success-tint));\n}\n:host([selected]) > button > smoothly-icon {\n\ttransform: translateX(100%);\n}\n:host([size=tiny]) {\n\twidth: 2.4em;\n\theight: 1.2em;\n}\n:host([size=small]) {\n\twidth: 3.05em;\n\theight: 1.5em;\n}\n:host([size=large]) {\n\twidth: 5.2em;\n\theight: 2.5em;\n}\n:host([size=tiny]) > button > smoothly-icon {\n\tfont-size: .8em;\n}\n:host([size=small]) > button > smoothly-icon {\n\tfont-size: 1em;\n}\n:host([size=large]) > button > smoothly-icon {\n\tfont-size: 1.75em;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitch {\n\t@Prop({ reflect: true }) checkmark = true\n\t@Prop({ mutable: true, reflect: true }) selected = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) size: \"tiny\" | \"small\" | \"default\" | \"large\" = \"default\"\n\t@Prop({ reflect: true }) color: Color = \"medium\"\n\t@Prop({ reflect: true }) fill: Fill = \"clear\"\n\t@Event() smoothlyToggleSwitchChange: EventEmitter<boolean>\n\n\thandleClick() {\n\t\tthis.selected = !this.selected\n\t\tthis.smoothlyToggleSwitchChange.emit(this.selected)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button disabled={this.disabled} onClick={() => this.handleClick()}>\n\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={!this.checkmark ? \"ellipse\" : this.selected ? \"checkmark-circle\" : \"close-circle\"}\n\t\t\t\t\t\tfill=\"clear\"\n\t\t\t\t\t\tclass={{ selected: this.selected }}></smoothly-icon>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-e1bdb1d6.js

@@ -1,45 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-b5bca419.js';
-import { d as defineCustomElement$1 } from './p-d92ee30a.js';
-
-const styleCss = ".sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}";
-const SmoothlyToggleSwitchDemoStyle0 = styleCss;
-
-const SmoothlyToggleSwitchDemo = proxyCustomElement(class SmoothlyToggleSwitchDemo extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: 'd42c87cbc8367a4bedf1638f05493318ce41507e' }, h("h4", { key: 'fabd5caccf3b3076b12a5572dc07544c2343f717' }, "Toggle switches"), h("div", { key: 'ef1e2219e77722e2981b542379af6ca281d9b8c9' }, h("p", { key: '5ce2ae1f96e4f2298bf5302ffe3ac6573e2b2f90' }, "Checkmark"), h("span", { key: '5ecae1da643b292d06d9b825d733282a51a6b39f' }, h("p", { key: '941fe1972c919cc5830fd9531a331a2995d7e409' }, "Tiny"), h("smoothly-toggle-switch", { key: 'f355ac70925f61e806d7bdeffccf1ff5e60be479', disabled: false, size: "tiny" })), h("span", { key: '7baa75d53746d4e01ec4c4c6ce2ef55f8f0bfff0' }, h("p", { key: '4bdc3b7f070ff76753e79c54272e50c6cd769f13' }, "Small"), h("smoothly-toggle-switch", { key: 'fd72e51ae7f6cc00e1e1b4735cc72c37d03eb784', disabled: false, size: "small" })), h("span", { key: 'bf9bb03011a26331720dcdd840d940745d592907' }, h("p", { key: '1d2e9e18b8b7b38cc821ffbfdb891e651ecf22d0' }, "Standard"), h("smoothly-toggle-switch", { key: 'cb8e3e1809b19916e3d4aa8bd7282e03daa23fc8', disabled: false })), h("span", { key: '8900fb069434ff59482369277af9237211c586d3' }, h("p", { key: '19e9c7fd9b4aa2bbb75cace03f61efdc64121b49' }, "Large"), h("smoothly-toggle-switch", { key: 'dfe75cc413d58776293a88d15bf6817d82659eb2', disabled: false, size: "large" })), h("p", { key: 'c0dd0475ce038565b7989dcb8b7d2602e4efc5c6' }, "Colors checkmark"), h("span", { key: 'b10d71034ad8d205da901e00b8bc5c6c4fbb2b56' }, h("p", { key: 'e06de9836fb3755f242e15ce1fd96a52de476500' }, "Danger"), h("smoothly-toggle-switch", { key: 'b01be2ce99dc297789c859dc4a69dee1ceed1ab1', color: "danger", disabled: false, size: "small" })), h("span", { key: 'a1d7003f67a971e3e9d1cb0af6c46e63d27fc160' }, h("p", { key: '28cc6a5e62a9f2dbd95526ed20a41585cfd59ff4' }, "Primary color"), h("smoothly-toggle-switch", { key: '6a0daed9d6d35eddd91e967a7e77f0cd6b798971', color: "primary", disabled: false, size: "small" })), h("span", { key: '8e20e504b6064dd24a482c83dc4120105b2e54ec' }, h("p", { key: '136267d87422999493d00b6e78f5b798c70663a4' }, "Secondary color"), h("smoothly-toggle-switch", { key: '9ba7a38b869479df1dcbd275f400a95a03eb2096', color: "secondary", disabled: false, size: "small" })), h("p", { key: '5410cfe3c52cd9ec94f9d9be528873b9257dc72b' }), h("p", { key: '83957369bb649d1a875249b0c9d3491dc0f35d35' }, "Colors no checkmark"), h("span", { key: 'd8852a56a14c1b8575f640010418561dfa515317' }, h("p", { key: '1357ba7a51e0fb4676f97adeeabb2bb2988d0fcc' }, "Danger"), h("smoothly-toggle-switch", { key: 'e155e0cc9892978e4c6c7d63c63a7fa1fce9b5bb', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '9ab31a62d1cd71dee47a46398935626c3102951a' }, h("p", { key: '7429f1e4988c7f84776f78e4a625d209e51bb73a' }, "Primary color"), h("smoothly-toggle-switch", { key: '17e853b7aafdeeb35d0bd7e48ce9e2d0a3176b31', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '62e042c6671f30babc6b543f4c17ea140a880a60' }, h("p", { key: '832b8c4662871bd1d1c2861ac9f0783e4c0032b5' }, "Secondary color"), h("smoothly-toggle-switch", { key: '8fb61a82948410571b5d79b064279dc7127b73c9', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
-    }
-    static get style() { return SmoothlyToggleSwitchDemoStyle0; }
-}, [2, "smoothly-toggle-switch-demo"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["smoothly-toggle-switch-demo", "smoothly-icon", "smoothly-toggle-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "smoothly-toggle-switch-demo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SmoothlyToggleSwitchDemo);
-            }
-            break;
-        case "smoothly-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "smoothly-toggle-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { SmoothlyToggleSwitchDemo as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-e1bdb1d6.js.map

package/dist/components/p-e6d6fd25.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-be6d380e.js';
-import { d as defineCustomElement$n } from './p-e5bd19b5.js';
-import { d as defineCustomElement$m } from './p-f9770ff7.js';
-import { d as defineCustomElement$l } from './p-7c5243b2.js';
-import { d as defineCustomElement$k } from './p-6ead1a42.js';
-import { d as defineCustomElement$j } from './p-2020cb82.js';
-import { d as defineCustomElement$i } from './p-b4bb3e74.js';
-import { d as defineCustomElement$h } from './p-061353e6.js';
-import { d as defineCustomElement$g } from './p-b5bca419.js';
-import { d as defineCustomElement$f } from './p-51d51732.js';
-import { d as defineCustomElement$e } from './p-7f313329.js';
-import { d as defineCustomElement$d } from './p-7ee3f874.js';
-import { d as defineCustomElement$c } from './p-0ddc42e8.js';
-import { d as defineCustomElement$b } from './p-f949a509.js';
-import { d as defineCustomElement$a } from './p-be430d3b.js';
-import { d as defineCustomElement$9 } from './p-133d18ac.js';
-import { d as defineCustomElement$8 } from './p-f14627ff.js';
-import { d as defineCustomElement$7 } from './p-0cd742cf.js';
-import { d as defineCustomElement$6 } from './p-4713a48e.js';
-import { d as defineCustomElement$5 } from './p-f47eb337.js';
-import { d as defineCustomElement$4 } from './p-9702b067.js';
-import { d as defineCustomElement$3 } from './p-5bbf4b7e.js';
-import { d as defineCustomElement$2 } from './p-0cfd31a4.js';
-import { d as defineCustomElement$1 } from './p-d92ee30a.js';
-
-const SmoothlyFormDemoAll = proxyCustomElement(class SmoothlyFormDemoAll extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '67af39df61fd821fcc6a54a443a5c6e3b2164312' }, h("h2", { key: '41bc4cf60ccab146f4df13a653e1e1c8c5295b8a' }, "All inputs"), h("smoothly-form", { key: 'e38705cbf7dd1499abea94ebf5a8b5b0c8b075f1', 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: '5518748d36147476f882b0efa6c58bdb7ea7f1c2', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '7c4c56fa2cff6b88edb696abd18317f8b6b22abf', showLabel: false, name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '47485ed9b6bd63adb11c359444dd609d2573dfd5', size: "icon", slot: "end" })), h("smoothly-input", { key: '2e08d6562542ccfd8c4b3cefc94eb61ea9310ec8', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '5e52a23a365f1ef0a0e9c14af6dbc845ff3ec64f', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '8de780d57f2d0410fe4ef70aea36280b2fab879a', clearable: true, name: "radioFirstInput" }, h("label", { key: '4bf45b92c59f829cb9020797a6b2447726bb863b', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '48a6ce9c20b91c92ea4b6d5fda0fe2edb8e84338', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: '69bb874f031c4dce9120fdcdbe30d1185a8533b9', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '2665d5cd7970d76361b3a9c564a281300ec5b60e', value: "third" }, "Label 3")), h("smoothly-input-color", { key: '9604b6394bf35d765d83b11ee91beddd65ea0524', name: "color" }, "Color"), h("smoothly-input-select", { key: '18fe512715d01003b35bc83cfc2e2ca8d9a6c7fb', multiple: true, menuHeight: "7.5items", placeholder: "Select...", name: "select-month" }, h("label", { key: '30aeb799af801a17fdb0f4ad6cf2135a159eeee2', slot: "label" }, "Month multiple select"), h("smoothly-item", { key: '10f4ab84cdca7246b3f8382e094d6a5634071a1f', value: "1" }, "January"), h("smoothly-item", { key: '09bf1376088a3a61952601c96fb03e8ac6cdb7e7', value: "2" }, "February"), h("smoothly-item", { key: '62b13312de45b2233806e83b95fb148f7b6fbd87', value: "3" }, "March"), h("smoothly-item", { key: 'e98dfc613311e12057914b6455047cec9a0e2fd9', value: "4" }, "April"), h("smoothly-item", { key: '95a6ba970ad28e98a9424d92ad3f4374d9956fb0', value: "5" }, "May"), h("smoothly-item", { key: 'ffc61f7a970ad99cb1dad5c207a507f5fd13664b', value: "6" }, "June"), h("smoothly-item", { key: 'bfa799697ed8f87df3ea1712abeeb07ddc1ff2b2', value: "7" }, "July"), h("smoothly-item", { key: 'b8d824f7c4aa012bf9fa53dfe92309b8c89d7d73', value: "8" }, "August"), h("smoothly-item", { key: '78900640ecb2991bb8b6162db0b9ccd0bccd6749', value: "9" }, "September"), h("smoothly-item", { key: 'ed9e4d7432bab4589ca43d4f8321bae85440fbe2', value: "10" }, "October"), h("smoothly-item", { key: 'f4144b148fdb72bbd0777b2cbe1cd77782103977', value: "11" }, "November"), h("smoothly-item", { key: '28a2ad2a0a832de5d12938ca2fee4e8c70fa7567', value: "12" }, "December")), h("smoothly-input-select", { key: '4b1991cb5caa2cb8439833708ce4189c510786aa', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'b6ffdaf3b8fa957bafd088499c8071393bdcf12a', value: "folder", selected: true }, h("smoothly-icon", { key: '0fdcb71a98477d46c586a58185f4cc51301eb7a9', size: "small", name: "folder-outline" })), h("smoothly-item", { key: '137cba1989502f23f36add371d146bc4807ca6b6', value: "camera" }, h("smoothly-icon", { key: 'dad7cad3a4ce91dd7db6ab5a0140b1f318edc29c', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '54649f418c20c3e13f557621db4996bda931b560', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: '988c540d19b1bd3a3fd87757c24212d1920a2f46', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-range", { key: 'ae1f17c4c1fd061ca0cf760b1ac56e629b771dc5', step: 1, name: "range3", value: 20, label: "Range" }), h("smoothly-input", { key: '963d1e2e0f1687a028d2e68e6b3f0adab6001632', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '47bb54e03b5d0f8d946efc85c1d0e446b47e4bf4', name: "pets.0.age", max: 100, step: 1, label: "First Pet's Age" }), h("smoothly-input", { key: '01d8d11e59ef4bdb3217bfbba9ba3c0e1f7aaaa7', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: '40a58105cec6048e50f680c43da13be4ad8e4dbc', name: "pets.1.age", max: 100, step: 1, label: "Second Pet's Age" }), h("smoothly-input", { key: 'ce735808de29f6956dc08ad7e4a08378808a4f86', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '0d64035c29d1125393d38ee6ed572e01b08e16e1', name: "pets.2.age", max: 100, step: 1, label: "Third Pet's Age" }), h("smoothly-input-file", { key: '70f3f6fea6f26285f514cab4c125f32ebfc9c5a0', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: 'e2d6d8590c5183c7e74bd1249506d30a0a1da050', slot: "label" }, "Profile"), h("smoothly-icon", { key: 'b259b5f3ccbb9c3d3d9e997dce02625b006763dc', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input", { key: '914704342157221f13dc42cb4c677e0b5c3089dd', type: "duration", name: "duration", value: {} }, "Duration"), h("smoothly-input-clear", { key: '4a49a4069781e14f81266c2a0934d9768c130d90', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '38036942c8604826e55cd0c0f8aabaa299b5578f', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '25de107d30973c77139269f8fd5a3ced5644432a', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '5ea44f1660ea1bc45255c844329bee70cb97d2aa', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '234c912a802cb9eaef6798d52b7bff115069cd16', 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-e6d6fd25.js.map

package/dist/smoothly/p-0f87a1f6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as c}from"./p-ad674a4e.js";import{D as t}from"./p-34d144e8.js";const o=class{constructor(a){e(this,a)}render(){return a(c,{key:"33374fbe48da6c74749b7735e32fd42ccd0b4ec0"},a("h2",{key:"d30d0ff945b34349e829bd9ac15ede4ada7ad800"},"All inputs"),a("smoothly-form",{key:"c7a1109511b161e6e4c8557df45aa75d49ddb88a",looks:"grid",readonly:true,action:"https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4"},a("smoothly-input",{key:"e5e25a51c221df85616c5d03a1cc363b910343d1",readonly:true,name:"First Name",value:"John"},"First name"),a("smoothly-input",{key:"2e28b9eb577e5b9a753a128ad45fc6e7c6ea2703",name:"Last name",value:"Doe"},"Last name",a("smoothly-input-clear",{key:"39d3a9c8e623b34f51f2454aa12a7a31c45a70b3",size:"icon",slot:"end"})),a("smoothly-input",{key:"16763e61b1a3d8464342849abd043d280454176e",type:"phone",name:"Phone",value:"777888999"},"Phone",a("smoothly-input-reset",{key:"0fc1fd9096e9177d8ef90b3e7fcc0d78c8265846",size:"icon",slot:"end"})),a("smoothly-input-radio",{key:"66540366207b22adccd2a767d95c16794f86ef50",clearable:true,name:"radioFirstInput"},a("p",{key:"054654fa5c7c571fc470687ffa34983e1ea203aa",slot:"label"},"Clearable"),a("smoothly-input-radio-item",{key:"a9ee8e9aacac877585c6a146803e104c43c18ee4",slot:"options",value:"first"},"Label 1"),a("smoothly-input-radio-item",{key:"1d5a3adace8639b11ddb6c83a2bfacd5e2723ee6",selected:true,slot:"options",value:"second"},"Label 2"),a("smoothly-input-radio-item",{key:"03ca014c5205ec38ea6abf71b3554f4c0110da22",slot:"options",value:"third"},"Label 3")),a("smoothly-input-color",{key:"5e2e97062e99a822baa4425cb68ec7f49cc6ec68",name:"color",value:"#479f56",output:"rgb"},"Color"),a("smoothly-input-select",{key:"5a869cd1168effe9beae324c619f179936a9b69b",menuHeight:"7.5items",placeholder:"Select...",multiple:true,name:"select-month"},a("label",{key:"3575cdb76dea38bd63b28104cd3a2a396e057e03",slot:"label"},"Month"),a("smoothly-item",{key:"32a8dc77de6a45b238ba5bf80fd68d551ee502b9",value:"1"},"January"),a("smoothly-item",{key:"b0ad410addd0c49d01c6236591d481ea79f7c782",value:"2"},"February"),a("smoothly-item",{key:"523e86884de22e8bdd41366c9a6c1fd4cdccb01c",value:"3"},"March"),a("smoothly-item",{key:"3b4beefdc25bf189fbb19c244328e65e74ed2a32",value:"4"},"April"),a("smoothly-item",{key:"f1c776984b1c6bb63ecc7a5bf9ef77b61f4b6f8b",value:"5"},"May"),a("smoothly-item",{key:"26fd397eeabf1d10bc3030777988b102aa78b045",value:"6"},"June"),a("smoothly-item",{key:"94a6cde312ae18110f04ccea3f252bebb46a8522",value:"7"},"July"),a("smoothly-item",{key:"4c3357e3c50fb5b5f4ddcbde7fe0065b1861db97",value:"8"},"August"),a("smoothly-item",{key:"152ac227a3a3a298b664345be3bfcba71e25db2a",value:"9"},"September"),a("smoothly-item",{key:"03941c6fb1e192eb402123595b54527c31e0a8c2",value:"10"},"October"),a("smoothly-item",{key:"41373dde4d8f7fbbcf4fa437a544502335de3abb",value:"11"},"November"),a("smoothly-item",{key:"c8e9db901bc76b0a84cfb0b2fc4b66b1fb7715a1",value:"12"},"December"),a("smoothly-input-clear",{key:"f00cd1bb5c047d55427437888f6eeeff78dfc041",size:"icon",slot:"end"})),a("smoothly-input-select",{key:"7122d64d871bdd48c327131eb4438be46da2879d",name:"select-icon",clearable:false,showSelected:false},a("smoothly-item",{key:"1136fb92088fad3c1ca67506261917cf42403e68",value:"folder",selected:true},a("smoothly-icon",{key:"1b503cc5fdfbe37e9ae75074b1827352cf58366a",size:"small",name:"folder-outline"})),a("smoothly-item",{key:"da60693be0533e4c664214ec7cc6717997103ade",value:"camera"},a("smoothly-icon",{key:"588785b3ec7a5702d04723b8020f849a2508228d",size:"small",name:"camera-outline"}))),a("smoothly-input-checkbox",{key:"b7a77ef83f59cbdb51943cf2c6393f0979c54dd9",name:"checkbox"},"Check the box"),a("smoothly-input-checkbox",{key:"f9c71628eabc618fc169cdf275a4ecf0360af841",name:"checkbox2",checked:true},"Check the box 2"),a("smoothly-input-date-range",{key:"05045f9821e0a5f236da79df925a3682c4b04e7a",start:t.now(),end:t.now()}),a("smoothly-input-date",{key:"88b9801a8925c34046e47ccc6fe933dafdda3e53",name:"date"},"Date",a("smoothly-input-clear",{key:"98a7462c4448c29c0f85a97f9b59828f42043e43",slot:"end"})),a("smoothly-input-range",{key:"9905bc08beca4429fff4d2a12154c247b23ce093",step:1,name:"range3",value:2e4},"Select"),a("smoothly-input",{key:"f7dec05c66b26dd5545c58c68ee85fe2381b469a",name:"pets.0.name"},"First Pet's Name"),a("smoothly-input-range",{key:"3e92e2f0dcfc2c679bf43ce7bcd7c67591c6db03",name:"pets.0.age",max:100,step:1},"First Pet's Age"),a("smoothly-input",{key:"26aad4992e53deab2eb68bf001b5c5a615e09100",name:"pets.1.name"},"Second Pet's Name"),a("smoothly-input-range",{key:"eb04bfca64f2247450d7b63c1cd226d0ef9349c9",name:"pets.1.age",max:100,step:1},"Second Pet's Age"),a("smoothly-input",{key:"244ef4f79126ea2daa4218163b1ed47d7e834729",name:"pets.2.name"},"Third Pet's Name"),a("smoothly-input-range",{key:"286d9b49597ddbc783dab155d43986dd102ca34d",name:"pets.2.age",max:100,step:1},"Third Pet's Age"),a("smoothly-input-file",{key:"7e272aa57a25cc6867ddd71cc27f8ba74f4ed05e",name:"profile",placeholder:"Click or drag your profile picture here..."},a("span",{key:"4b09cd2fd738c110121450ebcb7f7792554cf012",slot:"label"},"Profile"),a("smoothly-icon",{key:"eb97510162a5ac5bafdaf467baeae44b2365d435",slot:"button",name:"person-circle-outline",size:"tiny",fill:"default"})),a("smoothly-input-clear",{key:"7e1c51b4086b13e3e348fc5d2f3465fabde0776e",fill:"default",type:"form",color:"warning",slot:"clear",size:"icon",shape:"rounded"}),a("smoothly-input-edit",{key:"cd984c775e86973fb8dd73e01d3c9ce75cbbfd53",fill:"default",type:"form",color:"tertiary",slot:"edit",size:"icon",shape:"rounded"}),a("smoothly-input-reset",{key:"1f8d2dd14e7a9e632dc3c621da1f3f009242de6e",fill:"default",type:"form",color:"warning",slot:"reset",size:"icon",shape:"rounded"}),a("smoothly-input-submit",{key:"9ff8d21c8b50a1b94b3474911d983667aa26ee78",delete:true,slot:"delete",color:"danger",size:"icon",shape:"rounded"}),a("smoothly-input-submit",{key:"2d553e247adf58270de8c89ac401732399df0b88",fill:"default",color:"success",slot:"submit",size:"icon",shape:"rounded"})))}};export{o as smoothly_input_checkbox_demo};
-//# sourceMappingURL=p-0f87a1f6.entry.js.map