smoothly 1.111.0 → 1.113.0

package/dist/collection/components/table/expandable/cell/index.js

@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '83c526f00d51b0168a455e9bf868ebe197665443', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'bd6ef753fad107892472d513d3e85e2303496bb1', class: "content" }, h("slot", { key: 'ce3529ccc72dcc4434fc759be3de926b923952b4' })), h("div", { key: 'bb6ecf54d7568c46a582e5e9b7e34040d3318800', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '55da6c2611dfa327b27b24d5f93f19f58f273c34', name: "detail" }))));
+        return (h(Host, { key: '80017dcf8950e676a48dc9aedc3d11ba12cf011e', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '57e34f20710f1694470a5e8d481d51480d4afb36', class: "content" }, h("slot", { key: '664f3698eb43707e4a53a252a57e0e43ddebfb40' })), h("div", { key: 'e010fe7654eaec8fc4418cb1560d0f8b3b82df7d', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'c524d17ac1f1fd7ed8070cf9eb07590fd0059ca7', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/expandable/row/index.js

@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: 'ff903b0e76d26c2b0828b970b5543cfd0032d64a', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '483c340f950cad51409b816cb72edb5de6f06856' }), h("div", { key: '296d3287e2106d7e0f1703f0f51745e22abac101', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '23d911a603915e5dfbd807b29c22609382edd008', name: "detail" }))));
+        return (h(Host, { key: 'c3888ffed7c052d5df798d01e6137bbe7057e4e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'cdd186acc3862b6125c85942a673415da659ffa7' }), h("div", { key: '1be46ebc8404b04d5bcc7174f4fa36e0e29a8bee', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '2d16b8dbcd03e0672f585a6d89e72d070b572299', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/filler-row/index.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyTableFillerRow {
     render() {
-        return (h("smoothly-table-row", { key: '8d580002c87f7b0e829c8611ff035bc6b135fd94' }, h("smoothly-table-cell", { key: '3ebb3485d3fe53900dea32010e5174f9bc27013d' }, h("slot", { key: 'a30dd8ac3c009058d6fba5acebe6608368b92af8' }))));
+        return (h("smoothly-table-row", { key: '74889d28c93b9142041a444f3c88842851eabfee' }, h("smoothly-table-cell", { key: 'f085bb29ceb64ec8a0e6a1b2ef07323aaf79dbff' }, h("slot", { key: 'c09f20c0fe10bac51d4c2ebb12127935092e8d90' }))));
     }
     static get is() { return "smoothly-table-filler-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/foot/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableFoot {
     render() {
-        return (h(Host, { key: '6fd2e248de8df09b4b20908c00272e7751c63a6b' }, h("slot", { key: '66634f6fcbd68eed2628c4d16e7ff3cf4d7ad78c' })));
+        return (h(Host, { key: '6e3eec46ba1665a4c6cc1131fbf406b1aa997364' }, h("slot", { key: '816b86c8c621a8625378e307df634a1b820fdff3' })));
     }
     static get is() { return "smoothly-table-foot"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/group/index.js

@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
         }
     }
     render() {
-        return (h(Host, { key: '06b9db603c4254382dcd7fc3d7dfaf3a2c6be521' }, h("div", { key: '22b594f2c066cf6b2f92139b5847972e204bda1d', onClick: () => this.clickHandler() }, h("div", { key: '9c082d0cbccf65d45637e5e3999aa0e4503eb3b9' }, h("slot", { key: '2530eb7dd1162dc407169270b20fe0fc14a747b1', name: "start" })), h("div", { key: 'd2b06391bca18891401c5a31e4f98a0e2e34479d' }, h("slot", { key: 'f64c478dd61c7abd1c35fa809b85a3a8e0264cab', name: "end" }))), h("div", { key: '8d3c37ffa856ddfea5b0275104c055a75540168b' }, h("slot", { key: '9856a2795799b61ddd4c231054208c960eaba96f' }))));
+        return (h(Host, { key: 'e7c58f7d7b9fcc27145e398a64c04451b3169a29' }, h("div", { key: '93b4472da7d3c7f0135862eff75390b0ad0ca2c2', onClick: () => this.clickHandler() }, h("div", { key: '36579099012a695455c882f8888f54b49acab4ac' }, h("slot", { key: '75921365a284a67e75723d2618dbc58568cd1a43', name: "start" })), h("div", { key: '9eec76375486c07dcc1e1a4e2474b4ef4b3fd804' }, h("slot", { key: '668fe80f0dd42ac7a103b5952f8c15215fa70076', name: "end" }))), h("div", { key: '60747a2e17ae4fa7fd44c02fdb140bf59f233736' }, h("slot", { key: 'f333d49e6caf4f252a3db59ee0768a8d07961086' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/head/index.js

@@ -38,10 +38,10 @@ export class SmoothlyTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: '4e36d52e779e650ece819865062e1b2e3c910aa3', class: { scrolled: !!this.scrolled }, style: {
+        return (h(Host, { key: '7649393821cbe7b9c336b9ae5d88e4a9edf8a409', class: { scrolled: !!this.scrolled }, style: {
                 "--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
                 "--z-index": `${10 - this.depth}`,
-            } }, h("slot", { key: '0ffd90e5c1661e52c1a2047ce754889c51cb7727' })));
+            } }, h("slot", { key: 'c20ebbb80c1d9b5e1210fd2c194a754f0e9e1755' })));
     }
     static get is() { return "smoothly-table-head"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/index.js

@@ -10,7 +10,7 @@ export class SmoothlyTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '1103836f2752eafb6216c7e591c7fd37fb77e2ce', style: { "--columns": this.columns.toString() } }, h("slot", { key: '141f5cbcd6f2f0fd988bfa98bf9774f9cd61fe66' })));
+        return (h(Host, { key: '3a7738442ae2ebe705e9c75fb9aa06862a4157e8', style: { "--columns": this.columns.toString() } }, h("slot", { key: '67b59f54351d43e5c3fdf73c77aa991b2fe73acc' })));
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/row/index.js

@@ -15,7 +15,7 @@ export class SmoothlyTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '79c849e4643bb16dead2af107b205abb420084f7' }, h("slot", { key: '193f73152f488024219ed4af47d1b34d81fca26c' })));
+        return (h(Host, { key: '4336ffac2830c4b434a1c987c9620cfd98d336fe' }, h("slot", { key: '568632a78f16c07aa4e0ebd28c1577cb8eac5132' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/demo/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTabsDemo {
     render() {
-        return (h(Host, { key: 'c0a6d3252227ca35115022479e20eae1518a0ea0' }, h("div", { key: '987c89d2b7d434a7ededccad9aa2592370f35c56' }, h("smoothly-button", { key: '9d1e4baa19cbfd20f0741b62cf1faba0eee5e9f9', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '00e5d3f1a502d466d8f7bb57dc99b8f43b4cec5c', tabs: "multiple" }, h("smoothly-tab", { key: 'f349ea433e31c9fa0601552c83744fb0fd59c0dc', label: "Single Tab", open: true }, h("strong", { key: '1d9e472b1bcb6eab690b534d9c54c85df6ff6bad' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '69f193a4e9a7022eb5a57bf6ba1ce25642440932' }, "tabs"), " to", " ", h("code", { key: 'a2e44255abc6ffcbb97fa40620795d66b708dbe4' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'dd469d65650aef03d78794be04a3753e9f6503b1', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: 'd4c74375b2a2462272536302cae4c2b8d156d9e8' }, h("smoothly-button", { key: 'b8cb8984081584464d24ac00f8eb31beec0a1ec6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '13b0f9af28c870dc8eae74930e358b8c2c3e3a31' }, h("smoothly-tab", { key: 'fb2a32bf6a82f57c6f17684262448dfa7ca7312f', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: 'bc21b1abc992aeb53f934b528888e44e334c651a', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '9fb5f89c51f22e527fb3f18c48f5018ef1624364', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e563eaf2cffb105047505abee23958965108fba1', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: '5781b5ebdcad292a5b08f40f31ebebb24222014f' }, h("div", { key: '0988223a7ffccdb2cab03999dc462ced6f6996cd' }, h("smoothly-button", { key: 'e97edc5cf05136e6ab3032e6271275a6fdc947b9', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '87a0b317fbfb07a8f2f03ec0e866dc4376c7cae2', tabs: "multiple" }, h("smoothly-tab", { key: 'd644206d3f7b6baf6c0900f2f461d18f3dc16e23', label: "Single Tab", open: true }, h("strong", { key: 'd02c9f64638183e494f0c903aedb31ecb07e5791' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'a62e17aa9f7ac71c74a2796f9491610ef3ecaadc' }, "tabs"), " to", " ", h("code", { key: 'b14b0cdbaad33dcda4a8a824e60351779966895b' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '6576f69475e5c5a97ffca76f2481acc6983ef451', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '55be8c4f25e2a4bb806a355307b48f8a0c3430d3' }, h("smoothly-button", { key: 'e456813c237a864bc2f21e6af147a63f62daec22', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '2cafcf41ba65de3f65ce1090e03d7e2f8690e2f5' }, h("smoothly-tab", { key: 'f67c211b8436be3361fe382c67c88690ad745e1e', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '731625fa3d088cc441f8434af3a6723463d10e0d', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '27af20a8bd5902978986f98b0b54d5bf8cb0cb0e', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '76ce0bd1c7fe46c76b1401bd7dfd5d3dde777fa6', label: "test-extra" }, "this is a test message!"))));
     }
     static get is() { return "smoothly-tabs-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/tabs/tab/index.js

@@ -35,7 +35,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: 'cc20ba3ae6f849d6dcdab3f1c53c8467ab73dd2d' }, h("div", { key: '421083c3fe13a80ae1417952b51cbbfa838f3b98', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: '0111434d9bac6d843b368fd74d81e323c22ac186', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'de2b298da72c39caa6d3f4d39265e8b569a349cc', hidden: !this.open }, h("slot", { key: 'fcc770a8f2782f0c1135bf49d48696ff26f645ab' }))));
+        return (h(Host, { key: '3e4ab8c68f5ffa9eee15277b8c629ac11afd4d73' }, h("div", { key: 'e5aeb2372baeaeb090b911b44e23a601e27e1a78', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: '77ed6ef274b240e5029110eac46695f198d61bc2', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '418681197eb143ea4bc79e4dac8b8b3de2671572', hidden: !this.open }, h("slot", { key: '7e888a42abfb3f81b8650dafedff8d84141d2280' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/color/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeColor {
     render() {
-        return (h(Host, { key: 'fc491c82a4336ac22b0ae27664dc30b8ad2e6ddf' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (h(Host, { key: 'a1fcf6ce5205459d5f58c9dbe2b5585975638a9f' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
     static get is() { return "smoothly-theme-color"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/demo/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeDemo {
     render() {
-        return (h(Host, { key: 'f0c5a5037d8d733f786d8ce3b21e0979856ea24c' }, h("h2", { key: 'ffc46c881e6f125cd636f48ed99e9b09483777a3' }, "Theme"), h("smoothly-theme-picker", { key: 'fa85e3f66a7396add5817d5865a9ec72e189ed82' }, h("smoothly-item", { key: '5d0d85fb7891f8128f773cce4541853bec86c218', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '4c55805827a7429ee79c3b5b2bdb77ef101c1755', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '5317ebcb61a09140363221a803aa26a3dbfb1c56', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: 'c4ec847f0f40e1ddf9ebb35a11a20965ffa8c7b9', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'eb5645045d8906ee1ef1d7ef9878f0d3a85ad194', value: "https://test.dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '70e9b33c310e0a882c72d22581a0b15d731585cf', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '94fce8e04541ce2b9f0ef82a18be6639f74973be', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '97e2ba87bea89e4757bd57295941148046f3917f', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '50c90c022145e5f03cb83bc69e31e25f1d7cc28d', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '1e29f47ff30f071b712a20fc204a975a32370a06' }, h("smoothly-theme-colors", { key: 'b7a0d1e92bb6a6e2c89018b72fb64457dced7b46' }), h("smoothly-theme-guide", { key: '6dbfe67e1241557f3d3ac2411ad01d39119f877a' })), h("smoothly-button", { key: 'd91c71c4a3fd05d492acffb741b215dd6c4b957c', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '3d47ad9f1472edbf824405924068b588aca5013c', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '914d0de16407dae3f29d412c64b799bd0d6c220a', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'db36742a02c5c56ab0f80daa99d3a2bd6d10984d', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '4705bffb21e4f2ab9efdceb8937f6853beb20cdb' }, h("h2", { key: '468ec56882ec195388d555e5185eefd74409908a' }, "Theme"), h("smoothly-theme-picker", { key: 'a7902615f05a82b2e5c2b9dc0a9395640e5e9621' }, h("smoothly-item", { key: '96a947fd68ccb402b60ed737b0494aea2b857b41', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '976b9696e68c0202084c6b07558bca83f6a7fa36', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '6236ade7730e1af2b97e7d93b3901f897f242c2a', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '8c53d77ad90596a2fcd99ad8c03bd760f8b22e1d', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '48dc39f3309bbaa544e501bef6cec04035d4e8af', value: "https://test.dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '71c3a0df112ccd2ef193e15aaa81dc52b08da648', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '8243afce902c6b00aa5373c8e8380b7624f68c32', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '8fcbb1292d126e0b6ff854e64ddf9dced0d2dc10', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'c75faf15d890bacdced32360c27aa3db342b31cc', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '8b559865c0458947fc98da3fd576ee904b4de051' }, h("smoothly-theme-colors", { key: '6fa3dfacbba76871c3619b6f2d09fb1360a9b9b4' }), h("smoothly-theme-guide", { key: '0f33c003d9055c36bd0cbe367d892172bd341624' })), h("smoothly-button", { key: '257acc2032881cacefafb552e372ceabc7ef50f9', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'd3184eb10e2e0002f4e96f68ced1b963887e4aa5', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '082b1930a2ad252eed0c1861073b64227c30a7f6', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'acdd8c707231d45d0828b25a2d6dd28250fe3df1', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get is() { return "smoothly-theme-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/guide/index.js

@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
 export class SmoothlyThemeColors {
     render() {
         return [
-            h("smoothly-display", { key: 'f1df988e927d7a410fb804c256d83fd2e5df3270' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: 'd88375d6837282086c1b28679979c5c30535bf6f' }),
-            h("smoothly-display", { key: '92197798a41f3637cdb44eb0d771314994f8558b' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
-            h("br", { key: 'f3babcf46ea37dd12f0963dc5aea96663192b36d' }),
-            h("smoothly-display", { key: '62bcb9535f7bdd1278867a5c7ef64a523f8165c2' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: '10c741b12802f9afdfce58261f02f3d82c313ea7' }),
-            h("smoothly-display", { key: '3611691ee95a6349d47fcd73361bbb24e944ea97' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: 'abfa804436d8eae1a12e021ee848ddd63ade667a' }),
+            h("smoothly-display", { key: 'ee1bdee159fc056d9d816c7be16066a7d5da63e1' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: '4345df918088a5bc0830d76ad577a8d9021722a3' }),
+            h("smoothly-display", { key: '70a922600fa428e25e39b0b8043f896edca77da0' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
+            h("br", { key: 'dd886d7a85f3c57a5d944c4baee8f82f352b33a1' }),
+            h("smoothly-display", { key: '0fa99779df3b249e2c4123a44b12f139a13333d3' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: 'e666fe45f25956f1f37b3f1c79344c133c914bff' }),
+            h("smoothly-display", { key: '952a2cc2973a61046e100e7a1347352d64024702' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: 'abb9cdf2d96ccb56053b4db4b2f90aba054f9c04' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

package/dist/collection/components/theme/picker/index.js

@@ -4,12 +4,12 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: '3d64ad9ce926088343c92623b0c1a160f8ac6b12' }, h("smoothly-input-select", { key: '6d5fd6f6e60d38230bb5e5093ae3a3c363bcbf46', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: 'cb423fa145741455a271c877f13093c5172b7dca' }, h("smoothly-input-select", { key: 'ef47ed51099360c415eeb7f9ddfa89d3ac89cf76', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string") {
                     element.href = e.detail.theme;
                 }
-            } }, h("label", { key: '833d1f1acc791ab7eaa91c6ac44d0a49fe4730d2', slot: "label" }, "Select theme"), h("slot", { key: '40db0ed1a542a37e5b7eb3c605927d9ecb52ba0d' }))));
+            } }, h("label", { key: '2b54b1ae3b0a7f6be35234ec90b5f4178058d396', slot: "label" }, "Select theme"), h("slot", { key: '6612441eed70e810214e212aec0026e1c5015000' }))));
     }
     static get is() { return "smoothly-theme-picker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/demo/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitchDemo {
     render() {
-        return (h(Host, { key: '6d75883f10a6927501fbbe6a03f82ef7528133be' }, h("h4", { key: '625ba905112acc2df7c3126199167707b03c210d' }, "Toggle switches"), h("div", { key: '5f2287372e9c1052aed9b1479e8bbbbf6dd64757' }, h("p", { key: 'edef7d5d95c5fa0419555941c1e45ea40b045ce3' }, "Checkmark"), h("span", { key: 'c397f7c3cfc3409b82cb530e03f0c8e670041435' }, h("p", { key: 'ab0a7e9ba7b3e413b0d7019c09a252592840da21' }, "Tiny"), h("smoothly-toggle-switch", { key: '2afce65a2ec65e39c88d8fb4520edc6dff419ea2', disabled: false, size: "tiny" })), h("span", { key: '67696d9cb555e62ae71f9c40fe4f8ebee7931e35' }, h("p", { key: '6b304afb35f96bb0dfd8aed9db8490dd7ca40298' }, "Small"), h("smoothly-toggle-switch", { key: 'bc35c4113a7f9393d53806f789a54589e3dc2353', disabled: false, size: "small" })), h("span", { key: '865f6cccdff04345c79ec1bcee9f5e6534dec7fd' }, h("p", { key: '6d5519e11c79219503d715320d738950c37d780c' }, "Standard"), h("smoothly-toggle-switch", { key: 'd5602d7f3f60b7ded9eb7248e71d1b3f750b777f', disabled: false })), h("span", { key: '273f17415a1e8c9f108309e6d4fcfdcf17c608b7' }, h("p", { key: 'e8c5ad08bc97b6694f1b2606a5d8626c2f278126' }, "Large"), h("smoothly-toggle-switch", { key: 'cf6cce07734bbf3c50a4a443c68fba38d63fc8dd', disabled: false, size: "large" })), h("p", { key: '147584c6d76a94f2a2588d15154113f94402464d' }, "Colors checkmark"), h("span", { key: '37e5370fdfc007d0368a28d2bea98d37ed288312' }, h("p", { key: '5500276de9dbf6a9fdf2fd15ecbfd2b8299809e8' }, "Danger"), h("smoothly-toggle-switch", { key: '78879aa4d4277bf89dc24e6cf287c1accfdfec6f', color: "danger", disabled: false, size: "small" })), h("span", { key: '4b86b7193d1982ff84bc5691a342916f62281059' }, h("p", { key: '4da64077bf3f54d0800abab5b6f2a10b8b4c97d2' }, "Primary color"), h("smoothly-toggle-switch", { key: '534d2e2bf89fd7dea185eff41d8a3f1711d76078', color: "primary", disabled: false, size: "small" })), h("span", { key: '72f8aad6e84051d29e1f9ba18ecb4895612c936c' }, h("p", { key: 'f4aa9ffc25c89dd66d17483dfa7a0489ae1d6bba' }, "Secondary color"), h("smoothly-toggle-switch", { key: '15bfaeed2c51163bc7de95f061cde923b7607654', color: "secondary", disabled: false, size: "small" })), h("p", { key: '199c1a9d0a3d6eae579a5b7df8d0d9e2758a6fe8' }), h("p", { key: 'de9327fe62e464761eb16462480a1802226221aa' }, "Colors no checkmark"), h("span", { key: '571bbf458b871cf5cac9876a476b7754df87ae44' }, h("p", { key: 'ef59738e2b79bf43de0b1192842173157d5e3406' }, "Danger"), h("smoothly-toggle-switch", { key: '97a4641ae8fe82838241816b46b2d8f79c4f9908', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'b58b64c313b1d4f9aad01d581920e52be572de4e' }, h("p", { key: '1a794486d86bccac605e8faa18c87cb5e85dc69a' }, "Primary color"), h("smoothly-toggle-switch", { key: 'dccb06b7ba71fc9ec9e5e1cd430ae8c82f6e03c4', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '29477d34ea6de176fe86cd7979d0e638219c38d7' }, h("p", { key: '4180155f37c46569c583d626f7c6c528f77daf86' }, "Secondary color"), h("smoothly-toggle-switch", { key: '3dc6be79be809e7b13e5510538221a7d58044137', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: '1dabdcd10d3df43ffc5671428e044b0cd39f1fdb' }, h("h4", { key: '0f582a81edc486b03a2ff398a01ed1ef57a325b8' }, "Toggle switches"), h("div", { key: 'e0a64865e306cc58778453e277eb6f23e95b1c83' }, h("p", { key: '64b2322cb11ed3d133752347510553a425c32893' }, "Checkmark"), h("span", { key: '48529dcf99d765bf123d4f9b7465d12b78d8f71f' }, h("p", { key: 'ded34c748d733b482bd9dc04920000c58994e232' }, "Tiny"), h("smoothly-toggle-switch", { key: '3ef57d723c3d5773d3e50da21a70acd14f6b9d4b', disabled: false, size: "tiny" })), h("span", { key: '805cafb2f78c83d429134f13b09755230d3c7f28' }, h("p", { key: '07b997916e3b76db73974a8217efd4a0a0da852e' }, "Small"), h("smoothly-toggle-switch", { key: '8630ffacea58d4226852d87de203485f69d6d0f0', disabled: false, size: "small" })), h("span", { key: '47ec6fe9f8cfdb7b73f1a36ec9a989270ae0d970' }, h("p", { key: '5dd9f3b10fd19c0f38f97d3a0a6cda8c94974ea9' }, "Standard"), h("smoothly-toggle-switch", { key: 'b464c8940d0fb07bfcea65833873968d9595e343', disabled: false })), h("span", { key: 'dc46167d726418bacef291f6b4de36fa97d58a33' }, h("p", { key: 'b15bc73943b69415ce8e3df9e757fae2ba0a4207' }, "Large"), h("smoothly-toggle-switch", { key: '7db93ebeb96861b23db045672d6a3c5146b8a194', disabled: false, size: "large" })), h("p", { key: '94eb15785b3acc86d6a18cf8f882cb1a7d72d049' }, "Colors checkmark"), h("span", { key: '97df09fcf36c26d8bf6088f5504db6d0e8fa7882' }, h("p", { key: '00f1854bde03e6973af5ee3b4e496f7d61bd3f03' }, "Danger"), h("smoothly-toggle-switch", { key: '34969714ea4c6b3e86d69941d5e338761654f6b6', color: "danger", disabled: false, size: "small" })), h("span", { key: '5b91054e5fe2c122d1196b1e1ef16ab48045d4e4' }, h("p", { key: 'e2f26a0c6dc32798c74cb8b0ef80077fed51cdd2' }, "Primary color"), h("smoothly-toggle-switch", { key: '6b7c1f733ffc932b01163002158c1a5d4516b536', color: "primary", disabled: false, size: "small" })), h("span", { key: '7af0d75bd42b73c42b3731decb6b86374efacf82' }, h("p", { key: '185b51e8f85e3cf1b45643cc36eab6ce397ce674' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'cc6b462ea28082ed9a78f4eced47c854cb399c3c', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'e327834dce8d87541969283181fe61d895543a1f' }), h("p", { key: '6432b470d13671b7ad08c8dd2a9c89367c62b0b5' }, "Colors no checkmark"), h("span", { key: '5aab6ec8dc84d76e328f5e553c5a2c77da87d6eb' }, h("p", { key: '37e2f84bb470c9d18bc63b632df96628de40a665' }, "Danger"), h("smoothly-toggle-switch", { key: '5f54698d7b60a66ef5652678f69c5ea84cd77e7d', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '8ad6b7f5a8e583a492b870e938583a20af9013be' }, h("p", { key: 'e8a62c15ec765fe0b677e07e7a38785ee9f0ddee' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fe5491ba3676d9cc74ac86e79e2e0d56bec269fe', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab1d27ec6816b4a1701be605eae402563c57d895' }, h("p", { key: 'aeaaa479d30dc09adc6cdb3253eae9bf60d8b058' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'c15f8d04f0d4e4ba5b67a7ba8415d1622d0f6dfb', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
     }
     static get is() { return "smoothly-toggle-switch-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/index.js

@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: '945d2ccf63b6151062eb53a452e0f0f692dc4c24' }, h("button", { key: 'b9c395ce35fc7bc680217e09ad206b54a7b62241', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '7ba58e7bb4e71ee39dc447534f5ff020ebbc6147', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: '0ba1d148bb5f5259f513190289e0b6368754e083' }, h("button", { key: '439a47ec12ce5b3403a89564ce7a80900f2ece18', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'cef810d0fd803a7ec02edd56e049a14f412efc25', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
     static get is() { return "smoothly-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/index.js

@@ -16,7 +16,7 @@ export class SmoothlyTrigger {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: 'b29e3e2eb0ab5d17b9602df55ad9afb0d0565243', disabled: this.disabled, name: this.name }, h("slot", { key: 'df1757d80fe0e05d8d497b1aa168e9992ee423a2' })));
+                result = (h("button", { key: 'e5464a11e71f956f08e7c02a72f49246c411d679', disabled: this.disabled, name: this.name }, h("slot", { key: 'aa8aed4cddd4978a5636b816ef4d5ff2737dedc3' })));
                 break;
         }
         return result;

package/dist/collection/components/trigger/sink/index.js

@@ -15,7 +15,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '986b262fc3d59ce2d4dbcbf39f115aae3fc20651' });
+        return h("slot", { key: '2053d8ce9c9690a7fe0c079fa15336d6de74a9f1' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/source/index.js

@@ -12,7 +12,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: '8513a6c20a822cdcf5fce2dfacf2df73a0cb486d' });
+        return h("slot", { key: '667ab5fb646b207c7a28abd2dc03b96fe7851914' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-iucZC6z5.js → p-0vl7fnbi.js}

@@ -1,2 +1,2 @@
-import{p as s,H as m,c as o,h as t,t as a}from"./p-BsZrGTcp.js";import{d as e}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"307957b81f396381ad9eb975137299e7429dc9b5",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"b0951b6f61956f2b7c5253c8c839679af6b4174c"},t("smoothly-icon",{key:"f12054adab15e894617ed408fdbb6f6160b42c95",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"5138f3df6492a607ac2a0398204f4a95b9e8c547",name:"summary"})),t("slot",{key:"14aba4cf6b25ed41cb002585d4a117168e7a6169",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(a(s))){customElements.define(a(s),r)}break;case"smoothly-icon":if(!customElements.get(a(s))){e()}break}}))}c();export{r as S,c as d};
-//# sourceMappingURL=p-iucZC6z5.js.map
+import{p as s,H as m,c as o,h as t,t as e}from"./p-BsZrGTcp.js";import{d as a}from"./p-BiQsRsV4.js";const y=()=>`.sc-smoothly-summary-h{display:block}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary{display:flex;column-gap:0.25rem;width:fit-content;list-style:none;align-items:center;cursor:pointer}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:transform 0.2s, opacity 0.1s;opacity:0.3}.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary:hover>smoothly-icon.sc-smoothly-summary{opacity:1}.sc-smoothly-summary-h>details[open].sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transform:rotate(90deg)}.sc-smoothly-summary-h>details.sc-smoothly-summary-s>[slot=content]{margin-left:var(--smoothly-summary-content-indent, 1.5rem)}@media (prefers-reduced-motion){.sc-smoothly-summary-h>details.sc-smoothly-summary>summary.sc-smoothly-summary>smoothly-icon.sc-smoothly-summary{transition:none}}`;const r=s(class s extends m{constructor(s){super();if(s!==false){this.__registerHost()}this.smoothlySummaryOpen=o(this,"smoothlySummaryOpen");this.open=false}async toggleHandler(s){if(s.target instanceof HTMLDetailsElement){this.open=s.target.open;this.smoothlySummaryOpen.emit(this.open)}}render(){return t("details",{key:"d77e78b718fca10f4d8e9e2bdae4112cffb4cfc3",onToggle:s=>this.toggleHandler(s),open:this.open},t("summary",{key:"5e264e08db22ec0eb85433d3d72f0f12d10cd2c1"},t("smoothly-icon",{key:"36d49d1d21151034a35fca5b93a064074d49bb84",name:"caret-forward",fill:"solid",size:"tiny"}),t("slot",{key:"55164da27444d19c18b6b931813d12a3d5a4abe4",name:"summary"})),t("slot",{key:"b459e14735415bee4c85af02cff23c0675372931",name:"content"}))}static get style(){return y()}},[262,"smoothly-summary",{open:[1540]}]);function c(){if(typeof customElements==="undefined"){return}const s=["smoothly-summary","smoothly-icon"];s.forEach((s=>{switch(s){case"smoothly-summary":if(!customElements.get(e(s))){customElements.define(e(s),r)}break;case"smoothly-icon":if(!customElements.get(e(s))){a()}break}}))}c();export{r as S,c as d};
+//# sourceMappingURL=p-0vl7fnbi.js.map

package/dist/components/{p-R4uIvvER.js → p-7ReeDB-R.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-DFXJvHuL.js";import{I as a}from"./p-DgaHxdNI.js";import{g as r,S as u,a as c,b as d}from"./p-CdrWGE1v.js";import{o as p,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-BiQsRsV4.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(d.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(d.copy(t))}createFormattedState(t){return this.formatter.format(d.copy(this.formatter.unformat(d.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=p({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"70b8f1998872650f29f9868082b967534f236f07",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"ea9697662701929b3f97f939bcedf52264e499fa",name:"start"}),i("div",{key:"8438ab65ede2df7cecae8e333877f358a09dc8ba",class:"smoothly-input-container"},i("div",{key:"498c91553b4672a7439e87ebe01b91fd78e38097",class:"guide"},i("div",{key:"a46dd14b4c9dba32d59a5d24067b10d0c89dc577",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"9463bd116c7aa48d36a5f2109cd31fc2968922d2",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"c82970753f25895533f6ed5564edf86578c8ad73",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"963b63416e0c77ebc2cfcbcc088efd4728edcd7f",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"49c41be3bf0bf77cd130830b8407c01b1143890f"}))),this.copyable&&this.value&&i("span",{key:"3b042352ee3ce520adcdea4c627cddb19dc07d37",class:"copyable"},i("small",{key:"30e1d95db69cceeef2bcd3a6baccbdd9f64dd57d"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7de8ce70f20a982f93ad1e33bb15f6d53854344e",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"9f571de472ee768ad5e6c975378306515f1d252d",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"75bf79f1aca5b93e984d6f731c0f28a768b6c537",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
-//# sourceMappingURL=p-R4uIvvER.js.map
+import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-DFXJvHuL.js";import{I as a}from"./p-BpBeeNcM.js";import{g as r,S as u,a as c,b as d}from"./p-CdrWGE1v.js";import{o as p,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-BiQsRsV4.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(d.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(d.copy(t))}createFormattedState(t){return this.formatter.format(d.copy(this.formatter.unformat(d.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=p({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"70b8f1998872650f29f9868082b967534f236f07",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"ea9697662701929b3f97f939bcedf52264e499fa",name:"start"}),i("div",{key:"8438ab65ede2df7cecae8e333877f358a09dc8ba",class:"smoothly-input-container"},i("div",{key:"498c91553b4672a7439e87ebe01b91fd78e38097",class:"guide"},i("div",{key:"a46dd14b4c9dba32d59a5d24067b10d0c89dc577",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"9463bd116c7aa48d36a5f2109cd31fc2968922d2",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"c82970753f25895533f6ed5564edf86578c8ad73",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"963b63416e0c77ebc2cfcbcc088efd4728edcd7f",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"49c41be3bf0bf77cd130830b8407c01b1143890f"}))),this.copyable&&this.value&&i("span",{key:"3b042352ee3ce520adcdea4c627cddb19dc07d37",class:"copyable"},i("small",{key:"30e1d95db69cceeef2bcd3a6baccbdd9f64dd57d"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7de8ce70f20a982f93ad1e33bb15f6d53854344e",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"9f571de472ee768ad5e6c975378306515f1d252d",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"75bf79f1aca5b93e984d6f731c0f28a768b6c537",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
+//# sourceMappingURL=p-7ReeDB-R.js.map

package/dist/components/{p-D1uYEo7L.js → p-97N6vnZd.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as t,h as i,d as s,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-DIz1nEPY.js";import{d as n}from"./p-BiQsRsV4.js";import{d as h}from"./p-ByWVc-XC.js";import{d as r}from"./p-Bm-gpoFa.js";import{d as m}from"./p-CF5IKGi5.js";const d=()=>`smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}`;const c=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyUrlChange=t(this,"smoothlyUrlChange");this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.rooms={}}componentWillLoad(){const o=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=o.matches;o.addEventListener("change",(o=>this.updateMobileMode(o.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(o){this.mobileMode=o;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(o)));if(!o){this.menuOpen=false}}async componentDidRender(){var o;if(!this.selected&&!window.location.search){(o=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((o=>!(o===null||o===void 0?void 0:o.element.disabled))))===null||o===void 0?void 0:o.element.setSelected(true)}}async selectRoom(o){var e;(e=this.rooms[o])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var o;Object.values(this.rooms).forEach((o=>{var e;return(o===null||o===void 0?void 0:o.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(o===null||o===void 0?void 0:o.element.setSelected(false))}));const e=await((o=this.selected)===null||o===void 0?void 0:o.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e){this.mainElement.replaceChildren(e)}}))}async locationChangeHandler(o){var e;(e=this.rooms[o.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(o){this.selected={element:o.target};if(this.mobileMode){this.menuOpen=false}if(!o.detail.history){const e=this.selected.element.path.toString();const t=new URL(window.location.pathname==e?window.location.href:window.location.origin);t.pathname=e;t.search=o.detail.query?`?${o.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:o.detail.query||""},"",t.href)}}roomLoadedHandler(o){const e=this.rooms[o.target.path.toString()]={element:o.target};if(e.element.selected){this.selected=e}}clickHandler(o){if(this.mobileMode&&!o.composedPath().some((o=>o==this.burgerElement||o==this.navElement))){this.menuOpen=false}}render(){return i(s,{key:"c0204db44c75c6235d5eb2adc776112372989a13",class:{"smoothly-mobile-mode":this.mobileMode}},i("smoothly-notifier",{key:"2c9ff0711219189499cbe1cb6f37e41715f4234a"},i("header",{key:"25b6ac0023b7ff634d315627297f1968fe78d199",color:this.color},i("h1",{key:"cb52ccc4d73bee709c95597b08c7260c28c116c0"},i("a",{key:"9db53cc3d88d3bb2c557dddc306adda2b9c1bb57",href:""},this.label)),i("slot",{key:"d8f71e17edf3b65d4579386004666b4b7d8655f7",name:"header"}),i("nav",{key:"71416658d3fd7578d1e9911355efe8250b7f1b73",ref:o=>this.navElement=o},i("ul",{key:"79dae2e8b641e4d4fcb13245fa647d3b4fcbdea7"},i("div",{key:"4f85e34495814cf144eb1b39b4b0f5a07807ee51",class:"nav-start-container"},i("slot",{key:"06f4ce02a90619d13ea21d6564f5434233346c06",name:"nav-start"})),i("slot",{key:"f261dcbcd2781b0c6d6f499bd559763bc7172742"}),i("div",{key:"ed668608a800ef08363b9ae239a392dfd515f49a",class:"nav-end-container"},i("slot",{key:"c5d11b8ac9b158ca030df27ff345c82979cb6ae5",name:"nav-end"})))),i("smoothly-burger",{key:"ce9f13229cc55cc95e5bc9bacc4c692febd15ec4",ref:o=>this.burgerElement=o,open:this.menuOpen,onSmoothlyNavStatus:o=>(o.stopPropagation(),this.menuOpen=o.detail)})),i("main",{key:"62e5ea6a00dbbc910f8c2682b55727487202b248",ref:o=>this.mainElement=o})))}static get watchers(){return{selected:[{selectedChanged:0}]}}static get style(){return d()}},[260,"smoothly-app",{label:[513],color:[1],home:[1],menuOpen:[1540,"menu-open"],navBreakpoint:[513,"nav-breakpoint"],mobileMode:[32],selected:[32],selectRoom:[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{selected:[{selectedChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const o=["smoothly-app","smoothly-burger","smoothly-icon","smoothly-notification","smoothly-notifier","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app":if(!customElements.get(a(o))){customElements.define(a(o),c)}break;case"smoothly-burger":if(!customElements.get(a(o))){l()}break;case"smoothly-icon":if(!customElements.get(a(o))){n()}break;case"smoothly-notification":if(!customElements.get(a(o))){h()}break;case"smoothly-notifier":if(!customElements.get(a(o))){r()}break;case"smoothly-trigger":if(!customElements.get(a(o))){m()}break}}))}y();export{c as S,y as d};
-//# sourceMappingURL=p-D1uYEo7L.js.map
+import{p as o,H as e,c as t,h as i,d as s,t as a}from"./p-BsZrGTcp.js";import{d as l}from"./p-DIz1nEPY.js";import{d as n}from"./p-BiQsRsV4.js";import{d as h}from"./p-DGxkSNZ-.js";import{d as r}from"./p-BDW8BGmy.js";import{d as m}from"./p-DRiOEv4L.js";const d=()=>`smoothly-app{--header-height:5rem;display:block}smoothly-app>smoothly-notifier>main{height:calc(100dvh - var(--header-height))}smoothly-app[hidden]{display:none}smoothly-app>smoothly-notifier{height:100%;background:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header:has(smoothly-burger)>nav>ul smoothly-app-room{width:100%;height:4em}smoothly-app>smoothly-notifier>header{position:sticky;top:0;z-index:20;width:100%;height:var(--header-height);display:flex;justify-content:space-between;box-sizing:border-box;align-items:center;box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}smoothly-app>smoothly-notifier>header>nav{width:100%;flex-shrink:2;height:100%}smoothly-app>smoothly-notifier>header>nav,smoothly-app>smoothly-notifier>header>nav>ul{display:flex;margin:0}smoothly-app:not([label])>smoothly-notifier>header>h1{display:none}smoothly-app>smoothly-notifier>header>h1{margin-left:1rem;margin-bottom:0.8em;display:flex;height:100%}smoothly-app>smoothly-notifier>header>h1>a{display:inline-block;align-self:center;size:100%;background-position-y:center;text-decoration:none;white-space:nowrap}smoothly-app>smoothly-notifier>header>nav>ul{width:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-start-container{display:flex;align-items:center;height:100%}smoothly-app>smoothly-notifier>header>nav>ul>div.nav-end-container{display:flex;align-items:center;height:100%;margin-left:auto;margin-right:1rem}smoothly-app>smoothly-notifier>header>nav>ul>[slot="nav-end"]{width:fit-content;align-self:center;height:fit-content;margin-left:10rem}smoothly-app>smoothly-notifier>header>nav>ul li a{display:flex;height:2.3rem;text-decoration:none;align-items:center;align-self:center}smoothly-app.smoothly-mobile-mode:not([menu-open])>smoothly-notifier>header>nav{display:none}smoothly-app>smoothly-notifier>main>div{overflow-y:scroll;height:100%}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav{width:fit-content;max-width:100%;top:100%;position:absolute;max-height:calc(100dvh - var(--header-height));overflow-y:scroll;right:0;height:auto}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{flex-direction:column;background-color:rgba(var(--smoothly-color))}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul{padding:1.5rem;box-sizing:border-box}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul li{margin-right:0;width:100%}smoothly-app:not(.smoothly-mobile-mode)>smoothly-notifier>header>smoothly-burger{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>smoothly-burger{position:absolute;top:0;right:0}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>[slot="nav-start"]{display:none}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container,smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-end-container{flex-direction:column;margin:0;align-items:start;justify-content:center}smoothly-app.smoothly-mobile-mode>smoothly-notifier>header>nav>ul>div.nav-start-container>*:last-child{margin-bottom:1em}`;const c=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyUrlChange=t(this,"smoothlyUrlChange");this.menuOpen=false;this.navBreakpoint="48rem";this.mobileMode=false;this.rooms={}}componentWillLoad(){const o=window.matchMedia(`(max-width: ${this.navBreakpoint})`);this.mobileMode=o.matches;o.addEventListener("change",(o=>this.updateMobileMode(o.matches)))}componentDidLoad(){this.updateMobileMode(this.mobileMode)}updateMobileMode(o){this.mobileMode=o;Object.values(this.rooms).forEach((e=>e===null||e===void 0?void 0:e.element.setMobileMode(o)));if(!o){this.menuOpen=false}}async componentDidRender(){var o;if(!this.selected&&!window.location.search){(o=this.home&&this.rooms[this.home]?this.rooms[this.home]:Object.values(this.rooms).find((o=>!(o===null||o===void 0?void 0:o.element.disabled))))===null||o===void 0?void 0:o.element.setSelected(true)}}async selectRoom(o){var e;(e=this.rooms[o])===null||e===void 0?void 0:e.element.setSelected(true)}async selectedChanged(){var o;Object.values(this.rooms).forEach((o=>{var e;return(o===null||o===void 0?void 0:o.element.path)!=((e=this.selected)===null||e===void 0?void 0:e.element.path)&&(o===null||o===void 0?void 0:o.element.setSelected(false))}));const e=await((o=this.selected)===null||o===void 0?void 0:o.element.getContent());requestAnimationFrame((()=>{if(this.mainElement&&e){this.mainElement.replaceChildren(e)}}))}async locationChangeHandler(o){var e;(e=this.rooms[o.state.smoothlyPath])===null||e===void 0?void 0:e.element.setSelected(true,{history:true});this.smoothlyUrlChange.emit(window.location.href)}roomSelectedHandler(o){this.selected={element:o.target};if(this.mobileMode){this.menuOpen=false}if(!o.detail.history){const e=this.selected.element.path.toString();const t=new URL(window.location.pathname==e?window.location.href:window.location.origin);t.pathname=e;t.search=o.detail.query?`?${o.detail.query}`:"";window.history.pushState({smoothlyPath:e,smoothlyQuery:o.detail.query||""},"",t.href)}}roomLoadedHandler(o){const e=this.rooms[o.target.path.toString()]={element:o.target};if(e.element.selected){this.selected=e}}clickHandler(o){if(this.mobileMode&&!o.composedPath().some((o=>o==this.burgerElement||o==this.navElement))){this.menuOpen=false}}render(){return i(s,{key:"c0204db44c75c6235d5eb2adc776112372989a13",class:{"smoothly-mobile-mode":this.mobileMode}},i("smoothly-notifier",{key:"2c9ff0711219189499cbe1cb6f37e41715f4234a"},i("header",{key:"25b6ac0023b7ff634d315627297f1968fe78d199",color:this.color},i("h1",{key:"cb52ccc4d73bee709c95597b08c7260c28c116c0"},i("a",{key:"9db53cc3d88d3bb2c557dddc306adda2b9c1bb57",href:""},this.label)),i("slot",{key:"d8f71e17edf3b65d4579386004666b4b7d8655f7",name:"header"}),i("nav",{key:"71416658d3fd7578d1e9911355efe8250b7f1b73",ref:o=>this.navElement=o},i("ul",{key:"79dae2e8b641e4d4fcb13245fa647d3b4fcbdea7"},i("div",{key:"4f85e34495814cf144eb1b39b4b0f5a07807ee51",class:"nav-start-container"},i("slot",{key:"06f4ce02a90619d13ea21d6564f5434233346c06",name:"nav-start"})),i("slot",{key:"f261dcbcd2781b0c6d6f499bd559763bc7172742"}),i("div",{key:"ed668608a800ef08363b9ae239a392dfd515f49a",class:"nav-end-container"},i("slot",{key:"c5d11b8ac9b158ca030df27ff345c82979cb6ae5",name:"nav-end"})))),i("smoothly-burger",{key:"ce9f13229cc55cc95e5bc9bacc4c692febd15ec4",ref:o=>this.burgerElement=o,open:this.menuOpen,onSmoothlyNavStatus:o=>(o.stopPropagation(),this.menuOpen=o.detail)})),i("main",{key:"62e5ea6a00dbbc910f8c2682b55727487202b248",ref:o=>this.mainElement=o})))}static get watchers(){return{selected:[{selectedChanged:0}]}}static get style(){return d()}},[260,"smoothly-app",{label:[513],color:[1],home:[1],menuOpen:[1540,"menu-open"],navBreakpoint:[513,"nav-breakpoint"],mobileMode:[32],selected:[32],selectRoom:[64]},[[8,"popstate","locationChangeHandler"],[0,"smoothlyRoomSelect","roomSelectedHandler"],[0,"smoothlyRoomLoad","roomLoadedHandler"],[8,"click","clickHandler"]],{selected:[{selectedChanged:0}]}]);function y(){if(typeof customElements==="undefined"){return}const o=["smoothly-app","smoothly-burger","smoothly-icon","smoothly-notification","smoothly-notifier","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-app":if(!customElements.get(a(o))){customElements.define(a(o),c)}break;case"smoothly-burger":if(!customElements.get(a(o))){l()}break;case"smoothly-icon":if(!customElements.get(a(o))){n()}break;case"smoothly-notification":if(!customElements.get(a(o))){h()}break;case"smoothly-notifier":if(!customElements.get(a(o))){r()}break;case"smoothly-trigger":if(!customElements.get(a(o))){m()}break}}))}y();export{c as S,y as d};
+//# sourceMappingURL=p-97N6vnZd.js.map

package/dist/components/{p-BaGuG5hS.js → p-9Fc5vWzs.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as d,h as c,t}from"./p-BsZrGTcp.js";import{i as o}from"./p-BVKhAhsB.js";import{C as s}from"./p-CkXes5c-.js";import{N as i}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as y}from"./p-DM5CKilY.js";import{d as b}from"./p-BuKk-s9A.js";import{d as l}from"./p-CR3Ni_o7.js";import{d as n}from"./p-B-l1S16Z.js";import{d as r}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-thKhutym.js";import{d as u}from"./p-CsLlJDsh.js";import{d as k}from"./p-iucZC6z5.js";const v=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=d(this,"notice")}noticeWarning(e){console.log("emit",e);this.notice.emit(e)}render(){return[c("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},c("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},c("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),c("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},c("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),c("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},c("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},c("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},c("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),c("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},c("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),c("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},c("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),c("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},c("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),c("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},c("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),c("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},c("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),c("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},c("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),c("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),c("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},c("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),c("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),c("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},c("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),c("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),c("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},c("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),c("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),c("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},c("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),c("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),c("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},c("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),c("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),c("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},c("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),c("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),c("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},c("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),c("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),c("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},c("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),c("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),c("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},c("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),c("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),c("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},c("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),c("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),c("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},c("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),c("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),c("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},c("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),c("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),c("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},c("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),c("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),c("dd",{key:"f5de472e757607197287bb40299df53029677995"},c("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),c("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),c("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},c("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},c("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",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"})),c("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},c("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},c("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},c("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},c("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},c("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",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"})),c("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),c("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},c("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),c("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),c("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},c("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:o.Date.now()}),c("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),c("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),c("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),c("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},c("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),c("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(i.warn("This is a test warning notice."))},"warning"),c("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(i.succeeded("This is a test success notice."))},"success"),c("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(i.failed("This is a test danger notice."))},"danger"),c("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(i.execute("This is a test execute notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"execute"),c("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(i.delay("This is a test delay notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"delay")),c("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},c("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),c("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",c("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),c("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",c("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),c("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",c("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),c("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",s.values.map((e=>c("smoothly-button",{size:"icon",color:e,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&c("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&c("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),c("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),c("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",c("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),c("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",c("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),c("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",c("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),c("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},c("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),c("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},c("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),c("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},c("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),c("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",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."))),c("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},c("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},c("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),c("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),c("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),c("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),g.map((e=>c("smoothly-label",{hue:e.hue,description:e.description,shape:"rectangle"},e.name))),c("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}},[0,"smoothly-display-demo",{downloadingSpinner:[32]}]);const g=[{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 j(){if(typeof customElements==="undefined"){return}const e=["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"];e.forEach((e=>{switch(e){case"smoothly-display-demo":if(!customElements.get(t(e))){customElements.define(t(e),v)}break;case"smoothly-button":if(!customElements.get(t(e))){f()}break;case"smoothly-display":if(!customElements.get(t(e))){y()}break;case"smoothly-display-demo-json":if(!customElements.get(t(e))){b()}break;case"smoothly-display-json":if(!customElements.get(t(e))){l()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){m()}break;case"smoothly-icon":if(!customElements.get(t(e))){p()}break;case"smoothly-label":if(!customElements.get(t(e))){h()}break;case"smoothly-spinner":if(!customElements.get(t(e))){u()}break;case"smoothly-summary":if(!customElements.get(t(e))){k()}break}}))}j();export{v as S,j as d};
-//# sourceMappingURL=p-BaGuG5hS.js.map
+import{p as e,H as a,c as d,h as c,t}from"./p-BsZrGTcp.js";import{i as o}from"./p-BVKhAhsB.js";import{C as s}from"./p-CkXes5c-.js";import{N as i}from"./p-C6lWCoIT.js";import"./p-DoFURPl2.js";import{d as f}from"./p-BHEtq3Ue.js";import{d as y}from"./p-DM5CKilY.js";import{d as b}from"./p-BuKk-s9A.js";import{d as l}from"./p-CR3Ni_o7.js";import{d as n}from"./p-B-l1S16Z.js";import{d as r}from"./p-Ud7Qhkgt.js";import{d as m}from"./p-C3FORjes.js";import{d as p}from"./p-BiQsRsV4.js";import{d as h}from"./p-D4fagxgG.js";import{d as u}from"./p-BEQ2yAjW.js";import{d as k}from"./p-0vl7fnbi.js";const v=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=d(this,"notice")}noticeWarning(e){console.log("emit",e);this.notice.emit(e)}render(){return[c("main",{key:"f0027441bfef78c171ba61092be17b58234f9441"},c("fieldset",{key:"d6d0987729d19296ae9bca9108b51b02d4cffe12"},c("h2",{key:"8bf8fb79a2962ee6f57199fbca073d3d6108bfaf"},"Smoothly display"),c("dl",{key:"a611e082683866edf1aed27253cc139cdfae914d"},c("dt",{key:"57ab7bbd1eb80eafbac37682b663cb14fbc0afc8"},"Duration"),c("dd",{key:"0ff01664956d694165bfb366cad10146ba748f92"},c("div",{key:"aa1e91e3c22cb273d96ae15597b31c6ce6d826f3"},c("div",{key:"4a51be0b383303cffad2bf958865e943a86eb35c"},c("smoothly-display",{key:"a69cc7be176c850fad91eb13feec5ad81f867e81",style:{display:"inline"},type:"duration",value:{hours:13,minutes:100}})," h"),c("div",{key:"49df16cc21484f0b58025cc55fdcb4f4316db50f"},c("smoothly-display",{key:"865bf3acaced59068f8dea2c22c76cd6906f3d14",style:{display:"inline"},type:"duration",value:{hours:8}})," h"),c("div",{key:"afcb613ed8ee92fc23d2adc1f4a8019840b137a4"},c("smoothly-display",{key:"21eeba322f8ed8b24160c7c4c2cf042c3d942762",style:{display:"inline"},type:"duration",value:{minutes:3}})," h"),c("div",{key:"9a08731fcf35e804463fba62e505fe23f7971b2d"},c("smoothly-display",{key:"39c432749ba1147433b0a4703030c872bfc17b15",style:{display:"inline"},type:"duration",value:{hours:-13,minutes:100}})," h"),c("div",{key:"e2fed37cd00090311d04917160996fb6c9d7c202"},c("smoothly-display",{key:"166fd0d523c1ff7000d21232b3511d46ff642104",style:{display:"inline"},type:"duration",value:{hours:-8}})," h"),c("div",{key:"f59fa2cf4af468c0efd8d282559458d3048bb54a"},c("smoothly-display",{key:"aa40b1c43f5cfe22dd0bc0e6101db78a92c53621",style:{display:"inline"},type:"duration",value:{}})," h"),c("div",{key:"7e15d974058f15a3c42ec1d12ada1673beb1d6b3"},c("smoothly-display",{key:"e2b4163ee526312211aeb628b90b8eedcbe7e6f0",style:{display:"inline"},type:"duration",value:{minutes:-3}})," h"))),c("dt",{key:"bc84f7802f65b61b07be817c9aaf94e3f61ae84d"},"text"),c("dd",{key:"57f8d7a74ceac39909d10cbe481b3971f2ecdeeb"},c("smoothly-display",{key:"642c8f1d612e0debcca8bd7b201bd365af96cfa9",type:"text",value:"text"})),c("dt",{key:"f935e44f241328df81553f11839f5c8ffbc10c9e"},"postal code"),c("dd",{key:"9e330664f885f7219842624d3f38bcb196477f01"},c("smoothly-display",{key:"d9b64e1a659e44ea742cd4eaaa957568fb1e0d34",type:"postal-code",value:"752 31"})),c("dt",{key:"5dbf58da2741a7c0b23fd504b2f98e136f494949"},"password"),c("dd",{key:"4b649f79b01043826cfb8daecc643fe252fab4a8"},c("smoothly-display",{key:"0a3981b795879dc97bfb89c0ba24956742ce239c",type:"password",value:"password"})),c("dt",{key:"65971d774fbdbae74ffc9fc96668ba012701ea71"},"email"),c("dd",{key:"fb22a5ca78f8b003de2dced241e5525fe42c5fde"},c("smoothly-display",{key:"2512acf71be746c2fcc2501451ce785bdbd01455",type:"email",value:"test@example.com"})),c("dt",{key:"b89f91cecf9c963edd07250bf2a065a3da64837b"},"price"),c("dd",{key:"6a2bf5ba95dcc27acc8629a4f3bd4ab8662a0365"},c("smoothly-display",{key:"e591993c95b899fa4aa976cfe3539e0e723e6ef3",type:"price",value:"13.37",currency:"SEK"})),c("dt",{key:"207e97191f04e431c5e511eb85fdbcf63572ffe8"},"price without decimals"),c("dd",{key:"a6420d4a9a8cf3d608e07999dfad03b6fccc43a9"},c("smoothly-display",{key:"b0e5761078c10a07616023a95b10765b86dd5a82",type:"price",value:200,currency:"SEK",toInteger:true})),c("dt",{key:"f3a1266f7e0610880115e0ba93f13cac57e8d038"},"price with decimals if they are set, otherwise no decimal"),c("dd",{key:"601c5f79148527505141bc3a1995b068998190b6"},c("smoothly-display",{key:"349b706f45c15353a5247608d9b5eddd5d514fb3",type:"price",value:200.2,currency:"SEK",toInteger:true})),c("dt",{key:"46331fe9a8124257ee9d5e9713b713831e1f615f"},"price with decimals"),c("dd",{key:"317c8ca991740a994b59830c94e8393bc01d3f07"},c("smoothly-display",{key:"5ec0d759372c9fb36fd2149aae7953600cc67726",type:"price",value:200.2,currency:"SEK"})),c("dt",{key:"60a3e8e4672dcd6050d79937f297404e6e84a04a"},"percent"),c("dd",{key:"572df0ef47bb43bef3f15695ce774e3a205e27f5"},c("smoothly-display",{key:"b740dabdd447e609096a9587e70d04ae069f6ef6",type:"percent",value:"42"})),c("dt",{key:"9af3e07c435f10b3159d9fb313237129246669a4"},"phone"),c("dd",{key:"31d3728c41a9cfad3440d4c5498f129b7be62b3e"},c("smoothly-display",{key:"76bda1d9a032c2df5d10850ed34ec96c94524238",type:"phone",value:"0101881108"})),c("dt",{key:"339edc1575a020d74fe03f3dcd428352d905591f"},"card number"),c("dd",{key:"ef75e57c991ca5a1f886e2f6716d3475d6023e42"},c("smoothly-display",{key:"1e694d62f751eb4c566b54ced5094030249eeebd",type:"card-number",value:"4111111111111111"})),c("dt",{key:"c8cd5d87ac6ab7e778449f6e8528c3aeab576438"},"card expires"),c("dd",{key:"af791cca99d6ea340884d8becdb78c4e11a6a40b"},c("smoothly-display",{key:"5e2c05c3f80af6f427c6bd4842d72db8c5dab3e9",type:"card-expires",value:"7/22"})),c("dt",{key:"6a9433b4e2048cd4de63a47c772ee6418d3acf21"},"card csc"),c("dd",{key:"d7e5f17ce69a12146a8ad54c981e59f5f69ae4da"},c("smoothly-display",{key:"24a9c38b6c032aa554974376e13cb2b8ec0b84d0",type:"card-csc",value:"987"})),c("dt",{key:"48f5cac78c36bb5136f51ba66a6d0f07fb1a895f"},"date"),c("dd",{key:"f5de472e757607197287bb40299df53029677995"},c("smoothly-display",{key:"3c3f43d0b929ab99bf66b7e6d2652480272e199b",type:"date",value:"2022-07-07"})),c("dt",{key:"cc7cdb8e399598175e0772b23a7f7426eb6eb9dc"},"date time"),c("dd",{key:"9ece32e9caa673525dcf71b86cd45b061d9827d9"},c("smoothly-display",{key:"8c34dc9335a1dcd809368d490e38b366e0cbad98",type:"date-time",format:{year:"numeric",month:"short",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T02:02:02Z"})),c("dd",{key:"bffb607f7fff4cbd83976db7ebb4b6d047181749"},c("smoothly-display",{key:"9532c7fc763f670bc7efdf790bba83498224fa2b",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"})),c("dd",{key:"e69696c5cacfd2eb127822b7372401baa4838c1f"},c("smoothly-display",{key:"24dd4186d2e39e2ec123f31155e7ec5e9d473237",type:"date-time",format:{year:"numeric",month:"2-digit",day:"2-digit",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"57656dda4f48f82ea0b089be6613076de5c08613"},c("smoothly-display",{key:"f8dc33572b80480deb71b2333d4ccb28a4d4b556",type:"date-time",format:{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"},value:"2022-07-07T12:22:24Z"})),c("dd",{key:"8e06ce3ce8c92fc344b7d0152667ecd3de933ef0"},c("smoothly-display",{key:"dfe29b01b180372cb1bac5702e0ead534ad59ad5",type:"date-time",format:{year:"numeric",month:"short",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"416f2e6fac955dc4a7a08b543186a5176b4359f2"},c("smoothly-display",{key:"42baa9b698ae41db2a96203f11439217b4dd0598",type:"date-time",format:{year:"2-digit",month:"numeric",day:"numeric"},value:"2022-07-07T00:00+02:00"})),c("dd",{key:"9fa5bf6bcc7f11f24c92ea73235fc2c8fd1a9fa5"},c("smoothly-display",{key:"9dc5fc24afb8952b6556c2f4405e47270f7d96c5",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"})),c("dt",{key:"fa0fee5e4d57648ef7379fcab25b1c861df29572"},"Display JSON"),c("dd",{key:"24e8222807dd1a65b3d0b4d49e4e9b7f2f63ca45"},c("smoothly-display-demo-json",{key:"3bfc573006f805f99a9815efd69bdb4cae7da5b0"})))),c("h2",{key:"526bb69d7ad95db53610949dfdfb1a8335d0d734"},"With labels"),c("dd",{key:"42b3f4d34abb22ce98f7421c04076af3cf9592d7"},c("smoothly-display",{key:"bdfcb7554a39ed2f937ef2acc613f07e863b4460",label:"Today",type:"date",value:o.Date.now()}),c("smoothly-display",{key:"ca523fd7b87353ad81a0fd6747626e3313dcd803",label:"Total amount",type:"price",currency:"SEK",value:6789}),c("smoothly-display",{key:"f185521dbf646db7f2dbd0856d5b51c19cea0f7e",label:"Total amount",type:"price",currency:"GBP",value:678.9}),c("smoothly-display",{key:"2b11b984ee41bcfd8651422099dd0243dea5c1f9",label:"Logs",type:"json",value:[{type:"trace",message:"Hello"},{type:"error",message:"Oh no!"}]})),c("fieldset",{key:"ef8bc44b54f0a98227581bcade3330debc22729c"},c("h2",{key:"0dee7b56295ee035a7459a687e95bdcde727e1f7"},"Test of different kinds of notifier"),c("button",{key:"88076dc7ef7db955ba07bad008e3082c9c3177e4",onClick:()=>this.noticeWarning(i.warn("This is a test warning notice."))},"warning"),c("button",{key:"f07659e51be16b4019d2a4759e62ef7a1e526c32",onClick:()=>this.noticeWarning(i.succeeded("This is a test success notice."))},"success"),c("button",{key:"ba7ae24c1f495c0babea9c9c4a5219129d16b5a1",onClick:()=>this.noticeWarning(i.failed("This is a test danger notice."))},"danger"),c("button",{key:"6bec07e40f8cdf258d1ac09bac883570b6599e82",onClick:()=>this.noticeWarning(i.execute("This is a test execute notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"execute"),c("button",{key:"30284847af0b9196965d40ef9a1e252fb9c6cb93",onClick:()=>this.noticeWarning(i.delay("This is a test delay notice.",(()=>new Promise((e=>window.setTimeout((()=>e([true,"This went great"])),3e3))))))},"delay")),c("fieldset",{key:"3d00362adfdf13d785a824e7a37151bea10f0991"},c("h2",{key:"ec4235bbe8d792aefe999743de12f8f1657e6789"},"Smoothly spinner"),c("div",{key:"041c2d303ad7de8e19695eaca34461b08af1f8ef",style:{width:"fit-content"}},"Large",c("smoothly-spinner",{key:"7899818b65ed91864b3a566a06c652be320779ee",size:"large",style:{"--spinner-background":"200,255,200","--spinner-background-opacity":"0.2","--spinner-color":"0,130,0"}})),c("div",{key:"d91ace8ab22931ac828734c330ec6bdffb7a1874",style:{width:"fit-content"}},"Medium",c("smoothly-spinner",{key:"e9c676eb8aeb5be8bbe3145fab86c5b8e5ce102d",size:"medium"})),c("div",{key:"4ddb83d57b7054a240391751efb43642f89af289",style:{width:"fit-content"}},"Small",c("smoothly-spinner",{key:"f81d12395407c33d35244069cb3f337c2fc68f7e",size:"small"})),c("div",{key:"442d309f4b04986e52cbeae4758377695fbdc3e4"},"Icon sized spinner on button",s.values.map((e=>c("smoothly-button",{size:"icon",color:e,shape:"rounded",onClick:()=>{this.downloadingSpinner=true;setTimeout((()=>this.downloadingSpinner=false),3e3)}},!this.downloadingSpinner&&c("smoothly-icon",{name:"download-outline"}),this.downloadingSpinner&&c("smoothly-spinner",{size:"icon",style:{"--spinner-background-opacity":"0"}}))))),c("h3",{key:"bc6fe08536d2b7245fecb987c84112377532ff5f"},"Spinner with overlay"),c("div",{key:"286d6fc3429a30743f362b89874b22db0c8f00d8",style:{position:"relative",height:"10em"}},"Large Overlay Spinner",c("smoothly-spinner",{key:"05f8103a25be0a00235dabfaf17b17dd059f110d",overlay:true,size:"large",style:{"--spinner-background":"255,200,255","--spinner-background-opacity":"0.5","--spinner-color":"0,130,0"}})),c("div",{key:"88dae76ba4f26b5ba5dab790d030efd2740a9c3a",style:{position:"relative",height:"10em"}},"Medium Overlay Spinner",c("smoothly-spinner",{key:"ea74d644a344b2347888a609a72b20ac5c8651df",overlay:true,color:"secondary",size:"medium"})),c("div",{key:"64d9ade2587010213832e33830c5eeca985c7480",style:{position:"relative",height:"10em"}},"Small Overlay Spinner",c("smoothly-spinner",{key:"494f01fde3c846454bfa32681895b2253db373a4",overlay:true,size:"small"}))),c("fieldset",{key:"6629bd3d32263860e046c756bd0f392c51f25be0"},c("h2",{key:"33d110238af08bfc80a06d55b93cc128cc3a4d50"},"Smoothly summary"),c("smoothly-summary",{key:"5439e9671227547e17576d921bd4d193184310ae"},c("span",{key:"5aa376de959eac730f1731a9d1abaa7c9b2906e2",slot:"summary"},"Some title"),c("smoothly-summary",{key:"0f3c9220d9317c54c53037b25b92374ee64b8b3b",slot:"content"},c("div",{key:"aa1dc04d09749f3c125eac38fdd59b15f990871e",slot:"summary"},"Some other title"),c("div",{key:"327cbe85e798cbd7b5a6a96acb0d62db4486b6e2",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."))),c("smoothly-summary",{key:"34df179fe11e57724c204fc7faa92b6dd3d2c312"},c("div",{key:"bc7f0348eba69ce4b5ec090c3132152829cd2bdb",slot:"summary",style:{display:"flex",gap:"0.3rem"}},c("span",{key:"e46943da2844edc16d8c93e99f2a421668af34cf"},"Person"),c("smoothly-icon",{key:"b677ed1036743b2994003c0b4d8573124fa30407",name:"person",color:"light",fill:"clear",size:"tiny"})),c("p",{key:"8a22ac8f00f37ce9b4d90978d329daef975a2856",slot:"content"},"Some person information.")),c("h2",{key:"52120c774608c56017e1b8479631be4019449516"},"Label"),g.map((e=>c("smoothly-label",{hue:e.hue,description:e.description,shape:"rectangle"},e.name))),c("smoothly-label",{key:"16fba37231ff5ef8859a05e1d7b138ce27ba2769",color:"primary",description:"Using colors",shape:"rectangle"},"Primary")))]}},[0,"smoothly-display-demo",{downloadingSpinner:[32]}]);const g=[{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 j(){if(typeof customElements==="undefined"){return}const e=["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"];e.forEach((e=>{switch(e){case"smoothly-display-demo":if(!customElements.get(t(e))){customElements.define(t(e),v)}break;case"smoothly-button":if(!customElements.get(t(e))){f()}break;case"smoothly-display":if(!customElements.get(t(e))){y()}break;case"smoothly-display-demo-json":if(!customElements.get(t(e))){b()}break;case"smoothly-display-json":if(!customElements.get(t(e))){l()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){n()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){r()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){m()}break;case"smoothly-icon":if(!customElements.get(t(e))){p()}break;case"smoothly-label":if(!customElements.get(t(e))){h()}break;case"smoothly-spinner":if(!customElements.get(t(e))){u()}break;case"smoothly-summary":if(!customElements.get(t(e))){k()}break}}))}j();export{v as S,j as d};
+//# sourceMappingURL=p-9Fc5vWzs.js.map