npm - smoothly - Versions diffs - 1.22.0 → 1.23.0 - Mend

smoothly 1.22.0 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (164) hide show

package/dist/cjs/smoothly-app_99.cjs.entry.js CHANGED Viewed

@@ -11271,7 +11271,7 @@ const SmoothlyTab = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '03654c27c3c945ff2c49970a492d2b37e7c3e942' }, index.h("div", { key: '628141c1e2b457ed5c67b415a5468876b1ab418f', onClick: () => !this.disabled && (this.open = true) }, index.h("label", { key: '8d38f920566ab5532ea19f5058c29be44c83288f', "data-smoothly-tooltip": this.tooltip }, this.label)), index.h("div", { key: 'f3c07c48e98db954703882f37923664748fa459d', hidden: !this.open }, index.h("slot", { key: 'bd34895d37d9e6ea8b2895e4f95aa14f9cdf72c2' }))));
+        return (index.h(index.Host, { key: 'ddd39ea5788b35852344370c03f63037557bf03a' }, index.h("div", { key: '42cbdfe1dd72f73f699c6bd794e70603eb6a915c', onClick: () => !this.disabled && (this.open = true) }, index.h("label", { key: '6638cb5339a92b5f96ee8a6acf0df2faef308611', "data-smoothly-tooltip": this.tooltip }, this.label)), index.h("div", { key: '3b7a813d63b059dd48dac84ea3266a7201f77b74', hidden: !this.open }, index.h("slot", { key: '1840647f54119fa413d5a7f9bb915d9b225787fb' }))));
     }
     static get watchers() { return {
         "open": ["openHandler"]
@@ -12443,7 +12443,7 @@ const SmoothlyTableDemoSimple = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '100ccb3d12f5d9d3aec452a9aea2c20e34853d1c' }, index.h("smoothly-display", { key: '649f8e500dfd71a2c81f73a4580695db597dd569', type: "text", value: "Simple" }), index.h("smoothly-table", { key: 'aa3b54162fb635e84e77fd302741ccd9036016c2', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: 'd4a325e7c8e3a48165c09229bd388617889f03cb' }, index.h("smoothly-table-row", { key: '19f43fd9744dd9e2bda4c50e7539969ccf632e9b' }, index.h("smoothly-table-cell", { key: '4a892f1489489f9dd3ae0a50bda1e345581fe5ed' }, "Breed"), index.h("smoothly-table-cell", { key: 'd02664412326b518062c10e9165d7e4537af975f' }, "Coat"))), index.h("smoothly-table-body", { key: 'aede2a5b4a57a760575330503ba4ba0caf53401a' }, cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-table-expandable-row", { key: '779869bd6fd561fee2c871c26e5dca7b18cbd39e' }, index.h("div", { key: '25c952debc91c05ed4881c79dcb12e94e7d84419', slot: "detail" }, "Content", index.h("br", { key: '7e70bf393425b6cbea5e12bfdc4d44202083c588' }), "of", index.h("br", { key: 'd7a38f818eb3271fb6cb0c8d783d5585255198c6' }), "the", index.h("br", { key: '2e6065320781bdfd077e5e29adbb4e98f1336582' }), "expandable", index.h("br", { key: 'c07250d1fefc9de01f013c98468c35bfa56f188f' }), "row"), index.h("smoothly-table-cell", { key: '84d8622a20b5191fe80923c42b46115d6829dd2a' }, "Cell1 in expandable row"), index.h("smoothly-table-cell", { key: 'cbd07cf44be486cb9a9959616648472b0bc87ca2' }, "Cell2 in expandable row")), index.h("smoothly-table-row", { key: '9254f0fa90efcb4ae7baa4db632f292c783a4f8e' }, index.h("smoothly-table-cell", { key: 'c9e24dcc110e2bf7871d0d8b026f2e1827711918' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: 'b70e101c370bbc02a64d71187e040af9561663a2' }, "Expandable Cell", index.h("div", { key: 'bca3e33c2000c45d95af664844cac4382f23e803', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: 'cc52352e017591fe8cf79c944d5727c1453d32dc' }, index.h("smoothly-table-expandable-cell", { key: '82ed7cbdf8a37af9ddf7c793b23ae66d373b8b35' }, "Expandable Cell 1", index.h("div", { key: 'ee74c64cabfa9c5c2c56ffd3dd7936a1c330cd78', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: '9f0b5a2ebd662a18fff47323435b3d7f11d7e286' }, "Expandable Cell 2", index.h("div", { key: 'bb8f3f7be23fc7abf246e091bfb60e24e244e0b5', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: 'f13f9595077fc990ddbc7d7d99fbe7db280e3635' }, index.h("smoothly-table-row", { key: 'e124f16c058e91c48d43bff948e0446e083e8760' }, index.h("smoothly-table-cell", { key: '4a841fe18aeebf29a710fe536e7f0f6278370276' }, "Footer Cell"), index.h("smoothly-table-cell", { key: 'd426eb12d44023a9798787c30d24560d01c14593' }, "Footer Cell"))))));
+        return (index.h(index.Host, { key: '100ccb3d12f5d9d3aec452a9aea2c20e34853d1c' }, index.h("smoothly-display", { key: '649f8e500dfd71a2c81f73a4580695db597dd569', type: "text", value: "Simple" }), index.h("smoothly-table", { key: 'aa3b54162fb635e84e77fd302741ccd9036016c2', color: "primary", columns: 2 }, index.h("smoothly-table-head", { key: 'd4a325e7c8e3a48165c09229bd388617889f03cb' }, index.h("smoothly-table-row", { key: '19f43fd9744dd9e2bda4c50e7539969ccf632e9b' }, index.h("smoothly-table-cell", { key: '4a892f1489489f9dd3ae0a50bda1e345581fe5ed' }, "Breed"), index.h("smoothly-table-cell", { key: 'd02664412326b518062c10e9165d7e4537af975f' }, "Coat"))), index.h("smoothly-table-body", { key: 'aede2a5b4a57a760575330503ba4ba0caf53401a' }, cats.map(cat => (index.h("smoothly-table-row", null, index.h("smoothly-table-expandable-cell", null, cat.breed, index.h("div", { slot: "detail" }, "Country:", index.h("br", null), cat.country)), index.h("smoothly-table-expandable-cell", null, cat.coat, index.h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), index.h("smoothly-table-expandable-row", { key: '779869bd6fd561fee2c871c26e5dca7b18cbd39e' }, index.h("a", { key: '22d8896adf7dbf3f2b3057c383ed639187c96f17', class: "smoothly-row", href: "#", onClick: e => !e.button && e.preventDefault(), target: "_blank" }, index.h("smoothly-table-cell", { key: '135a621e53bc2f00c3d7ade9b5c2f8ff2b5e72f6' }, "Cell1 in expandable row"), index.h("smoothly-table-cell", { key: '02efbd1a44d8c46cd1dc6d0ea6501ab95fb81ca6' }, "Cell2 in expandable row")), index.h("div", { key: '8887aa95dc5da2aeaf6710a32f046347284169ef', slot: "detail" }, "Content", index.h("br", { key: 'c973f4708dca50595a0cf8382ced45317ea9b2d2' }), "of", index.h("br", { key: 'e69b446f537550c8d5442e995752516baf7691b1' }), "the", index.h("br", { key: 'bdb045ca6be6ca06e14a33a28900158e0141570e' }), "expandable", index.h("br", { key: '30c8a87171cddb54e0050271c291e0fdc5d0a6fc' }), "row")), index.h("smoothly-table-row", { key: '850b697abac6fdd4f9985dfc9900b8c6d3133be7' }, index.h("smoothly-table-cell", { key: '73fdf634be517cca0ad10197355574f7fc1cf989' }, "Cell5"), index.h("smoothly-table-expandable-cell", { key: 'd557e0addd71a5fa8a8b8bb0544bbbfd5d1258a1' }, "Expandable Cell", index.h("div", { key: '7537be10acfaa66185e347fd6d398eb1a093b6ff', slot: "detail" }, "Content of the expandable cell"))), index.h("smoothly-table-row", { key: '61953030650c09784e98c0ea6f31f3ba839e16da' }, index.h("smoothly-table-expandable-cell", { key: 'cbe31b98ee9718ac8811a36d8f7991c3aeb5d65f' }, "Expandable Cell 1", index.h("div", { key: '037dc338bb7b2eb06980b968645abc95bcd65b1f', slot: "detail" }, "Content of the expandable cell 1")), index.h("smoothly-table-expandable-cell", { key: 'f699f9fa580ecb265018c36494879dddbd21faf2' }, "Expandable Cell 2", index.h("div", { key: 'dd9ddaa5df801a0156fd0239dc5730a5ee099646', slot: "detail" }, "Content of the expandable cell 2")))), index.h("smoothly-table-foot", { key: '81564cc02e35eb462389ddb99c3227ad6f72774e' }, index.h("smoothly-table-row", { key: '31cf2f7f3d4704e16ebd2fd1e7b7f39036136296' }, index.h("smoothly-table-cell", { key: 'debb4b190daca5d2c31720eb7466aad243eb4242' }, "Footer Cell"), index.h("smoothly-table-cell", { key: 'de9f762cec8bcf66c466f1d24e896733e54579dc' }, "Footer Cell"))))));
     }
 };
 const cats = [
@@ -12545,7 +12545,7 @@ const SmoothlyTableExpandableCell = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '35de01c88735a9aa018b56399e01fab5c8269cf8', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'd5bc29dc980c6de6c67f820c3e4ee4107953683d', class: "content" }, index.h("slot", { key: '3dee0d32ffe00cf284c7fdb697d7235e8ec261b6' })), index.h("div", { key: 'd2054c0a5403840ad23bb052932f09c379985fa4', class: "detail", ref: (el) => (this.detailElement = el) }, index.h("slot", { key: '32bc1b6da7e30b55b4d40c619c4e78b5841f09c3', name: "detail" }))));
+        return (index.h(index.Host, { key: '9a63e2a88a309879475fa21611c0aad9020fa1e1', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '223e139d6b3874c579a69580e796db53f050ce90', class: "content" }, index.h("slot", { key: '5e4b1bb537e08ad6f6df68834c6660a1c38c50db' })), index.h("div", { key: '10e043e52db857690be336094b8f9f61f06aa835', class: "detail", ref: (el) => (this.detailElement = el) }, index.h("slot", { key: 'f92b61673c4fda5e14098fb6cd35ec15238f2848', name: "detail" }))));
     }
     static get watchers() { return {
         "open": ["openChange"]
@@ -12553,7 +12553,7 @@ const SmoothlyTableExpandableCell = class {
 };
 SmoothlyTableExpandableCell.style = SmoothlyTableExpandableCellStyle0;
-const styleCss$g = ".sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>:not(.detail){cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover)>.sc-smoothly-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover)>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
+const styleCss$g = ".sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>:not(.detail):not(.smoothly-row),.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row-s>.smoothly-row>*{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding:0.3rem 1.1rem;white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover),.sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row:has(>.sc-smoothly-table-expandable-row:not(:last-child):hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child,.sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row>.sc-smoothly-table-expandable-row:first-child{position:relative}.sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child::before,.sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row>.sc-smoothly-table-expandable-row:first-child::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.sc-smoothly-table-expandable-row:hover)>.sc-smoothly-table-expandable-row:first-child::before,.sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row:has(>.sc-smoothly-table-expandable-row:hover)>.sc-smoothly-table-expandable-row:first-child::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.sc-smoothly-table-expandable-row:first-child::before,[open].sc-smoothly-table-expandable-row-h>.smoothly-row.sc-smoothly-table-expandable-row>.sc-smoothly-table-expandable-row:first-child::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.sc-smoothly-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
 const SmoothlyTableExpandableRowStyle0 = styleCss$g;
 const SmoothlyTableExpandableRow = class {
@@ -12569,7 +12569,7 @@ const SmoothlyTableExpandableRow = class {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (index.h(index.Host, { key: 'cff2a487c39e5baa4411954fdae853b7236969d8', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: 'e08aa914f47a10dd92fdb70f59ca93c9f654e4d7' }), index.h("div", { key: '2e124ef2c562cd5cf772a89c2dba6b1bbe81ed25', class: "detail", ref: e => (this.div = e) }, index.h("slot", { key: '64aa62ed32ef9a5451828e5333c5d2c264a9e4ba', name: "detail" }))));
+        return (index.h(index.Host, { key: '622a498240f387d60009473440150a274227b6a2', onClick: (e) => this.clickHandler(e) }, index.h("slot", { key: '31299214612ef6e58262dbd7fba8c55d8b4466e5' }), index.h("div", { key: '8830b5238e5910bc518da1135ee4c2d2672266f0', class: "detail", ref: e => (this.div = e) }, index.h("slot", { key: 'ebd46989ecc8f37ab7a890cf6bfebd73f2786933', name: "detail" }))));
     }
     static get watchers() { return {
         "open": ["openChange"]
@@ -12585,7 +12585,7 @@ const SmoothlyTableFillerRow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("smoothly-table-row", { key: '947d1cb1377059212a6f5c2388c0096af0533447' }, index.h("smoothly-table-cell", { key: '6c9c574491726e5a9c0a49ce9dd6c94a456f4362' }, index.h("slot", { key: 'f83940253d3fee5342fafcfefa8ae51ba34fa172' }))));
+        return (index.h("smoothly-table-row", { key: '776a0d9872ebe20f3064f4d354566ef1b94cb285' }, index.h("smoothly-table-cell", { key: 'e9c8a0427fbcc03c03fee5263cb68125fd1c651c' }, index.h("slot", { key: '86c6bb676944c5918ab03a1c93fea092119069d6' }))));
     }
 };
 SmoothlyTableFillerRow.style = SmoothlyTableFillerRowStyle0;
@@ -12598,7 +12598,7 @@ const SmoothlyTableFoot = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8a329e1890c408e128ea04fa23662a1a10d7ccbd' }, index.h("slot", { key: '8ef12bc031baa8671024fdff9e776c66042161c9' })));
+        return (index.h(index.Host, { key: '699104c2cf3a129de5856a78ed8cad2b29597ee5' }, index.h("slot", { key: '733a82c2318900af6ee6f8ffd6ef720a66df5a60' })));
     }
 };
 SmoothlyTableFoot.style = SmoothlyTableFootStyle0;
