smoothly 1.96.0 → 1.98.0

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

@@ -16,7 +16,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '6033a860074a26860ac2d9397cfa4391831ed4ac', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7a95e4cb3c3e224a7341aa2a2334f20eb8a532bf' }), h("div", { key: 'fd83d53e3db726abead7cf59f7b0bda74a72562c', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '1db917174ae6c70ae7944e67c70e79cf62354f81', name: "detail" }))));
+        return (h(Host, { key: '9603b69ce76a615c1c91b21b054de6389055526d', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '7631b20efae2ceea71463076b523812497f17a67' }), h("div", { key: '4542ab2e3255a5ea8e93b94b2a1b20670a85fcdb', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '125b820867a4a936718ab8de9a8765166020c52a', 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: '39f4df9798bfe072c1939753ba2cfcd52c8c6d14' }, h("smoothly-table-cell", { key: 'c4925e9dc2e432ec346681054de64387c1b191c7' }, h("slot", { key: '7cd372f479837d10ee4a0d53ca4089d80e333183' }))));
+        return (h("smoothly-table-row", { key: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
     }
     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: 'c136890da1c10d7845b054fcb7160bf6573c3b1c' }, h("slot", { key: '2ba64ba55fc7842cdbfe8950aa075fcc82be49e2' })));
+        return (h(Host, { key: '1533d9a3447bbed2649a2b3fcd25980b95f2fe8c' }, h("slot", { key: 'e9787e2616189239982cac06331fb10a635fc511' })));
     }
     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: '7e997a6abf62fee39b266f148a6157a880182d44' }, h("div", { key: 'be5ed254470787857415ee61dcbb275bdcad6938', onClick: () => this.clickHandler() }, h("div", { key: '7bfb0dc7d14be32c973d7524fe5dd8b339b4b70a' }, h("slot", { key: '277d81983cc2f7c23bc50d3c41175c161e461b86', name: "start" })), h("div", { key: '813cab4c382c1cedc39b7286898074ba4ada84bf' }, h("slot", { key: '86cc29d007effc636195285f8ba217fd772b26a6', name: "end" }))), h("div", { key: 'bc3b16d26f262c19bf5e0fb957db15dcbfcaf332' }, h("slot", { key: 'ab625e1e87b7eabeb8ef5d84d2174e5a70cdeafd' }))));