@@ -12629,7 +12629,7 @@ const SmoothlyTableHead = class {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (index.h(index.Host, { key: '03b215c8aacfa38e9a4dde4c3a9a69bd313b380b', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: 'a780bfacd885e4506334973158d95ea1d898ebfe' })));
+        return (index.h(index.Host, { key: '58186ef2807045f88b38ee73cc540d852c069e90', class: { scrolled: !!this.scrolled } }, index.h("slot", { key: 'f2fa164bab07c90274a10f3b1ce03b03797d7a44' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -12653,7 +12653,7 @@ const SmoothlyTableRow = class {
                 event.target != cell && cell.close();
     }
     render() {
-        return (index.h(index.Host, { key: '33e39d2a5bfc6906c8bc7e2b8217206779bfdba0' }, index.h("slot", { key: '333389b50f04b934fa7385cedd7415dc4a103d79' })));
+        return (index.h(index.Host, { key: '02a964df7db94d893c641cbfec108bac991b95f0' }, index.h("slot", { key: '54694c75148fb7a292fd7fbb6aa2b5c50dfc5238' })));
     }
 };
 SmoothlyTableRow.style = SmoothlyTableRowStyle0;
@@ -12673,7 +12673,7 @@ const SmoothlyTableRowGroup = class {
         this.smoothlyTableRowGroupChange.emit(this.open);
     }
     render() {
-        return (index.h(index.Host, { key: 'f35a9fb622644b33d2b4223a85bde59913c06d3d' }, index.h("div", { key: 'e38e4d3f871a10ff1b709f10b28556c8759b9652', onClick: () => this.clickHandler() }, index.h("div", { key: '879cc104815e0a675499a030c824404703161398' }, index.h("slot", { key: '132f7f60d727098ac0fe16907ccfce23e5112357', name: "start" })), index.h("div", { key: '7f75e8fd89b8cf562c443a8900d9a4f7d726d8e7' }, index.h("slot", { key: '51db4602c7840e5b70af4beba5987384c1d6f7b0', name: "end" }))), index.h("div", { key: '94db5b7d16be9247123f6382f136de4043a793bb' }, index.h("slot", { key: '027f79706011e1e1fd8786f9490753a26dcc8ff1' }))));
+        return (index.h(index.Host, { key: '4d7feb0fd88ae81e4507dbafd6c39b49f8b7d870' }, index.h("div", { key: '5b75ab8ebc14351865c02aa0d9106d6b3dc6ccd8', onClick: () => this.clickHandler() }, index.h("div", { key: '79b027d3d85a94d6030b8896451aedf6a906735b' }, index.h("slot", { key: '8b0166c2b162b615fc979065ea53008dbac493d9', name: "start" })), index.h("div", { key: '2fc79ac0d2174e48944e1ca388d43a659f83aad1' }, index.h("slot", { key: 'ae6661300e8add18d83b21e44fff89e5a7bf4689', name: "end" }))), index.h("div", { key: 'e3c12c80910ceed2ee9b6adc9a2e29d2af0da58b' }, index.h("slot", { key: 'd6aedb8dda5e46e1821345daa4aeda0393ddb596' }))));
     }
 };
 SmoothlyTableRowGroup.style = SmoothlyTableRowGroupStyle0;
@@ -12706,7 +12706,7 @@ const SmoothlyTabs = class {
             old.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: '2d7d0b97f375dbde755f8b3e38f393eb5ba92b0a', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, index.h("slot", { key: '20ca2bc968adf7e2ddbbefd388549e4ee9f13103' })));
+        return (index.h(index.Host, { key: '6e50615465bcf1c2aa5bd85b6a2fd34903f402b5', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, index.h("slot", { key: '86014dd4af9e745534d6b62061581d76fcd2e21c' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -12724,7 +12724,7 @@ const SmoothlyTabsDemo = class {
         this.extraTab = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '0b16967f94399b77ee3c1b1e64c27d106fd83ed6' }, index.h("smoothly-tabs", { key: '959058a10d07ca3da092520d7adc353e9970716f', tabs: "multiple" }, index.h("smoothly-tab", { key: 'a1a84f8e0ce67a1e927324aa5a70370cf361882c', label: "Single Tab", open: true }, index.h("strong", { key: '89056565d36751ac6b35242f2796a9254d935ef3' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '109c54860817e11d90d41244f7031e2bddebf3bb' }, "tabs"), " to", " ", index.h("code", { key: 'b640f541fdd9806158e12deee13ce99380a51f4c' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly.", !this.extraTab && (index.h("div", { key: '7db615937f19174961f734744b7995651302bf19' }, index.h("smoothly-button", { key: 'da25093e11b714bb716a356722a60fac55f94484', color: "primary", onClick: () => (this.extraTab = true) }, "Click to add extra tab")))), this.extraTab && (index.h("smoothly-tab", { key: 'f6f3986151fae0bf704a9652051aec8256e3c0f8', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("smoothly-tabs", { key: 'd6dc46ffda61b8acfda2ef22e80a7777928a9186' }, index.h("smoothly-tab", { key: '1d078689e6cf5e85dbf0477902433cc3f1503cca', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '647c52c4e78a78e7baf0c3fa9fe4f3ff47c1ef87', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: 'c8bdc919b75bb343f24e96df1ef434a0f1a81b62', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"))));
+        return (index.h(index.Host, { key: '9feee12ec58877a9c2b5954fdb646cfdd4448fa7' }, index.h("smoothly-tabs", { key: '0a6e41cea6c9221499b00b61f36c2a8a49e2e32b', tabs: "multiple" }, index.h("smoothly-tab", { key: '7275fa75a8488112e6e743901dd5964835a93494', label: "Single Tab", open: true }, index.h("strong", { key: '8c285057650607c4b4cf8489d5dae6b6ecd413e8' }, "Single Tab content here."), " If only one tab is available setting ", index.h("code", { key: '6223eb09fc7f7f9564ceb1b004b2d10e6d6676f5' }, "tabs"), " to", " ", index.h("code", { key: '366a99676a69e290466d483aff4b1adb5fa5ed6e' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly.", !this.extraTab && (index.h("div", { key: '503d1a0dc942c2fbb2b519d50079f1f1f1957925' }, index.h("smoothly-button", { key: 'ef7a097bbea557ccd0a0d31adcd520cedbd405e3', color: "primary", onClick: () => (this.extraTab = true) }, "Click to add extra tab")))), this.extraTab && (index.h("smoothly-tab", { key: '10d65bfee004d0bf735ca4304e8dc8a496e222ed', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), index.h("smoothly-tabs", { key: 'ee9ffc7faf8730934bdfee8f619e576a5f4175a0' }, index.h("smoothly-tab", { key: '07d00936df7e498c0dd09800f2923251f641c0f8', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), index.h("smoothly-tab", { key: '361e46a829cfb45a911fafc77682571d34822b15', label: "test2" }, "this is a test message!"), index.h("smoothly-tab", { key: '968c7bd73bf383b2e6f6ac9db63e57cc0b685603', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"))));
     }
 };
 SmoothlyTabsDemo.style = SmoothlyTabsDemoStyle0;
@@ -12738,7 +12738,7 @@ const SmoothlyThemeColor = class {
         this.color = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '7ee08c73170446ce7efa89d85ca5fda70feca0c4' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (index.h(index.Host, { key: '3d6f0aa954a4399e6c6ee6f710fda1eba640dbdc' }, this.color, ["tint", "color", "shade"].map(variant => (index.h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
 };
 SmoothlyThemeColor.style = SmoothlyThemeColorStyle0;
@@ -12790,7 +12790,7 @@ const SmoothlyThemeDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fad8416650da4ac12bfa55e33c3b5711f2c3eb64' }, index.h("h2", { key: '9537cc6562a85378da82ff686974c78516cdf7fb' }, "Theme"), index.h("smoothly-theme-picker", { key: '1878180b1664bca2c61d0c88d8d661d7e9cf117c' }, index.h("smoothly-item", { key: 'c03c2ac3ed75cd79efa53a7e1786e884d2b12f78', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'd000e79c46e0ec732e922a9e9d4538daff09b700', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '638dd50c098a6818c1adb3793db24a2d437b79a7', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: 'c6b888d379491137f123f8fd367161d5a176c167', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: 'd06f976a638451ab99296f5d95e4114c3c712c1f', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: '31ae8a8ec7a033267c9b914e5fd44a115ed588c2', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: 'eff000243d5dce0f5d87df290fb5bb2d5169f093', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '0bb6cfe7253f308cb1d6b8628c16fb5ba34165b0', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '3732daec72f6ab39377345e2b16df7891030377c', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: '1d62502670cd9a6436af0ef252bee9abbe4ddd3f' }, index.h("smoothly-theme-colors", { key: 'b9f61b5989af32689a71a0fd095bc4864abb1b10' }), index.h("smoothly-theme-guide", { key: '4b6bf3bbd37e8fda5a3cbbc69d5c2308523c0568' })), index.h("smoothly-button", { key: 'efeee00eda15c1f11bd85fa2c257204460b14d27', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: 'c76933d6f258aec96cef3edad0ba8781c911190f', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: '54347bfa248fc5354ce63538695448a19562f0f9', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '139d7476a7de6b5b5748c24e98a41725a97e3c8c', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (index.h(index.Host, { key: '271988b70b06b2b2906be9a537d884d7083e85b5' }, index.h("h2", { key: '5db0f1ba78f9960f2b0e93bbe347824a7840b6b6' }, "Theme"), index.h("smoothly-theme-picker", { key: 'b0a13617188eeecaf0b3d5b0653029b0b82b2cd6' }, index.h("smoothly-item", { key: '9d03b5e5b15dc41bda58ab45900e545fbc0238f6', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), index.h("smoothly-item", { key: 'db8a36d3e64524bbbe374fbfcda03fe26974e7bc', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), index.h("smoothly-item", { key: '6ec91cbd3d325343532b5aaf3befbe9e0e70762d', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), index.h("smoothly-item", { key: 'fbd0fba0892e97678ad8d2018436710eaaecc094', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), index.h("smoothly-item", { key: '22e2c0adb8b2a48a7ae431c0ccf91d423b69d29f', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), index.h("smoothly-item", { key: 'c1becb562dc47a1b2a3a60e16b0606ed516b7227', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), index.h("smoothly-item", { key: '06f6775a38f5b69c3ed1d0972a3978de1b94c5d1', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), index.h("smoothly-item", { key: '53568ac97a5adfbee0afc3a52bd48b291eda8f25', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), index.h("smoothly-item", { key: '59d9965750c38470cb5a4e0916314e623d920eda', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), index.h("span", { key: 'cc70ee7a0a155ef61b063b9dac5d006c6c1c96fe' }, index.h("smoothly-theme-colors", { key: '27c9fdb3c8aa8e32cc11aee3d152cf8a41a772d2' }), index.h("smoothly-theme-guide", { key: '713aac94102238b832cbaf99b2df1f4d0bdd9bce' })), index.h("smoothly-button", { key: '4459dd300765e697a026f54f69f44cb70fd0d22e', type: "link", link: "/redirect" }, "To redirect"), index.h("smoothly-button", { key: '4f0d70b02f1349b105058d666e9888b4a93ccee9', type: "link", link: "/redirect" }, "To /redirect"), index.h("smoothly-button", { key: 'e6a039ba6a2abe543bcb121376f30126917a1077', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), index.h("smoothly-button", { key: '9c2c3597c3ed7b3433320bbffd691bdd35940665', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
 };
 SmoothlyThemeDemo.style = SmoothlyThemeDemoStyle0;
@@ -12804,14 +12804,14 @@ const SmoothlyThemeColors = class {
     }
     render() {
         return [
-            index.h("smoothly-display", { key: 'fb9783df325f8b5a5f4b6a67575e1f6b2281d8f5' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            index.h("br", { key: 'dec408ef3183c54cf9e40dc9c927431ccbf2c877' }),
-            index.h("smoothly-display", { key: 'a9324fbb7af42ce56dc0c678d21bed4e18d9b87a' }, "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."),
-            index.h("br", { key: '82f7e60a554d5614702dbe75cc9d293a53e32d00' }),
-            index.h("smoothly-display", { key: '0a30a3e965e5a7f94cb9ff6d4b5a069c2fd6599b' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            index.h("br", { key: '9824a9cb665fd936623dd7466ea2ac9cbdc179ec' }),
-            index.h("smoothly-display", { key: '891e72ecdd192bedd19be0c1cdeafc2714405a39' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            index.h("br", { key: '92ebc7932a3566d33f4663a0624ec270f6f7b745' }),
+            index.h("smoothly-display", { key: 'd220c32231596f16d32860c8e29d741929a5236d' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            index.h("br", { key: 'bab56fd1a11f74b342f959c3a91e7defbd0ea2a7' }),
+            index.h("smoothly-display", { key: '1c0374704ac853dc52c87764f4f868a201816ccb' }, "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."),
+            index.h("br", { key: '7ac80abb36c09ed8d65dca5f4c7dd2873b4b306c' }),
+            index.h("smoothly-display", { key: '28035f2b9fa95998be6120f9cbdac812044852a3' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            index.h("br", { key: '67a41cd1226a9e9ad6077d766ff96c4abe635f36' }),
+            index.h("smoothly-display", { key: 'f5f58e4ac56470facb2588bc77f17a8487621153' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            index.h("br", { key: '6f89585cedec18256de7c19dfcf1987da4840c7b' }),
         ];
     }
 };
@@ -12826,11 +12826,11 @@ const SmoothlyThemePicker = class {
         this.element = "smoothly-css";
     }
     render() {
-        return (index.h(index.Host, { key: '4c7a2130b7924e30ed5722506a668c837833b263' }, index.h("smoothly-input-select", { key: '359e3d0df368f6d9aef721d2ce5fd03b1555fb43', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (index.h(index.Host, { key: 'b7f707ed664fd85a1d3e15161876607bcefbd433' }, index.h("smoothly-input-select", { key: 'fea6581fa953896d2be5f738dbe2ec13c314acf2', 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;
-            } }, index.h("label", { key: '659b0f2defbbb3b60a58da305ce43693bfacc3ce', slot: "label" }, "Select theme"), index.h("slot", { key: '3a4ce26aad8d5b6faf4bd267999bb128ab43e3db' }))));
+            } }, index.h("label", { key: 'b9e77f2cc9865eeea586ef3932ca45d354b936fb', slot: "label" }, "Select theme"), index.h("slot", { key: 'a772063f6ebc8a88e8144c7f2483deff5eab845d' }))));
     }
 };
 SmoothlyThemePicker.style = SmoothlyThemePickerStyle0;
@@ -12854,7 +12854,7 @@ const SmoothlyToggleSwitch = class {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (index.h(index.Host, { key: '49d8aa54d541d723c67237650d0f699a42695e62' }, index.h("button", { key: '63bc10dc6ea2fd8283dbd454e79237e98026bbfe', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'fe347ff77d6c2e481b8db98684918cbdfe839cb3', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (index.h(index.Host, { key: 'c2d0b17bb4ed178c9755143c99fa2b2ca748af18' }, index.h("button", { key: '8c3b19e85f692ed99b18906d4f497d31f0668f89', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, index.h("smoothly-icon", { key: 'f0b842f04422b565174d54dd83960df0832fbf73', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
 };
 SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;
@@ -12867,7 +12867,7 @@ const SmoothlyToggleSwitchDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f28cfc8d978d0aff3ef377189f0314ea05db64cc' }, index.h("h4", { key: 'efdbdf2e87cadd7f0e84216f95ef996d8eab114e' }, "Toggle switches"), index.h("div", { key: '3ea58fe486e89badeecafce476b22cf730e58c3e' }, index.h("p", { key: '7f1d88e27f3e5eb249da396eca259e8cec1ce984' }, "Checkmark"), index.h("span", { key: '8cfee34ea00fbfa1805a8125998722d345ec14e4' }, index.h("p", { key: '19845d6ff74ae95932d23aae32ea54b334730eab' }, "Tiny"), index.h("smoothly-toggle-switch", { key: '5a71b3746f5f05439377a9ff6b3457172d854153', disabled: false, size: "tiny" })), index.h("span", { key: '00c4bea2e093eb0d67c2dba2ec62f925e8acda9b' }, index.h("p", { key: '50b24c27f47c3bd8ad1069765b2bfb0a735e23c3' }, "Small"), index.h("smoothly-toggle-switch", { key: 'f7bf81fd1b79e257aaabec1f00ab0cea8327ed07', disabled: false, size: "small" })), index.h("span", { key: '6842cfa8cc9f56e38022ef80abbdef4e796d5125' }, index.h("p", { key: '30902be84648b7aa1b7d329fdd51f87c584ea8c6' }, "Standard"), index.h("smoothly-toggle-switch", { key: '955df50ae41b70b2fce98c0584b109366a186500', disabled: false })), index.h("span", { key: '8f8999b271eb683095eac56a3d42b60ed9e479d0' }, index.h("p", { key: '08d46bcbc94c4a30bc1b616f17253dcffb7e121c' }, "Large"), index.h("smoothly-toggle-switch", { key: 'f8b471c71d667770a991d33a012bd55f5bc4e142', disabled: false, size: "large" })), index.h("p", { key: '39f0d677abbc513aa576984c7f44b3e0c8b1f838' }, "Colors checkmark"), index.h("span", { key: '511160ee9b83d55edadcec722de4479ffff244ff' }, index.h("p", { key: 'fd661bbaeb363648313cd0ac0747c7f5f64e141c' }, "Danger"), index.h("smoothly-toggle-switch", { key: '37eec2af4c146f9ad7fa20f917f48fbea2e96db2', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '73e7cb2d5027471c11492e373a1a4b16143bd026' }, index.h("p", { key: '54b9c9930fc88c7e5513899e7162da2934fd90a8' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'd53ca7dc3d7935c272c8bf228f63c98e80e3a5ed', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'f053b3d5689534a6252154e0ab7a3e567887fbb0' }, index.h("p", { key: 'c57043e4c253e49d8a4b5d468897d89d87603c43' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '14db4f6471d3b4cd0d04949aedde32daf68ea088', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '17b4218b5cbe511b6f25f666c7737f6e4e931345' }), index.h("p", { key: 'b34f16a1ca95fb2bcd8e1a60fe185f569138d29a' }, "Colors no checkmark"), index.h("span", { key: '7c10b0546d36998e30c7d9ef77f0efa53795f48b' }, index.h("p", { key: 'd6d4d6a091a008ed2cee26e31c34dbb6bcf9a3af' }, "Danger"), index.h("smoothly-toggle-switch", { key: '38c758de634240666941b5420d873a692323e98a', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '0fad024312c8890494807af89c9904ded1132205' }, index.h("p", { key: '6c160effc65421377fe9e5991470c1882b8da50f' }, "Primary color"), index.h("smoothly-toggle-switch", { key: 'bc4421acf703f8d185e55855bf34a839a1b095df', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: '3d5f09dad694a59b89b0f91d32617c847a1cb6ac' }, index.h("p", { key: 'f8669352e55244aaf060920975baeab1850fb27d' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '5aae869b6691c56b4b6f754d8dffddc47233d73e', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (index.h(index.Host, { key: '663e0e71caf2d15321b4d247e5628488d39e3630' }, index.h("h4", { key: 'feb7bb02eae45a82b62187cb4ed7d46af8ffa398' }, "Toggle switches"), index.h("div", { key: '51b29d5bd317c75f03dbc9d0d82f0f1811866550' }, index.h("p", { key: '8b3c86d64b80104d6402da5c1373f4b822593132' }, "Checkmark"), index.h("span", { key: '8b171ff8e60eadd86c154d17c8e116b6253eaca5' }, index.h("p", { key: '5c39ae9edebd4a89ce71635c67d4ed67005d9222' }, "Tiny"), index.h("smoothly-toggle-switch", { key: 'df44633fd8b29f6726c4d9ee916791499bc04cc5', disabled: false, size: "tiny" })), index.h("span", { key: '804222178becd40f0219c7b3fc34d944d5733212' }, index.h("p", { key: 'e16d4993751eff0b3b977917776f98a65f33a9e7' }, "Small"), index.h("smoothly-toggle-switch", { key: '384ae8a1b1bf647586f89b47661fea8444859f51', disabled: false, size: "small" })), index.h("span", { key: '517dc2fbc6e85ece8cc10e72b716c5a042066dfa' }, index.h("p", { key: 'a5559b0b1b14d631b54ff2b1a8a285295f9b5c3e' }, "Standard"), index.h("smoothly-toggle-switch", { key: '9f3a7c17682d8b343a9a21f3d932f7b27f12aec0', disabled: false })), index.h("span", { key: '3f15bce6144c7f2d3a099d37aedb66d46311c47f' }, index.h("p", { key: '2df264723dd07305317c0c4cd3696e605fcdc276' }, "Large"), index.h("smoothly-toggle-switch", { key: '7001c36268d893828874601da46a0fcf4f590d1a', disabled: false, size: "large" })), index.h("p", { key: 'a688e656bd585af52417e76fdb097b39525e3ebb' }, "Colors checkmark"), index.h("span", { key: 'afa66bc7c1a8137fba16df9c63bc0f247a0e3e79' }, index.h("p", { key: '5569396842a60be8a25e3595050b03b4267ad0df' }, "Danger"), index.h("smoothly-toggle-switch", { key: '9d014598bfb1a4f2e246d99a46f29ee4cae9d91f', color: "danger", disabled: false, size: "small" })), index.h("span", { key: '47c72cc350cb06b9385755a86ae1c9fa9a56e08c' }, index.h("p", { key: 'b4c40a1c105bf96eb7600e5a8a85348113928feb' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '565943e9592bf20a1a3d264d18e1faed5f2db01d', color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'f65b8c9257d5b10d9d6103ecf36152ce2113d68c' }, index.h("p", { key: 'c8b822b229cf53846e7c91ef4fe98024a80aaccd' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '0d8375b6e42395c497366e925176db12d7e7d8b1', color: "secondary", disabled: false, size: "small" })), index.h("p", { key: '5d6ba4755dfd184b5769e89fdc86415ba567b0f6' }), index.h("p", { key: 'b488c061200403ffe18530dd7a80f163ef67310c' }, "Colors no checkmark"), index.h("span", { key: '50359b61bb941584d136105efd64265e27689586' }, index.h("p", { key: 'c96b89b4fdea56f6695f3d3174a38e93205dd468' }, "Danger"), index.h("smoothly-toggle-switch", { key: '751c3c4e9354a50265c78aeedc0f47ced85d39bd', checkmark: false, color: "danger", disabled: false, size: "small" })), index.h("span", { key: '4125eb07921d6d62a39d3e5730668857bf568c9a' }, index.h("p", { key: 'a64eddea1aa46bbcd1fde47cea1c5f4c44889d94' }, "Primary color"), index.h("smoothly-toggle-switch", { key: '31e078863334d632c01ac47122409c5d3c00b242', checkmark: false, color: "primary", disabled: false, size: "small" })), index.h("span", { key: 'aae246cd3c09d846dad3f23ec1e9276668ab0bee' }, index.h("p", { key: '13899d7207318819d0a0a16f2c8f12c19cc65128' }, "Secondary color"), index.h("smoothly-toggle-switch", { key: '0f750fe645600314256ebae80646cf4459b086a6', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
     }
 };
 SmoothlyToggleSwitchDemo.style = SmoothlyToggleSwitchDemoStyle0;
@@ -12898,7 +12898,7 @@ const SmoothlyTrigger = class {
                 result = this.disabled ? (index.h("slot", null)) : (index.h("a", { onClick: e => this.onClick(e) }, index.h("slot", null)));
                 break;
             case "button":
-                result = (index.h("button", { key: '004a66e1d13faa7061447530f8aadf87eb021fed', disabled: this.disabled, name: this.name }, index.h("slot", { key: 'ce0745a914df870351567d559cb82733213f0650' })));
+                result = (index.h("button", { key: 'dcadf813025369f3462fee521d2a6aa6a4796040', disabled: this.disabled, name: this.name }, index.h("slot", { key: '0f4f70d6dd3d47f7b3e8c6928b41317d18b72c5c' })));
                 break;
         }
         return result;