+        return (h(Host, { key: '042ab6cc12f3441bb67637505521f031493051fa' }, h("div", { key: 'd9e0ce6dad12f3d3371a74b5603a4ff29f7f3b20', onClick: () => this.clickHandler() }, h("div", { key: '59b16a3bb24378913694d3ce394c065ff7816136' }, h("slot", { key: 'b8fcc5180ae67e6db906bd303c510c793314b067', name: "start" })), h("div", { key: '4716392324282da76d7e908fc9a159dd89ee9503' }, h("slot", { key: 'e8ac2ed348abcbe6cb966aee2dd391b247f6cfc3', name: "end" }))), h("div", { key: '053716adfc8cca6ac44ce14db9a1393d6d1832e6' }, h("slot", { key: '3ed87af439c23e60cb49612fe7d593e6062ee2d9' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SmoothlyTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'fc2b929afcaaae8784a250b33c1784b51f6069d0', class: { scrolled: !!this.scrolled } }, h("slot", { key: '0647311dac1ee867e9bde641f11f7ac581179d33' })));
+        return (h(Host, { key: 'cbfc978b0adaff62f961f0f57d8f2ed6a8fa197b', class: { scrolled: !!this.scrolled } }, h("slot", { key: '650b9adff04908fdab781ca555fe037a6aa009e5' })));
     }
     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: '2d475aad72fcaf31aed36d99f2684a5012e5dd06', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ed1188366aa69849604369b1d0286541027a13a1' })));
+        return (h(Host, { key: '673f0457a2915a8bbc5ac662d905405df0f7a74a', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ba193ea06a8a63c25948275d663d9838ff009268' })));
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTableRow {
                 event.target != cell && cell.close();
     }
     render() {
-        return (h(Host, { key: 'd1154a9f154063757b445c703fd472bf61789038' }, h("slot", { key: '6365abd761556dc9a04d3d03ee97168b2b4f029a' })));
+        return (h(Host, { key: '4ed9e4fd09cc13d283d359f5a1f40ccae428aedd' }, h("slot", { key: '20be1367a71b4f91b1849e99bf1f1fc0eb40bfc5' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTabsDemo {
         this.extraTab2 = undefined;
     }
     render() {
-        return (h(Host, { key: 'b62a8ae826fac8ab9bd918d17c9bb4bb2cde74a4' }, h("div", { key: '6319af78c4c93f0c1afa7964f539d1da3aea06de' }, h("smoothly-button", { key: '528e4e880dcf7d490649f5cd15f275b7d5b20c9d', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'bbf8219b3d9f2278494b6c1970457ef78f593535', tabs: "multiple" }, h("smoothly-tab", { key: '176284720bf9b0310f45df70cde15719a9b9ac45', label: "Single Tab", open: true }, h("strong", { key: 'd5d108161a9cc3057ab5a012e9a229b3d0bac2d0' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4f61bc9ce5acea5b491ab37ba1401a79dd874840' }, "tabs"), " to", " ", h("code", { key: '172992639ebf1fc3910deaec479693bf18fee99f' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '0eb7431accdfa9eec7fe1c950000217081ba3a51', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '78eb4b4f24b515f3f5e2e133c7d7d91c2613d8d5' }, h("smoothly-button", { key: '401c9f0313b43813f32bb2b9d5af044496712baf', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3509d3b8e2384a5b76ac7025113fad7ab6ed811a' }, h("smoothly-tab", { key: 'ee2f6481f5528915afb26923316f7cfb21e17bcf', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '49a14aaca20b3956cf2c5bb80793f407c050ca86', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'af7143a98a2e0d6bdd20808e4da81bef8a35b67f', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e5b5ba3d85119c4e3450be4710fc6007931b0092', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', 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

@@ -38,7 +38,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '2a9419f70ed2126516bc5ee55affbc8965ac2783' }, h("div", { key: '13fd8f7013833d85c6300848205feee915f97822', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'ec233d8c479867447482aa97dfef805a21143dd9', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'daabe3447f10b0231793cda1b7e1dc4c6ff0b298', hidden: !this.open }, h("slot", { key: '53f98e491dde3a333c4c4b0d9955762d8440145d' }))));
+        return (h(Host, { key: '4eecb25a344fc9e930aef4fb766a5d118c5683b7' }, h("div", { key: 'df849582d86a0545aa785103d6be63db1bbd7923', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'db6f4d37d62cc5e9a914f51328f4da107f1da51e', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '19349bcf3bd36b7ad555c7a72fde902c57c5e933', hidden: !this.open }, h("slot", { key: '54da9c83e4f98a43bfba8876780c671c194f962d' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '8223831dfa84ea7a14906e3006e97db1f158443d' }, 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: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, 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: 'f3a9bce2ea9ea921ddc0cdd0af59f278be0808fa' }, h("h2", { key: '0cde0c59c478d9793c78277783ddca18a2c46dd6' }, "Theme"), h("smoothly-theme-picker", { key: 'cb06e7228d22bfc7fa5231b38ccb5bd281026751' }, h("smoothly-item", { key: '37a46c34ec4767c282487d34c0178ac96d4f0a27', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '961b69baea8b3760c095834bd8604d93ae1e3c74', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '23989e21f124308a39da7e657726916184e5ab72', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '93ffa3949d02f68f7a7dfa5f79b351a8eb8b7f56', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '98bc1c21a725ae552e75e7133b32406c15c21c5b', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '73481eca7b2759efa8ed022eda4d9ff4388e8068', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '9402ca492b8d2f7671bd6134f4bc89d0ea2da416', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '6e1e73a3d57216f482d5dc2d8054374c0501b33d', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '71d27357073891f1bb129289464955dc85458e96', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '15d5aab8433956d0a159c42cd702607c6df2cda7' }, h("smoothly-theme-colors", { key: '77b4c95e2e8761a9703601c3a890342a791559a3' }), h("smoothly-theme-guide", { key: 'ff190b0fba8f600ad5774743b287088e519cb28f' })), h("smoothly-button", { key: 'd75520d40a986fe09897fd50e0244d039ceca933', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '6db6194c220c2906ee8a5f3d5ed9b9e97d7ff9ec', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'a0f9cba373c1a31ee5997a64f07dfa84e82f273e', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '26987f874341cebb9742beeff94e830ab569dd2c', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '6cb930a98c4d2bfd95789c041224daf2138a41f9' }, h("h2", { key: '31a72f808346d5e04c8080a4f209eb78c80f4ee8' }, "Theme"), h("smoothly-theme-picker", { key: '653fa4dfee36d491a9a362f4ca023e2c32fb5b73' }, h("smoothly-item", { key: 'dc385796954de3a747c8c66a4bbdc32ae67e99b3', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'd8d1a239a123f117041f5a737b23e656082fb57a', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '7fb9b143948eb46ddfa3ee450f1cd04f8133e6f8', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '3fb461b4d1294de0fdeae387e226335e0cf0bdaa', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '523a689c7d967f33bffb7c56ca2dbb6cbfbbac89', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '6c9ff39fe48a1e0ca77d50743fe7b161274fc703', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'cbf001039db5e7fdc92f5e8cf2b45840642ebdc7', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'cc914158cec903165e2f223b6dc6b2fec3252a28', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '1791438b84d885eb75084ea61b7211376f3f66b2', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: 'a77f03f0047b45b01db7f045b5a78cdb0dd26462' }, h("smoothly-theme-colors", { key: '4103b7786fc26abe85fab60a1508d3e8cd991e7a' }), h("smoothly-theme-guide", { key: '7fee62cbe4973237cf5de7b7d22565780d7e12a7' })), h("smoothly-button", { key: '9362102321160dfd73a5f08504f1772b24c76e07', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'b61c8290c54e5d700c61963c04f8ba5d064241e7', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'e25a74c8541fee7771b6866e44a11823e30afc64', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'cf62147f7fb3263dec157eecd2ad3594254ca217', 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: 'e33cb6c2fb224049dc0618a101d4a34ce4a97979' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: '3a5221a91fb24771d7f00c44ed8f56f21c82dff0' }),
-            h("smoothly-display", { key: 'a84c2e5055c178dadf46cd2b977bf1a262cb7f30' }, "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: '76ef02c10cd940ed85f86a0d68cf91c474ae5231' }),
-            h("smoothly-display", { key: '0eb2188895599cb3925dd1ea319115e7207f638b' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: '59f39e2da1a7c941fea84706d87575ad8c0f3a38' }),
-            h("smoothly-display", { key: '56727256e187ecfb71ef10626b86db6a1bccf755' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '02f2dfbbf17e60d7e7981b2180cc5fc1cfa8531d' }),
+            h("smoothly-display", { key: '4e53d5193c69a0c8d128c919047ea716188bf5dc' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: '0c71cd8e14862e88d28363117e8a8ac8ce91ff35' }),
+            h("smoothly-display", { key: '1a9f39db8f81e7a76666a08fe14a55d9bc6f1b10' }, "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: '3cf9a65a87c8c4704d739d7373f5505ab50da634' }),
+            h("smoothly-display", { key: '8cedc5ef3988df73dc0c4d7245804a0b9cfd1a1e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: '0a6fd13ff18e67faaa288a9c2268436ef278d335' }),
+            h("smoothly-display", { key: 'ffa97f4f8c514fdcb46485fc1861f0da0aeb891d' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: '9c5c133be1689c5caa42881c7a22fce2361caca1' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

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

@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: 'bd78dc0c77ab62560dfa7dcfd6d70eb6c20822aa' }, h("smoothly-input-select", { key: '9f4134cf70fe712423e5102d196a8310cb1e189d', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', 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: '233405b26871eab292f6c258fbc43464515f7c01', slot: "label" }, "Select theme"), h("slot", { key: '14656f7d3466ceedbb9db0a1733c07978c8bad68' }))));
+            } }, h("label", { key: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
     }
     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: 'c622506b07d0d5d4f8f7bb65ec0b808216ac71f4' }, h("h4", { key: '8f5bccb8bf300780d0f50a9b66a8433a2a6e4423' }, "Toggle switches"), h("div", { key: '5c94e88e5016e60741c95aecb3fccf42f2ce2bf9' }, h("p", { key: 'a842fa899ab91738c7748ba2efb0f727a26c3ec5' }, "Checkmark"), h("span", { key: '0a89a7c406c050db45ebefd7426bca1f44748e36' }, h("p", { key: 'd70ab8939a0ce332845cb41af0e21c777c0ee73a' }, "Tiny"), h("smoothly-toggle-switch", { key: '52c88ff1e6e9e2f8989b7aef24e1e66c983e298a', disabled: false, size: "tiny" })), h("span", { key: '4a0a857accdc647288cf7f3c349f09964a5de0df' }, h("p", { key: '488c5fe7676ea3641f4222ceb658c2c026fcabc1' }, "Small"), h("smoothly-toggle-switch", { key: 'c8fee404136527423d490fb03b49ed387b67419a', disabled: false, size: "small" })), h("span", { key: 'c319ed9031d6a6420510428088c784305a09684c' }, h("p", { key: '42e785cdd2d12032f310e58cd8b2842748b2cdda' }, "Standard"), h("smoothly-toggle-switch", { key: 'f5124d5042159df3b4fcc164b0efb4adcf1b01da', disabled: false })), h("span", { key: '8113acc2967dca4ace18ccf45f97f8b7daac4221' }, h("p", { key: 'e19f0f93cd75db150867e10f48b009ee4eb0cb4b' }, "Large"), h("smoothly-toggle-switch", { key: 'c4beb63b9038e1d3589ccc30d243eb0236548d88', disabled: false, size: "large" })), h("p", { key: '9c2d02b48add10ad48387ea0c4b9f2450dd39cc6' }, "Colors checkmark"), h("span", { key: '7f91266d633dda37b21f3b9c162f791ac4b38746' }, h("p", { key: '9d86ab646d05c081851046b020c2cbbd765acae4' }, "Danger"), h("smoothly-toggle-switch", { key: 'fb3dc5c94a4a05d727772d762a5abff0fa202e82', color: "danger", disabled: false, size: "small" })), h("span", { key: 'f581c530b32021d2a0847fec0f17d95be39d8d7e' }, h("p", { key: '6a0ecea4b4fe03f88838a36e5ec9386da4272791' }, "Primary color"), h("smoothly-toggle-switch", { key: '0f862750bacdc23bc516220586c2a47dc3ce649e', color: "primary", disabled: false, size: "small" })), h("span", { key: 'ab0980c909071f57d9a13f22d88d4301b583067a' }, h("p", { key: '4b0a69324cf7b8f04bcfdbf35731a43c37aade9f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '6442d57ecdb61558e7cb6048c586f46b3e3941b1', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'bb47bc7dd98ceb86bfbd0e28391321731f95dad5' }), h("p", { key: 'c64a2ff112b72d9cff6afd6c371a3da7083cd1f1' }, "Colors no checkmark"), h("span", { key: 'd690a84b3d08750e3e2ff7cd6473feb0a715b4d8' }, h("p", { key: '849781f19a7523b22f8f0dffe0fa15185d38de2f' }, "Danger"), h("smoothly-toggle-switch", { key: '29788801258d901f6cc0780bee771ae78da455e5', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '33fabad2c343849cdd76aebee35b8f99f25d86ba' }, h("p", { key: '006efb42b3d98028594a306799d12a4a16f0fc75' }, "Primary color"), h("smoothly-toggle-switch", { key: 'af3f58fbcf78c86ba6bf56735977ababf19d1077', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '6e44a069cdfcc16f35dedbd02e394eeb56ed7197' }, h("p", { key: '8ded09c92723b570e0a8806adab267e29b878a1f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '676edb5d7c66dc6882234361f64d57e07a14b606', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', 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: '93ae759c47e932319428b842eb408698c2849b31' }, h("button", { key: '5ed72f7e5cde56e49dc9d3116dc9fd507d496d4b', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'bcc686be4b1477a7cb469263d8e0bc02f0ffadb8', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: '89162afb7931c0e7ed30eba6c5c098244876426c' }, h("button", { key: '0277b4bcffd82332f4cb11e98d2db1789a2838bc', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'c357533e1b86b91a3b75463d31d4ee0dd842529e', 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

@@ -20,7 +20,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: 'fc636c1efded46fbc488da77da59375c0e6042e9', disabled: this.disabled, name: this.name }, h("slot", { key: 'cf9af420179685f2eb7edcff63de43eeba1639a4' })));
+                result = (h("button", { key: 'e6ce4681d3411c81399fddbd2a0e515ccc3688c9', disabled: this.disabled, name: this.name }, h("slot", { key: '1b1617f28075c5327177d37d94c7e54b21dc7ded' })));
                 break;
         }
         return result;

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

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: 'ad3a28205d6c27aa56db36ddf3befe5ca4257639' });
+        return h("slot", { key: '1bac32ab257e38ccaeebbcdc4660b5d8a9b4cf3a' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: '440df0c97fd128283a30d9c9477e4550e93290a5' });
+        return h("slot", { key: '29194214d33f2c877c1bd5b6d5bbf3df2671560a' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-787944b1.js → p-00165343.js}

@@ -219,7 +219,6 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         this.locale = getLocale();
         this.readonly = undefined;
         this.disabled = undefined;
-        this.invalid = undefined;
         this.showLabel = true;
         this.value = undefined;
         this.parts = {};
@@ -395,7 +394,7 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         }
     }
     render() {
-        return (h(Host, { key: '946b8e3e252c5d9f8f92d0df484df7eefde5bbb1', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat.Order.toArray(this.order).map((part, index) => {
+        return (h(Host, { key: '0e110488c4cdc730b778e048d9d0a9c190a279bd', class: { "has-text": Object.values(this.parts).some(part => !!part) } }, DateFormat.Order.toArray(this.order).map((part, index) => {
             var _a;
             return (h("span", { onClick: () => !this.readonly && !this.disabled && this.setFocus(index) }, h("span", { class: {
                     "smoothly-date-text-part": true,
@@ -413,7 +412,6 @@ const SmoothlyInputDateRangeText = proxyCustomElement(class SmoothlyInputDateRan
         "locale": [1],
         "readonly": [516],
         "disabled": [516],
-        "invalid": [516],
         "showLabel": [516, "show-label"],
         "value": [1],
         "parts": [32],
@@ -444,4 +442,4 @@ defineCustomElement();
 
 export { SmoothlyInputDateRangeText as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-787944b1.js.map
+//# sourceMappingURL=p-00165343.js.map

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

@@ -0,0 +1 @@
+{"file":"p-00165343.js","mappings":"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","names":["isoly.Date"],"sources":["src/components/input/date/text/DateFormat.ts","src/components/input/date/text/InputSelection.ts","src/components/input/date/text/style.css?tag=smoothly-date-text&encapsulation=scoped","src/components/input/date/text/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport namespace DateFormat {\n\texport const guides = {\n\t\tY: \"YYYY\",\n\t\tM: \"MM\",\n\t\tD: \"DD\",\n\t} as const\n\n\texport type Part = \"Y\" | \"M\" | \"D\"\n\texport type Parts = { [part in Part]?: string }\n\texport namespace Part {\n\t\texport function isComplete(part: Part, value: string | undefined): boolean {\n\t\t\treturn (value?.length ?? 0) >= DateFormat.Part.lengthOf(part)\n\t\t}\n\t\texport function lengthOf(part: Part): number {\n\t\t\treturn guides[part].length\n\t\t}\n\t\texport function getGuide(part: Part, filledLength: number | undefined): string {\n\t\t\tconst guide = DateFormat.guides[part]\n\t\t\treturn guide.substring(0, guide.length - (filledLength ?? 0))\n\t\t}\n\t}\n\texport namespace Parts {\n\t\texport function lastDay(parts: Parts): number {\n\t\t\tif (parts.Y && parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`${parts.Y.padStart(4, \"0\")}-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t} else if (parts.M && parseInt(parts.M) >= 1 && parseInt(parts.M) <= 12) {\n\t\t\t\t// Assume leap year\n\t\t\t\tconst lastDate = isoly.Date.lastOfMonth(`2004-${parts.M.padStart(2, \"0\")}-01`)\n\t\t\t\treturn isoly.Date.getDay(lastDate)\n\t\t\t}\n\t\t\treturn 31\n\t\t}\n\t\texport function toDate(parts: Parts): isoly.Date | undefined {\n\t\t\tif (parts.Y && parts.Y.length == 4 && parts.M && parts.M.length == 2 && parts.D && parts.D.length == 2) {\n\t\t\t\tconst value = `${parts.Y}-${parts.M}-${parts.D}`\n\t\t\t\tconst lastOfMonth = isoly.Date.lastOfMonth(`${parts.Y}-${parts.M}-01`)\n\t\t\t\treturn lastOfMonth < value ? lastOfMonth : value\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t\texport function fromDate(value: isoly.Date): Required<DateFormat.Parts>\n\t\texport function fromDate(value: undefined): undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined\n\t\texport function fromDate(value: isoly.Date | undefined): Required<DateFormat.Parts> | undefined {\n\t\t\tif (value) {\n\t\t\t\treturn {\n\t\t\t\t\tY: value.substring(0, 4).padStart(4, \"0\"),\n\t\t\t\t\tM: value.substring(5, 7).padStart(2, \"0\"),\n\t\t\t\t\tD: value.substring(8, 10).padStart(2, \"0\"),\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn undefined\n\t\t}\n\t}\n\n\texport type Order = \"YMD\" | \"DMY\" | \"MDY\"\n\n\texport namespace Order {\n\t\texport function fromLocale(locale?: isoly.Locale): Order {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"MDY\"\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\tcase \"hi-IN\":\n\t\t\t\tcase \"en-IN\":\n\t\t\t\t\treturn \"DMY\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"YMD\"\n\t\t\t}\n\t\t}\n\t\texport function getPart(order: Order, index: number): Part {\n\t\t\treturn order.charAt(index) as Part\n\t\t}\n\t\texport function toArray(order: Order): Part[] {\n\t\t\treturn order.split(\"\") as Part[]\n\t\t}\n\t}\n\n\texport type Separator = \"-\" | \"/\" | \".\"\n\texport namespace Separator {\n\t\texport function fromLocale(locale?: isoly.Locale): Separator {\n\t\t\tswitch (locale) {\n\t\t\t\tcase \"sq-AL\":\n\t\t\t\tcase \"es-AR\":\n\t\t\t\tcase \"it-IT\":\n\t\t\t\tcase \"en-GB\":\n\t\t\t\tcase \"fr-FR\":\n\t\t\t\tcase \"en-US\":\n\t\t\t\t\treturn \"/\"\n\t\t\t\tcase \"et-EE\":\n\t\t\t\tcase \"de-AT\":\n\t\t\t\tcase \"de-DE\":\n\t\t\t\tcase \"he-IL\":\n\t\t\t\tcase \"is-IS\":\n\t\t\t\tcase \"lv-LV\":\n\t\t\t\tcase \"pl-PL\":\n\t\t\t\tcase \"ru-RU\":\n\t\t\t\tcase \"fi-FI\":\n\t\t\t\t\treturn \".\"\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"-\"\n\t\t\t}\n\t\t}\n\t}\n}\n","export namespace InputSelection {\n\texport function isAtStart(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst preRange = range.cloneRange()\n\t\tpreRange.selectNodeContents(el)\n\t\tpreRange.setEnd(range.startContainer, range.startOffset)\n\n\t\treturn preRange.toString().length === 0\n\t}\n\n\texport function isAtEnd(event: KeyboardEvent): boolean {\n\t\tconst el = event.currentTarget as HTMLElement\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0 || !el.contains(sel.anchorNode))\n\t\t\treturn false\n\n\t\t// Only trigger if there is no selection (caret only)\n\t\tif (!sel.isCollapsed)\n\t\t\treturn false\n\n\t\tconst range = sel.getRangeAt(0)\n\t\tconst postRange = range.cloneRange()\n\t\tpostRange.selectNodeContents(el)\n\t\tpostRange.setStart(range.endContainer, range.endOffset)\n\n\t\treturn postRange.toString().length === 0\n\t}\n\n\texport function selectAll(el?: HTMLElement) {\n\t\tif (!el)\n\t\t\treturn\n\t\tel.focus()\n\t\tconst range = document.createRange()\n\t\trange.selectNodeContents(el) // Select all content inside\n\n\t\tconst sel = window.getSelection()\n\t\tif (!sel)\n\t\t\treturn\n\n\t\tsel.removeAllRanges()\n\t\tsel.addRange(range) // Apply the selection\n\t}\n\n\texport function setPosition(el: HTMLElement | undefined, index: number) {\n\t\tif (!el)\n\t\t\treturn\n\n\t\tel.focus()\n\n\t\tconst selection = window.getSelection()\n\t\tif (!selection)\n\t\t\treturn\n\n\t\tconst range = document.createRange()\n\t\tconst textNode = el.firstChild || el\n\n\t\tconst position = Math.max(0, Math.min(index, el.innerText.length))\n\t\trange.setStart(textNode, position)\n\t\trange.collapse(true)\n\n\t\tselection.removeAllRanges()\n\t\tselection.addRange(range)\n\t}\n\n\texport function isCollapsed(el: HTMLElement): boolean {\n\t\tconst sel = window.getSelection()\n\t\tif (!sel || sel.rangeCount === 0)\n\t\t\treturn true // nothing selected at all\n\n\t\tconst range = sel.getRangeAt(0)\n\n\t\t// Make sure selection is inside our element\n\t\tif (!el.contains(range.startContainer) || !el.contains(range.endContainer)) {\n\t\t\treturn true\n\t\t}\n\n\t\treturn range.collapsed\n\t}\n}\n","\n:host {\n\t--guide-opacity: 0.5;\n}\n\n:host .smoothly-date-text-part:focus {\n\toutline: none;\n}\n\n:host .guide {\n\topacity: var(--guide-opacity);\n}\n\n:host .smoothly-date-text-part:not(.is-complete) + .guide + .smoothly-date-separator {\n\topacity: var(--guide-opacity);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { getLocale } from \"../../../../model\"\nimport { DateFormat } from \"./DateFormat\"\nimport { InputSelection } from \"./InputSelection\"\n\n@Component({\n\ttag: \"smoothly-date-text\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRangeText {\n\t@Element() element: HTMLElement\n\tprivate partElements: { [partIndex in number]: HTMLSpanElement | undefined } = {\n\t\t0: undefined,\n\t\t1: undefined,\n\t\t2: undefined,\n\t}\n\t@Prop() locale?: isoly.Locale = getLocale()\n\t@Prop({ reflect: true }) readonly: boolean\n\t@Prop({ reflect: true }) disabled: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() value?: isoly.Date // Only used for initial value\n\t@State() parts: DateFormat.Parts = {}\n\tprivate previousEmittedValue?: isoly.Date\n\t@State() order: DateFormat.Order\n\t@State() separator: DateFormat.Separator\n\t@State() focusedIndex?: number\n\t@Event() smoothlyDateTextHasText: EventEmitter<boolean>\n\t@Event() smoothlyDateTextChange: EventEmitter<isoly.Date | undefined>\n\t@Event() smoothlyDateTextFocusChange: EventEmitter<boolean>\n\t@Event() smoothlyDateHasPartialDate: EventEmitter<DateFormat.Parts>\n\t@Event() smoothlyDateTextDone: EventEmitter<void>\n\t@Event() smoothlyDateTextPrevious: EventEmitter<void>\n\t@Event() smoothlyDateTextNext: EventEmitter<void>\n\n\tcomponentWillLoad() {\n\t\tthis.order = DateFormat.Order.fromLocale(this.locale)\n\t\tthis.separator = DateFormat.Separator.fromLocale(this.locale)\n\t\tthis.parts = DateFormat.Parts.fromDate(this.value) ?? {}\n\t}\n\tcomponentDidLoad() {\n\t\tthis.updateInputs()\n\t}\n\n\t@Watch(\"parts\")\n\tpartsHandler() {\n\t\tconst value = DateFormat.Parts.toDate(this.parts)\n\t\tif (value != this.previousEmittedValue) {\n\t\t\tthis.smoothlyDateTextChange.emit(value)\n\t\t\tthis.previousEmittedValue = value\n\t\t}\n\t\tthis.smoothlyDateTextHasText.emit(Object.values(this.parts).some(part => !!part))\n\t}\n\t@Watch(\"focusedIndex\")\n\tfocusedIndexHandler() {\n\t\tthis.smoothlyDateTextFocusChange.emit(typeof this.focusedIndex == \"number\")\n\t}\n\n\t@Method()\n\tasync setValue(value: isoly.Date | undefined) {\n\t\tconst parts = DateFormat.Parts.fromDate(value)\n\t\tthis.setAllParts(parts)\n\t}\n\n\tsetAllParts(parts?: DateFormat.Parts) {\n\t\tthis.parts = parts ?? {}\n\t\tthis.updateInputs()\n\t}\n\tupdateInputs() {\n\t\tconst yearIndex = this.order.indexOf(\"Y\")\n\t\tconst monthIndex = this.order.indexOf(\"M\")\n\t\tconst dayIndex = this.order.indexOf(\"D\")\n\t\tthis.partElements[yearIndex] && (this.partElements[yearIndex]!.innerText = this.parts.Y ?? \"\")\n\t\tthis.partElements[monthIndex] && (this.partElements[monthIndex]!.innerText = this.parts.M ?? \"\")\n\t\tthis.partElements[dayIndex] && (this.partElements[dayIndex]!.innerText = this.parts.D ?? \"\")\n\t}\n\n\tsetPart(part: \"Y\" | \"M\" | \"D\", value: string | undefined) {\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\t\tconst index = this.order.indexOf(part)\n\t\tthis.partElements[index] && (this.partElements[index]!.innerText = value ?? \"\")\n\t}\n\n\t@Method()\n\tasync select(place: \"start\" | \"end\" = \"start\") {\n\t\tconst index = place == \"start\" ? 0 : 2\n\t\tthis.setFocus(index)\n\t}\n\t@Method()\n\tasync deselect() {\n\t\tthis.partElements[this.focusedIndex ?? 0]?.blur()\n\t}\n\n\tgetInnerText(target: EventTarget | null) {\n\t\treturn (target as HTMLSpanElement).innerText.replace(/\\n/g, \"\").replace(/\\D/g, \"\")\n\t}\n\n\t@Listen(\"beforeinput\")\n\tbeforeInputHandler(e: InputEvent) {\n\t\tconst part = this.order[this.focusedIndex ?? 0] as \"Y\" | \"M\" | \"D\"\n\t\tconst value = this.getInnerText(e.target)\n\t\tconst nonDigitData = e.data && /\\D/.test(e.data)\n\t\tconst isComplete = DateFormat.Part.isComplete(part, value)\n\t\tconst noRangedSelection = InputSelection.isCollapsed(e.target as HTMLElement)\n\t\tif (\n\t\t\t(e.inputType == \"insertText\" || e.inputType == \"insertFromPaste\") &&\n\t\t\t(nonDigitData || (isComplete && noRangedSelection))\n\t\t) {\n\t\t\te.preventDefault()\n\t\t}\n\t\tif (e.inputType == \"insertParagraph\" || e.inputType == \"insertLineBreak\") {\n\t\t\tthis.smoothlyDateTextDone.emit()\n\t\t\te.preventDefault()\n\t\t}\n\t}\n\n\t@Listen(\"input\", { capture: true })\n\tinputHandler(e: InputEvent) {\n\t\tconst part = DateFormat.Order.getPart(this.order, this.focusedIndex ?? 0)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tconst value = this.getInnerText(e.target)\n\t\tthis.parts = {\n\t\t\t...this.parts,\n\t\t\t[part]: value,\n\t\t}\n\n\t\tif ([\"D\", \"M\"].includes(part)) {\n\t\t\tconst isDay = part == \"D\"\n\t\t\tconst max = isDay ? DateFormat.Parts.lastDay(this.parts) : 12\n\t\t\tconst singleDigitThreshold = isDay ? 3 : 1\n\t\t\tconst numberValue = parseInt(value)\n\t\t\tif (value.length >= 2) {\n\t\t\t\tthis.commitPart(part, numberValue, index, max)\n\t\t\t} else if (value.length == 1 && numberValue > singleDigitThreshold) {\n\t\t\t\tthis.autoAdvancePart(part, numberValue, index, max)\n\t\t\t}\n\t\t}\n\t\tif (DateFormat.Part.isComplete(part, value)) {\n\t\t\tthis.setFocus(index + 1)\n\t\t}\n\t\tconst roundedValue = DateFormat.Parts.toDate(this.parts)\n\t\tif (roundedValue) {\n\t\t\tconst roundedParts = DateFormat.Parts.fromDate(roundedValue)\n\t\t\tif (this.parts.D !== roundedParts?.D) {\n\t\t\t\tthis.setPart(\"D\", roundedParts?.D)\n\t\t\t}\n\t\t}\n\t\tif (this.parts.Y || this.parts.M || this.parts.D)\n\t\t\tthis.smoothlyDateHasPartialDate.emit(this.parts)\n\t}\n\tkeyDownHandler(e: KeyboardEvent) {\n\t\tconst text = this.getInnerText(e.target)\n\t\tconst index = this.focusedIndex ?? 0\n\t\tif (InputSelection.isAtStart(e) && e.key == \"ArrowLeft\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"ArrowRight\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"Home\" || e.key == \"ArrowUp\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(0)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (e.key == \"End\" || e.key == \"ArrowDown\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(2)\n\t\t\te.preventDefault() // Keep selection\n\t\t} else if (InputSelection.isAtStart(e) && e.key == \"Backspace\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index - 1)\n\t\t\te.preventDefault() // Prevent delete previous part\n\t\t} else if (InputSelection.isAtEnd(e) && e.key == \"Delete\" && text == \"\") {\n\t\t\tthis.autoAdvanceIfPossible(index)\n\t\t\tthis.setFocus(index + 1)\n\t\t\te.preventDefault() // Prevent delete next part\n\t\t}\n\t}\n\n\tcommitPart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tInputSelection.setPosition(this.partElements[index], 2)\n\t}\n\tautoAdvancePart(part: DateFormat.Part, value: number, index: number, max: number) {\n\t\tconst clamped = Math.max(1, Math.min(value, max))\n\t\tthis.setPart(part, clamped.toString().padStart(2, \"0\"))\n\t\tthis.setFocus(index + 1)\n\t}\n\n\tautoAdvanceIfPossible(index: number) {\n\t\tconst part = DateFormat.Order.getPart(this.order, index)\n\t\tconst value = this.parts[part] ?? \"\"\n\t\tif (part == \"D\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, DateFormat.Parts.lastDay(this.parts))\n\t\t} else if (part == \"M\" && value.length == 1) {\n\t\t\tthis.autoAdvancePart(part, parseInt(value), index, 12)\n\t\t}\n\t}\n\n\tsetFocus(index: number) {\n\t\tif (index < 0) {\n\t\t\tthis.smoothlyDateTextPrevious.emit()\n\t\t} else if (index > 2) {\n\t\t\tthis.smoothlyDateTextNext.emit()\n\t\t} else {\n\t\t\tInputSelection.selectAll(this.partElements[index])\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={{ \"has-text\": Object.values(this.parts).some(part => !!part) }}>\n\t\t\t\t{DateFormat.Order.toArray(this.order).map((part, index) => (\n\t\t\t\t\t<span onClick={() => !this.readonly && !this.disabled && this.setFocus(index)}>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\t\"smoothly-date-text-part\": true,\n\t\t\t\t\t\t\t\t\"is-complete\": DateFormat.Part.isComplete(part, this.parts[part]),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonFocus={() => (this.focusedIndex = index)}\n\t\t\t\t\t\t\tonBlur={() => (this.focusedIndex = undefined)}\n\t\t\t\t\t\t\tonKeyDown={(e: KeyboardEvent) => this.keyDownHandler(e)}\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tref={el => (this.partElements[index] = el)}\n\t\t\t\t\t\t\tcontenteditable={!(this.readonly || this.disabled)}\n\t\t\t\t\t\t\tinputmode=\"numeric\">\n\t\t\t\t\t\t\t{/* year or month or day written here */}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class=\"guide\">{DateFormat.Part.getGuide(part, this.parts[part]?.length)}</span>\n\t\t\t\t\t\t{index < 2 && <span class=\"smoothly-date-separator\">{this.separator}</span>}\n\t\t\t\t\t</span>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/p-003a635b.js

@@ -0,0 +1,45 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
+import { d as defineCustomElement$2 } from './p-604f869e.js';
+import { d as defineCustomElement$1 } from './p-bb94849f.js';
+
+const styleCss = ".sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo{display:grid;grid-template-columns:repeat(5, max-content);gap:1em}.sc-smoothly-toggle-switch-demo-h>div.sc-smoothly-toggle-switch-demo>span.sc-smoothly-toggle-switch-demo>p.sc-smoothly-toggle-switch-demo{margin:0}";
+const SmoothlyToggleSwitchDemoStyle0 = styleCss;
+
+const SmoothlyToggleSwitchDemo = proxyCustomElement(class SmoothlyToggleSwitchDemo extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '07e2998a4a4b090cbac1b3ab83bc0615489649f8' }, h("h4", { key: '2157a6a5ae27965b636a2ecfd0eefc1a4f639d7e' }, "Toggle switches"), h("div", { key: '628aa2d204fec900ed5011db7e66a82374a6837a' }, h("p", { key: 'a20c45c8fda1b1e6bebd66df5be8d9f1800a02bb' }, "Checkmark"), h("span", { key: '1500b9d754c0dabcde0f1aff68728a280af58381' }, h("p", { key: '368d780c8e764e196c47373e3b74cda47bbe5366' }, "Tiny"), h("smoothly-toggle-switch", { key: 'df835127da37f3d5a367a6c3dd0fcd85afbe3ddd', disabled: false, size: "tiny" })), h("span", { key: '6dff3eea7b4f0ce80ac5a0b0a9a53fccd0833517' }, h("p", { key: '1a2b8c0619bb5958b8870c1a5fc1ec6cfb897a3f' }, "Small"), h("smoothly-toggle-switch", { key: 'ec51956b6f782176bed6c6ba640d4b4299e178a0', disabled: false, size: "small" })), h("span", { key: 'ffcafb6a6b7dd4bfa37ee95258b954a28f351880' }, h("p", { key: 'fdabb3590c41f4adfa5a27f361cdb0298d03cb71' }, "Standard"), h("smoothly-toggle-switch", { key: '826ab0543d6a700fa53cc0660a7e509a38f26d9f', disabled: false })), h("span", { key: 'acbe40475b444f2e9d2d0a61b9a8ba89bc50f792' }, h("p", { key: '8d11c13af4492f7fa0951aa14a96482c5f65e196' }, "Large"), h("smoothly-toggle-switch", { key: '232279afa6a1f013950dd86130a4d8a539703b99', disabled: false, size: "large" })), h("p", { key: 'e438fef52b367c1f85e340af08e0cb1858dc6539' }, "Colors checkmark"), h("span", { key: 'd12922eda781afb2cb50d1fd6d2d706733dcc0c8' }, h("p", { key: '5a313e01d8e15a39bfb018844afb2d1615a868f9' }, "Danger"), h("smoothly-toggle-switch", { key: '2b2796d3f1ed6dadf2434d650881680f43450e2a', color: "danger", disabled: false, size: "small" })), h("span", { key: '5469bc431b5197999f8ef170c1fbf97d3282d16d' }, h("p", { key: 'fb0482c4a6541c0177e03ec6d4dec188f9c76d57' }, "Primary color"), h("smoothly-toggle-switch", { key: 'fa73d66519cb5973e653bcbbceea62c212e8dc0d', color: "primary", disabled: false, size: "small" })), h("span", { key: '4533485d9360065221c33191e82aedf9e4bab6d1' }, h("p", { key: '35641ed7f30a8302ac81fcdbff15aa8357e848ff' }, "Secondary color"), h("smoothly-toggle-switch", { key: '58e11b3140b89b9d525ee4d43208b9cfc2bf02f5', color: "secondary", disabled: false, size: "small" })), h("p", { key: '2ee3b4ae0567ca42bdc1c0fe25c5181e53547916' }), h("p", { key: 'cfd8c0b1891b685e5e3c42d6b1c79ebd208bc2eb' }, "Colors no checkmark"), h("span", { key: '963fe2c3aea506472735b509a6fe8f4a9cb32a44' }, h("p", { key: '5320ca29f4e66168e1403a6486a6d0cbf6a34868' }, "Danger"), h("smoothly-toggle-switch", { key: 'df297e7ad946e5c512469826febb8ec65683cb54', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: '7d8849219550c838df6cb712172f64493116cd85' }, h("p", { key: 'b88939a35636c17c0eb39f57f3e2d0f6864b98ef' }, "Primary color"), h("smoothly-toggle-switch", { key: '3f83b48724f5d37a1fbd950d4bbd327563c690ac', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '8a9e54815e5d5f5e41e77641144d11abc1d745b7' }, h("p", { key: '279657e81a56fe7c4d2600d4f20278dd53fb68b2' }, "Secondary color"), h("smoothly-toggle-switch", { key: '978f6a70a22d5fd5db072732c4ada8d57b64a534', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+    }
+    static get style() { return SmoothlyToggleSwitchDemoStyle0; }
+}, [2, "smoothly-toggle-switch-demo"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["smoothly-toggle-switch-demo", "smoothly-icon", "smoothly-toggle-switch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "smoothly-toggle-switch-demo":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SmoothlyToggleSwitchDemo);
+            }
+            break;
+        case "smoothly-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "smoothly-toggle-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SmoothlyToggleSwitchDemo as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-003a635b.js.map

package/dist/components/{p-1e58d3b9.js.map → p-003a635b.js.map}

@@ -1 +1 @@
-{"file":"p-1e58d3b9.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4RAA4R,CAAC;AAC9S,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,+EAAwB,EACxB,8DACC,wEAAgB,EAChB,+DACC,mEAAW,EACX,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CACjD,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+DACC,uEAAe,EACf,+EAAwB,QAAQ,EAAE,KAAK,GAAI,CACrC,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+EAAuB,EACvB,+DACC,qEAAa,EACb,+EAAwB,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACjE,EACP,+DACC,4EAAoB,EACpB,+EAAwB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClE,EACP,+DACC,8EAAsB,EACtB,+EAAwB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpE,EACP,2DAAO,EACP,kFAA0B,EAC1B,+DACC,qEAAa,EACb,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnF,EACP,+DACC,4EAAoB,EACpB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpF,EACP,+DACC,8EAAsB,EACtB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACtF,CACF,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-003a635b.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4RAA4R,CAAC;AAC9S,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,+EAAwB,EACxB,8DACC,wEAAgB,EAChB,+DACC,mEAAW,EACX,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,GAAG,CACjD,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+DACC,uEAAe,EACf,+EAAwB,QAAQ,EAAE,KAAK,GAAI,CACrC,EACP,+DACC,oEAAY,EACZ,+EAAwB,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClD,EACP,+EAAuB,EACvB,+DACC,qEAAa,EACb,+EAAwB,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACjE,EACP,+DACC,4EAAoB,EACpB,+EAAwB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAClE,EACP,+DACC,8EAAsB,EACtB,+EAAwB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpE,EACP,2DAAO,EACP,kFAA0B,EAC1B,+DACC,qEAAa,EACb,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnF,EACP,+DACC,4EAAoB,EACpB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACpF,EACP,+DACC,8EAAsB,EACtB,+EAAwB,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACtF,CACF,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toggle-switch/demo/style.css?tag=smoothly-toggle-switch-demo&encapsulation=scoped","src/components/toggle-switch/demo/index.tsx"],"sourcesContent":[":host>div {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 1em;\n}\n\n:host>div>span>p {\n\tmargin: 0;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-toggle-switch-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyToggleSwitchDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Toggle switches</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<p>Checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Tiny</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"tiny\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Small</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Standard</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Large</p>\n\t\t\t\t\t\t<smoothly-toggle-switch disabled={false} size=\"large\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p>Colors checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>Colors no checkmark</p>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Danger</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"danger\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Primary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"primary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<p>Secondary color</p>\n\t\t\t\t\t\t<smoothly-toggle-switch checkmark={false} color=\"secondary\" disabled={false} size=\"small\" />\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-68a3f86d.js → p-024a7630.js}

@@ -2,33 +2,33 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { C as Color } from './p-57ac5d1b.js';
 import './p-390767c7.js';
 import './p-47ea6b68.js';
-import { L as Looks, d as defineCustomElement$j } from './p-eb425cfd.js';
+import { L as Looks, d as defineCustomElement$j } from './p-19d93e64.js';
 import { d as defineCustomElement$r } from './p-76531b32.js';
-import { d as defineCustomElement$q } from './p-b014fcaa.js';
-import { d as defineCustomElement$p } from './p-787944b1.js';
+import { d as defineCustomElement$q } from './p-7cc6e1f0.js';
+import { d as defineCustomElement$p } from './p-00165343.js';
 import { d as defineCustomElement$o } from './p-9e2ee779.js';
 import { d as defineCustomElement$n } from './p-4e754f3b.js';
 import { d as defineCustomElement$m } from './p-f893b6cc.js';
 import { d as defineCustomElement$l } from './p-ccbdacc9.js';
 import { d as defineCustomElement$k } from './p-3aed2b34.js';
 import { d as defineCustomElement$i } from './p-604f869e.js';
-import { d as defineCustomElement$h } from './p-97116010.js';
-import { d as defineCustomElement$g } from './p-7efc9876.js';
-import { d as defineCustomElement$f } from './p-06a75cf4.js';
-import { d as defineCustomElement$e } from './p-92fa4a71.js';
-import { d as defineCustomElement$d } from './p-46e831e6.js';
-import { d as defineCustomElement$c } from './p-c8264085.js';
-import { d as defineCustomElement$b } from './p-03da765f.js';
-import { d as defineCustomElement$a } from './p-c6057533.js';
-import { d as defineCustomElement$9 } from './p-4bc33cfc.js';
-import { d as defineCustomElement$8 } from './p-0d90bb34.js';
-import { d as defineCustomElement$7 } from './p-4db65fe1.js';
-import { d as defineCustomElement$6 } from './p-0094b06f.js';
-import { d as defineCustomElement$5 } from './p-35b35841.js';
-import { d as defineCustomElement$4 } from './p-1fbab324.js';
-import { d as defineCustomElement$3 } from './p-5e495944.js';
-import { d as defineCustomElement$2 } from './p-f4d38f75.js';
-import { d as defineCustomElement$1 } from './p-efbd2a4f.js';
+import { d as defineCustomElement$h } from './p-e48ad105.js';
+import { d as defineCustomElement$g } from './p-ed076e45.js';
+import { d as defineCustomElement$f } from './p-2ef8a833.js';
+import { d as defineCustomElement$e } from './p-b5193b68.js';
+import { d as defineCustomElement$d } from './p-dd423995.js';
+import { d as defineCustomElement$c } from './p-3a2d2f1d.js';
+import { d as defineCustomElement$b } from './p-efd84dbf.js';
+import { d as defineCustomElement$a } from './p-53eb6d93.js';
+import { d as defineCustomElement$9 } from './p-ba6ea28b.js';
+import { d as defineCustomElement$8 } from './p-6d1e5f27.js';
+import { d as defineCustomElement$7 } from './p-fb97b2ff.js';
+import { d as defineCustomElement$6 } from './p-ec815cfd.js';
+import { d as defineCustomElement$5 } from './p-5cd257ad.js';
+import { d as defineCustomElement$4 } from './p-7b240f39.js';
+import { d as defineCustomElement$3 } from './p-1e46b981.js';
+import { d as defineCustomElement$2 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$1 } from './p-bb94849f.js';
 
 const styleCss = ".sc-smoothly-input-demo-standard-h{max-width:min(calc(100% - 0.5rem), 48rem);margin:auto}.sc-smoothly-input-demo-standard-h h2.sc-smoothly-input-demo-standard,.sc-smoothly-input-demo-standard-h p.sc-smoothly-input-demo-standard{margin:.5rem 0}.sc-smoothly-input-demo-standard-h>.description.sc-smoothly-input-demo-standard{--smoothly-form-input-min-width:18rem}.sc-smoothly-input-demo-standard-h smoothly-input-range[name=borderRadius].sc-smoothly-input-demo-standard{flex-basis:100%}div.input-wrapper.sc-smoothly-input-demo-standard{display:grid;margin-top:1rem;grid-template-columns:1fr 9rem;gap:1rem;position:relative;justify-content:space-around}div.input-wrapper.sc-smoothly-input-demo-standard>[name].sc-smoothly-input-demo-standard{grid-column:1 / 2}div.input-wrapper.sc-smoothly-input-demo-standard>.width.sc-smoothly-input-demo-standard{width:100%;text-align:center;border-bottom:1px dashed black}div.input-wrapper.sc-smoothly-input-demo-standard>.height.sc-smoothly-input-demo-standard{align-content:center;grid-column:2 / 3;border-left:1px dashed black;padding-left:1rem;content:\"hello\"}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard{width:0.5rem;grid-column:1 / 2;white-space:nowrap;overflow:visible;position:relative;cursor:default}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard::before{content:\"\";position:absolute;width:100%;top:1.5rem;bottom:-1rem;border:1px  dashed black;z-index:2}div.input-wrapper.sc-smoothly-input-demo-standard>.left-padding.sc-smoothly-input-demo-standard:hover::before{bottom:-100vh}";
 const SmoothlyInputDemoStandardStyle0 = styleCss;
@@ -54,7 +54,7 @@ const SmoothlyInputDemoStandard = proxyCustomElement(class SmoothlyInputDemoStan
         });
     }
     render() {
-        return (h(Host, { key: '0d47a2dd423a8bcdd889139f74ef2ec375d0ea97' }, h("div", { key: 'a884b4c59f663f8c47aa9e3736e6a82235e9d276', class: "description" }, h("h2", { key: '7c0b8da3728fd79d203de1895c6ae146e1eb8aef' }, "Input Standard"), h("p", { key: '10fe94edd162dd158388508c2470359447e6da57' }, "Height of input should be ", h("code", { key: 'dffd62a251af68595f7c5659a2251ada08999b63' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: '3f8c09fbdce4b808a430cf7266d40d25a596803d', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: '563356600a698bf3c974a61b79520aa8f77c249f', name: "color" }, h("span", { key: 'e12af511b6921b2d9f7d50b45fdbe3d5b34f6817', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: '23c642ae01bb6d0f7aaf653c027eb255ee38d90a', slot: "end" })), h("smoothly-input-select", { key: 'fa106dd22e247954860c217692ca37a24fe4f772', name: "looks" }, h("span", { key: 'c42065aac1f357b670cf2a99bb8be554fb314cd9', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: 'c3b585f898718c9f81ef15c1469eccf08988c00e', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: '8fab112575cb1c02c2019022cee83e5e5e65a9c6', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: 'c34401c8b28faa79a139869c0766e8f8af357ca8', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: '672b5bc96fa9e6886c90b5e8354d7dea8c916270', name: "invalid" }, "Invalid"), h("smoothly-input", { key: 'c395fd3b7ca8d1243cd9e9ea4e006f1fd7ef1a27', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: '121d1a50813987b2aeac50afe73e40c6a7c4fb8b', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: '265ce4b0e44c8fda1b3188929eb5901e1658bfd5', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: '1eafaaaa6696f9f1d696742869d10aba19c2f0c9', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: 'f6a5d34435c177c5dc64c31632dc7a1e65f3e270', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: 'c4d82ee52f0d44015df7eb734c98aa41f7c92827', class: "width" }, "width: 100%"), h("div", { key: '2ae68895caf503ba92049a32d0054439f069123b', class: "left-padding" }, "padding-left: 0.5rem"), h("smoothly-input", { key: 'f5f4ee65ccf3180d2f9181fbc258c79e916e14ee', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: 'bf32f13cfbfa88add92692bf9ee02b836eeea2be' }, "Text"), h("smoothly-input-clear", { key: '26639066ab906f755f7a42e154b1954f1f34f19d', slot: "end" })), h("div", { key: 'de01a46f39aa6f331c5edf54208a6f9f726337e3', class: "height" }), h("smoothly-input-select", { key: 'abb4be407f4b7ed51d5f796bdfce3b2b56c468a4', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && h("label", { key: '49f71dbb091094f79927778d18a0a58e70689f42', slot: "label" }, "Select"), h("smoothly-item", { key: '4b0e9cb4ce233c50a42fe249a3aef5648dc62558', value: "1" }, "January"), h("smoothly-item", { key: '38380b0f13ddeb83e2e19e0ac645dcdbacf6c4df', value: "2" }, "February"), h("smoothly-item", { key: '4f65be9a949261542191e3b484ad646e17f04987', value: "3" }, "March"), h("smoothly-item", { key: 'b6e9be5fbe31a12865717daddcd1a4039c942205', value: "4" }, "April"), h("smoothly-item", { key: '6c867101a115315e30bcf525d3fde4a8e49a5719', value: "5" }, "May"), h("smoothly-item", { key: 'ba4792a24e862aed054b356a444f9b791add16b1', value: "6" }, "June"), h("smoothly-item", { key: '9cc3a21ed384c2e2415311770925458dc13ac8d1', value: "7" }, "July"), h("smoothly-item", { key: '53cf8809b4dbc8256448b5c08a9d07f274e365a3', value: "8" }, "August"), h("smoothly-item", { key: '47a43966214064dab4d321cf9116b5cd87409dd3', value: "9" }, "September"), h("smoothly-item", { key: 'c71ceab27a3f86a5c2a27dc251b18f119f5ac623', value: "10" }, "October"), h("smoothly-item", { key: '7e824138f3b0b28a414465d69bb71c4d6786c3b5', value: "11" }, "November"), h("smoothly-item", { key: 'e7813efea82efe4cd4a8bfa54a7a55b21f53fa48', value: "12" }, "December"), h("smoothly-input-clear", { key: '7072ef8f9ac5b9a3028cbd2962560fc315f3d58b', slot: "end" })), h("div", { key: '3a1c4b4c2834bbb4921e330a77fe477c4741f181', class: "height" }), h("smoothly-input-checkbox", { key: '50499f2f1a4258a56caeb2266da17a9e881c7993', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", h("smoothly-input-reset", { key: '550d44f73f1ae07461d73f66febd5138867e8247', slot: "end" })), h("div", { key: 'acb1b0eaab732df76e2c586e8f56ee6c81fbdd87', class: "height" }), h("smoothly-input-radio", { key: 'ec7f8b66f806e63a09320e2ebfcda71be001cd3b', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: '00de1fcac1f811970b3f1154d6286dc7bd6036d8', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '35ea9212aa0f8eec4a96dedc406b428f58b848e6', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'db11c348c12a468a854c53c5f5f692ae7dcbaeb1', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '65707145740b173f4379c6bf5706a962a91bb021', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: '883be5fef36a7e6fb16c57b30fcad312f1f25a6b', slot: "end" })), h("div", { key: '2cd8b1bb4ac90fd34732d2bfc34116bcc8429045', class: "height" }), h("smoothly-input-file", { key: '87739b41a33b7be135c5b3ed02648e702ac386ca', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '0d10524c66e0625ec86431a8c19dcedf83f47eac', slot: "label" }, "File"), h("smoothly-input-clear", { key: 'a95f256a28cf294430040b6c6028921f0c620c8d', slot: "end" })), h("div", { key: '48650848e22a86ca8aa7501e09fbd8c5f0ce83ea', class: "height" }), h("smoothly-input-range", { key: 'b1e96735886d8e3e4b451ed17fa11ecada3e2302', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, h("smoothly-input-clear", { key: 'ab7f71a498ce9404aacc63f0273bd3b715ddf12c', slot: "end" })), h("div", { key: '0ff2870912f9ae2e2b41ba9d982c906124ef2641', class: "height" }), h("smoothly-input-color", { key: 'fa4d779da5bfaea1e9644e721d9f6c4249949407', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '63674017888873443dc7b744114dae7996e79c52' }, "Color"), h("smoothly-input-clear", { key: '6344ad242592e19365961e80cc0814023eaa7dc2', slot: "end" })), h("div", { key: '16e0b71b1b6b1ee68813e3827b96bffe5ec63ef7', class: "height" }), h("smoothly-input-date", { key: '8ed46719b1c1e9a9085bd5decb2f0b76fda17e08', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && h("span", { key: 'c268eeb0f99af102c6e1dc62b3d4a2ef01fb0982' }, "Date"), h("smoothly-input-clear", { key: '828d7b0e5719ee2c8e8ef5e431f19061dd1ade2b', slot: "end" })), h("div", { key: 'fe422ed5cc16bbb664f5dc190e59d05027b9ab6c', class: "height" }), h("smoothly-input-date-time", { key: 'f45a43382ca831e1755ef2d9ee3ff2529f52e092', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: '000c95f6c81a9c8f84c88e258804c190de62a085', slot: "end" })), h("div", { key: 'e203612e082b43846696f0e8f25ba1633c8a40c0', class: "height" }), h("smoothly-input-date-range", { key: '0a813285a0bb45af8a02e66bd7f336218ba2bf3f', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '8c4b143da14013a4e7869cc09ac125fd978ba652' }, "Date Range"), h("smoothly-input-clear", { key: '71942a3eb11884fd20b5dd66f93bfebfaaaa917e', slot: "end" })), h("div", { key: '6ddfef156eb2dcbb511742abe5e03f0dec1e78fa', class: "height" }))));
+        return (h(Host, { key: '042854455ad1e70f8d47329dd18ad5b2d9be5b55' }, h("div", { key: '71a0ff91b51faeea2acb7bbe6ff33103b4f78101', class: "description" }, h("h2", { key: '91247326c353bfe7a42e0f7523cabf7d42d27574' }, "Input Standard"), h("p", { key: '1d778222d0a0be0fc9fedc8fba5058033f69ccdc' }, "Height of input should be ", h("code", { key: 'c6c2dbd89c53fedca0db13ea65acddd9a504d567' }, "3rem"), " including border. This is should result in a 48 pixel height at 100% zoom, assuming a root font-size of 16 pixels."), h("smoothly-form", { key: '97f476e2d1b48ca72c588f0dc2811238afa62d85', looks: "grid", onSmoothlyFormInput: (e) => (this.options = e.detail) }, h("smoothly-input-select", { key: 'e638fd412458db2e89e75ed1e3356ebd21814efc', name: "color" }, h("span", { key: 'ab2049a30551b48bab1b1a03ee69af67d9f2fc90', slot: "label" }, "Color"), Color.values.map(c => (h("smoothly-item", { value: c }, h("span", { color: c }, c)))), h("smoothly-input-clear", { key: 'e58405aee03c66669786693560afbf7ea6ecbe0c', slot: "end" })), h("smoothly-input-select", { key: '2016e5bcf4dd6b6eb76d8d2f9691c0075cb18ea0', name: "looks" }, h("span", { key: '8bc09574aafe3e42a577b9546c7b70c8ae7eb93a', slot: "label" }, "Looks"), Looks.values.map(l => (h("smoothly-item", { value: l }, l)))), h("smoothly-input-range", { key: 'f6ed7c89644db7b39adcdc1bdd3af60d64ffef49', label: "Border Radius (rem)", name: "borderRadius", min: 0, max: 2, step: 0.25 }), h("smoothly-input-checkbox", { key: 'bffa6d1a6f672a9338e78134dc8ba1103c09f0f8', name: "readonly" }, "Readonly"), h("smoothly-input-checkbox", { key: '581a628a2ed495b04e29e1552012b1496ded48e6', name: "disabled" }, "Disabled"), h("smoothly-input-checkbox", { key: 'ed3fb7bf07743e792097626b082c825fe07fdb44', name: "invalid" }, "Invalid"), h("smoothly-input", { key: '8f6910965617dc247a089284fdf05f9f4b32e028', name: "errorMessage", value: "This is not a valid value" }, "Error Message"), h("smoothly-input-checkbox", { key: '507b49b5729dbc488916542e18c5a747ac88448f', name: "showLabel", checked: true }, "Show Label"), h("smoothly-input", { key: 'e28d0d2d9d64b11f6088d41dae93b1e3bccfbe19', name: "placeholder" }, "Placeholder"), h("smoothly-input-checkbox", { key: 'ee46861ee1cfe967013b017991fec0da41ec178a', name: "alwaysShowGuide" }, "Always Show Guide (for date inputs)"))), h("div", { key: '148dc88331c154d77477b48b74a9d2fcb6e7372f', class: "input-wrapper", style: { "--smoothly-input-border-radius": `${this.options.borderRadius}rem` } }, h("div", { key: '7301184b32532915b8b6c67ecccfe708888ac0c1', class: "width" }, "width: 100%"), h("div", { key: '1651b57209507da195429a8cde6e4cd1d081a426', class: "left-padding" }, "padding-left: 0.5rem"), h("smoothly-input", { key: '0f999a06660d7e29b2967db7df972ea1d5b2f70f', name: "text", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '842330c6efc43de5d2afc835577b67fc8575ad4d' }, "Text"), h("smoothly-input-clear", { key: '78cb65424a87ddd1b22e10844270494af51ef9cf', slot: "end" })), h("div", { key: '31103c02b0cdf3d5f68f8bd95010554c3571dea1', class: "height" }), h("smoothly-input-select", { key: '649fadb127e8ac6454b60dcb39ad26f8b665185d', name: "month", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder }, this.options.showLabel && h("label", { key: '229d74b36e98d2dce9fb51ae34a0fdf6ea3ad933', slot: "label" }, "Select"), h("smoothly-item", { key: '6f71feb15bb43c427f1e6667958eb64104a3319d', value: "1" }, "January"), h("smoothly-item", { key: 'c9468227d2718f2d87e373cfcf1c0021bf7c9e6a', value: "2" }, "February"), h("smoothly-item", { key: '26fa8a4c129189dada418bdc55eb420b4f6359be', value: "3" }, "March"), h("smoothly-item", { key: 'e966229667d4bd1072501c48cfad6d8456c8488c', value: "4" }, "April"), h("smoothly-item", { key: 'fa351f3fb2dba399ebffd034a7ab41821ad03c85', value: "5" }, "May"), h("smoothly-item", { key: 'f347f4a74d4a8f8f53fa656eff9ad94bb2d0e855', value: "6" }, "June"), h("smoothly-item", { key: 'b77e47c6a0d99532170498e5cd816977aaf15f0c', value: "7" }, "July"), h("smoothly-item", { key: 'f178bd35f721906e9adb7f33ad4a8dc13c093eb9', value: "8" }, "August"), h("smoothly-item", { key: '8b516209123938ae2b264164682628bff9e7182f', value: "9" }, "September"), h("smoothly-item", { key: '90c9806ae155808061562eb4903374c8d0f6437f', value: "10" }, "October"), h("smoothly-item", { key: 'c81cd76d4773d7382c0dd2091493bbb5747c26f8', value: "11" }, "November"), h("smoothly-item", { key: '4129e63197a9603181b72c2bcd5f00efe5facf4a', value: "12" }, "December"), h("smoothly-input-clear", { key: 'a8d437ce57fac20f4e8a23fb7ab945285e29ab78', slot: "end" })), h("div", { key: '0f72b65ec6e9dd55e5009f8889803745a7cebe0a', class: "height" }), h("smoothly-input-checkbox", { key: '2ecbfe7fce0fe4c5360d20e9088240cd1cb3b2d9', name: "checkbox", checked: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled }, "Check", h("smoothly-input-reset", { key: '9faea34bfbe730854196cbc62ae7930b078bad15', slot: "end" })), h("div", { key: '14eff380b23a908840341e8ac919e366f61b4db5', class: "height" }), h("smoothly-input-radio", { key: '007cbb861d302fb7fbfec986cb8ce51134a89521', name: "radio", clearable: true, color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("label", { key: 'be062990b3871568cb15cc1b447478ddb1741224', slot: "label" }, "Radio"), h("smoothly-input-radio-item", { key: '6b9f1c542b7d8fbf400c0d983459d8decd29ea3f', value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e76fc206b83574830f8dc10cf21a8e5963ae4994', selected: true, value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '706d081877e1485f636ee168fbc5c951b68698a3', value: "third" }, "Label 3"), h("smoothly-input-clear", { key: 'c4a213b756017473a7a9a02d14a7c6f5124eb46c', slot: "end" })), h("div", { key: '904b170b3a023c4b3788fb2eb996b72fd9456c01', class: "height" }), h("smoothly-input-file", { key: 'db055982178bd556b1788059d69a4ef043e04b19', name: "file", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel, placeholder: this.options.placeholder }, this.options.showLabel && h("span", { key: '259a9a65c8cf798886fbb51e21c08c396af869ba', slot: "label" }, "File"), h("smoothly-input-clear", { key: '2b0ed1648df1c045f9b6ef0188c8f8eb77e3f547', slot: "end" })), h("div", { key: 'aa0a3961fdffa760f336cf33f6005892bf3d463f', class: "height" }), h("smoothly-input-range", { key: '687fc6de0e91cb891e27753268246cd224ce53b7', name: "range", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, label: this.options.showLabel ? "Range" : undefined }, h("smoothly-input-clear", { key: 'f3c5299f4d054286e6296f8cbbd06d257a0dc807', slot: "end" })), h("div", { key: 'a7e96fd240e2d06d460978504a8178a4620fa671', class: "height" }), h("smoothly-input-color", { key: '2b41b21090701c556de33d1345be29ba18613a50', name: "color", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: '7369555e1c40afb8e0d4575ee7e0b3a17aa07b10' }, "Color"), h("smoothly-input-clear", { key: 'd1130c6efb044af66bb1bea1c820b0e696f7655b', slot: "end" })), h("div", { key: 'ae0d6336ac30318029efe09259602d9affd5f6a5', class: "height" }), h("smoothly-input-date", { key: 'cf664740016f747362efd19abe6eb22c49438c32', name: "date", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide }, this.options.showLabel && h("span", { key: 'ab1940b43df90302347705f715c7a5adb31daf0c' }, "Date"), h("smoothly-input-clear", { key: 'e0d0d6d4bba58e2681f1e5ed8e542ce12b1b6a5d', slot: "end" })), h("div", { key: 'c8c7391b70036ba134cc150ef7256a6f3ede2ca1', class: "height" }), h("smoothly-input-date-time", { key: 'de72c684d8348a38f1677d7dfbf2f902928e7945', name: "dateTime", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, showLabel: this.options.showLabel }, "DateTime", h("smoothly-input-clear", { key: '861fa30781245edbf8f088a37731faabf7a9b4f8', slot: "end" })), h("div", { key: 'da8d19acadc3e79480b45a07d3864ebad6282ae0', class: "height" }), h("smoothly-input-date-range", { key: '61f62fd05e1c39a5117f771eb9d1810c5b16280a', name: "dateRange", color: this.options.color, looks: this.options.looks, readonly: this.options.readonly, disabled: this.options.disabled, invalid: this.options.invalid, errorMessage: this.options.errorMessage, placeholder: this.options.placeholder, alwaysShowGuide: this.options.alwaysShowGuide, showLabel: this.options.showLabel }, this.options.showLabel && h("span", { key: 'b61c8327dcf01c0ec529ceed88fd4afd90702e3d' }, "Date Range"), h("smoothly-input-clear", { key: '4af2bde87290de54492949e5140aabbcf7030ce0', slot: "end" })), h("div", { key: '48e17be0054c430456fbf6557fe6cafa4fd743fa', class: "height" }))));
     }
     get element() { return this; }
     static get style() { return SmoothlyInputDemoStandardStyle0; }
@@ -214,4 +214,4 @@ defineCustomElement();
 
 export { SmoothlyInputDemoStandard as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-68a3f86d.js.map
+//# sourceMappingURL=p-024a7630.js.map