smoothly 1.102.0 → 1.103.0

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemo {
     render() {
-        return (h(Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
+        return (h(Host, { key: '4233a67a671728bcb825e9c39bf585ad9c14809d' }, h("smoothly-table-demo-filler-row", { key: 'a4b1151ef192f0d6eb86f51b9e5ee1ccfee3ef7b' }), h("smoothly-table-demo-group", { key: '9ae859258f3011661eafd08815d62beb6c2d7a71' }), h("smoothly-table-demo-colspan", { key: '97f708df9eed1c196de23c8bee7f5ba20af45a0c' }), h("smoothly-table-demo-simple", { key: '79d2512389d22929913c5e568b89abd429e26e44' }), h("smoothly-table-demo-nested-no-cell", { key: '3944d3ffa104e64ea4cdd1367284b99abed485b7' }), h("smoothly-table-demo-filtered", { key: 'fac919f7e05b195d1962a30f9ab91d79bca8ea59' })));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/nested-no-cell/index.js

@@ -6,7 +6,7 @@ export class SmoothlyTableDemoNestedNoCell {
         this.loadedRows = [];
     }
     render() {
-        return (h(Host, { key: '2b49ba5c64f8ee0f2e761b0b24b3409eb1fd6c85' }, h("smoothly-display", { key: 'a45be2e6511d548a591d26f541b443f32a1270b2', type: "text", value: "Nested" }), h("smoothly-table", { key: '52c37cd04a3c4bb65c6b946ea573412a22e9c15b', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '3bc613c5e39bf6a422f86f387ebe92f04d077d0d' }, h("smoothly-table-row", { key: '169129220f57386847e64a7e09cd450ff2310e08' }, h("div", { key: 'b3923339af1b54b6bbb0c407772d1df35acb97ca', class: "smoothly-table-cell" }, "Id"), h("div", { key: '218053641cba4bb1116922464330c99e19354a11', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'b73bd55920129ac67a257d83d046bf5cb5c66946', class: "smoothly-table-cell" }, "Name"), h("div", { key: '9300614cf2b59d2df9c00fb7df26680833ec966d', class: "smoothly-table-cell" }, "Age"), h("div", { key: '15da0f9f20d7d294ebfefaddb9e921ceb1a325c4', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '9dda91c55abe2fb5516043eb9f39ecf177264656', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'f1c61e55f99bf830a656236b609342f03aa692c1', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'f5166351564bb510d89b3912bcd847b1617cff3c', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '9193c215a2713e1002692a5a1eb5bfc9193a755a' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
+        return (h(Host, { key: 'f743ad4fa932389aa757b64f1a93b0b912937201' }, h("smoothly-display", { key: '88117a8d3029fc651b84d3390200b4bb6af68acd', type: "text", value: "Nested" }), h("smoothly-table", { key: '6e84a37a5075f5735f253e52998f598a956c07b2', color: "primary", columns: 8 }, h("smoothly-table-head", { key: '997a5d34b1785be5d4af5b4d7336ee0ff6a0c4b4' }, h("smoothly-table-row", { key: 'c5923e1b47409ac8100f85bbc40f67f5ab586eb4' }, h("div", { key: 'fb8dbea658790f87ab9402c2ab3f1d98816dbf74', class: "smoothly-table-cell" }, "Id"), h("div", { key: '8fb3ad08539c5c141698e608e7ca34e7b45b8074', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '693a6a66de8852e0266d97f21cce13d473942880', class: "smoothly-table-cell" }, "Name"), h("div", { key: '0d409db45d430cbfa86bd1f174349fdf2f0b038c', class: "smoothly-table-cell" }, "Age"), h("div", { key: '35560abba4ed3b747a21d4a135e678f37f6f094d', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '629694055e6b74f28de6f92aec044f969f84ce2d', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '9979cc86e76a727bdf15712c592c1baf4aeaa749', class: "smoothly-table-cell" }, "Gender"), h("div", { key: 'eb0ed67fe639e9f1b87d3dcbf6c23b024e64f41a', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '32fdb5152c0e8288b747b1fa327522988077d990' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
                 if (event.detail) {
                     this.loadingIndex = index;
                     setTimeout(() => {
@@ -14,7 +14,7 @@ export class SmoothlyTableDemoNestedNoCell {
                         this.loadedRows = [...this.loadedRows, index];
                     }, 1500);
                 }
-            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'f255d860f1a5e09129cd21524e17c0eb3372d638' }, h("smoothly-table-row", { key: 'c1e18dd56eab880f0997a66fefa9208c7450420e' }, h("div", { key: '259aa04ba4efdeaf8c258e4acdf9e262144ded1e', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '4f2756250d1854d2199cbcbd3ad7f47931804c67', class: "smoothly-table-cell" }, "Footer Cell"))))));
+            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: '6c45f3549b093575f363508d297a85392626eb84' }, h("smoothly-table-row", { key: 'eca6e4ea41ca7f7f940c6e88e8d2f19c94ce2d6b' }, h("div", { key: '40be105579e27cd136d400322541986960661396', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: 'b58943f521a5830ce06a61451b44be65f1c3fa1f', class: "smoothly-table-cell" }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/nested-no-cell/inner/index.js

@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCellInner {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8d4782924f55278416d2e81e0a5eab463cf34108' }, h("smoothly-table", { key: '6ad741e6c1212979e1bd742206761aa0f0fee0ef', columns: 4 }, h("smoothly-table-head", { key: 'e5d83e5409c933b06406feefe12d16c195a7e46c' }, h("smoothly-table-row", { key: 'a20af51afac114f2e8d92f510923d0b8d495bbd5' }, h("div", { key: 'aab216b4743a63a968d179e6e7fc34898b5beb87', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'e41daaa65b7c6d6b08db6d4fd52d95522bb02177', class: "smoothly-table-cell" }, "Name"), h("div", { key: '7a0b17061fd0ada9b83737f165402e63f9f79c91', class: "smoothly-table-cell" }, "Age"), h("div", { key: '8d2e478af4b2f9514d2384dbe41c2e45398a7495', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'd83f0fc2917ff0b6978eaf94c0605cc2cb1796ce' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
+        return (h(Host, { key: 'd3f33f81e3c40187eced6eede95e296749d8b041' }, h("smoothly-table", { key: '3074b5ccf0f7e6e6a504d8e735553f78b18ee589', columns: 4 }, h("smoothly-table-head", { key: '70ed54a2a4df86190dfb050f98c480b4c5a2d4fa' }, h("smoothly-table-row", { key: '14dc1ab30c90f51017123f9d2356bbc077bc5144' }, h("div", { key: 'fac97d9b2ab873aa6377cac0df1798dca85edf51', class: "smoothly-table-cell" }, "Id"), h("div", { key: '8ca522ce7cf2637075b52c6cc3441b6813a9715b', class: "smoothly-table-cell" }, "Name"), h("div", { key: '6e0f6a09f713ce74d7e0a4ee520b9c1a430a25c5', class: "smoothly-table-cell" }, "Age"), h("div", { key: '24b6d9bd2dde8e6289119daf98b9872140dddcb5', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'cdace8f8d664190c450aa5233862797c65ca192e' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell-inner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/simple/simple.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoSimple {
     render() {
-        return (h(Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
+        return (h(Host, { key: 'c99855fc3fec0e6371646b9d80dc6eb2f760fb83' }, h("smoothly-display", { key: '22cdb066e81b4f540a4a24ea99873f07cfc170a9', type: "text", value: "Simple" }), h("smoothly-table", { key: '3c33a7953a3df9f56a2951f40c9b53cbbed6fc02', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'ab6150ee720f5c273e21753fed8d4751af7a5e0f' }, h("smoothly-table-row", { key: 'bfd605db0b18259502269fb51987d50f0c3d2d50' }, h("smoothly-table-cell", { key: 'e7dc419016eb52dff933d3a0c19cc4cb27fdee2e' }, "Breed"), h("smoothly-table-cell", { key: 'e48793414b8b297a1acbf90a6f330eb7eeec06df' }, "Coat"))), h("smoothly-table-body", { key: 'ef558b94597c6c877805915028f28d7a315767d6' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '5752d6771454b173b03ac739d3d128407a8c4c2b' }, h("smoothly-table-cell", { key: '106810827a56ef840877800ea0dba288b26d39f5' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '82f0d1747ce5e4bf301443d9f8a5a075db66680d' }, "Expandable Cell", h("div", { key: '181300e4babb084141eed0221307063f5a10f8ce', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce1c0e3e7e43c312909b8d0ab07a4602db8ffd9d' }, h("smoothly-table-expandable-cell", { key: '6ebeef928d144ceb0c1db7edafb31086c766541d' }, "Expandable Cell 1", h("div", { key: 'ae4d2e6fb56b8663bc2a5e3deaa25d3523f2f418', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '85dfa36b36937c1a536ab4a50bc211d78bd02982' }, "Expandable Cell 2", h("div", { key: '076bb7f5b32b66aa3fc5dfae5dfa0da0f95abc41', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: 'aea875642f14051e65608f9d35ee870665912324' }, h("smoothly-table-row", { key: '3cf05bce8534cb4928497bcf40fb305a5a2c7f22' }, h("smoothly-table-cell", { key: 'eaed1416729eaa03d199521e88ef118843f7d5ef' }, "Footer Cell"), h("smoothly-table-cell", { key: '9fd80d51685942d1718b023855546ffab5155020' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-simple"; }
     static get encapsulation() { return "scoped"; }

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

@@ -24,7 +24,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '0100a1598090f8d87de2f396b56f569c3d55ff87', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f8a2e8779f498db24e23b55c2cffca3a3e0673fd', class: "content" }, h("slot", { key: '3f49a4eb292da0ce4c52fbd9d80257ada7c6b65e' })), h("div", { key: '178426e2d1aa04ac0624dfc85405ece32a4a3ad9', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ab7285198401030dbea07283eaa883faba7ba148', name: "detail" }))));
+        return (h(Host, { key: '89f8c80be23c3ef25cf64626b530daf3ca71bc94', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'fc322d0c018c8ffb9cbbcc1a419fc167ec906d97', class: "content" }, h("slot", { key: '5d08869de737b9f2228644f4c83dc12d2ce865c3' })), h("div", { key: '5564060f598ab803621f47b844d40ee8f65c0407', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: '291b9e069dbb424241d03475d1ff5d32d8611265', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

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: '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" }))));
+        return (h(Host, { key: 'ae27b65b5ebf518c5afba7d78ec3b5be5d83c0e3', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'c884d562c7fc983afb22d72eb8558fb9e438a371' }), h("div", { key: 'bedb61aef7a4896998fe7407085640ca48e88cf0', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: 'f1d5a85b14fb7fe04cf86b4a90d3f90df314cfa5', 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: '9ec3d65557b5b0ddb207f897231503b9278660a3' }, h("smoothly-table-cell", { key: '3ba5e8f93592d008aa854448fd46eb2133ec80c5' }, h("slot", { key: '5d590507eda2c67d2fda1a815084b648bfa7ac27' }))));
+        return (h("smoothly-table-row", { key: '4167d8ee6c601f3021f9f16b60b6d9d94c0062f4' }, h("smoothly-table-cell", { key: 'c21663348f18589fde98a49b958c7dc806f41e79' }, h("slot", { key: '1d3b3bb97f5dee010137cc11fb7b649803f058e1' }))));
     }
     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: '1533d9a3447bbed2649a2b3fcd25980b95f2fe8c' }, h("slot", { key: 'e9787e2616189239982cac06331fb10a635fc511' })));
+        return (h(Host, { key: '1dd7289e3e76a48407ef11d6d3b92d429cedd64f' }, h("slot", { key: 'ee797c439d814b0a3493210f0cd0250a5ad8047e' })));
     }
     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: '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' }))));
+        return (h(Host, { key: '9e1c8fe977b3e266f23b85695dcb601057f91a33' }, h("div", { key: '5d6460af1040f83a587999fcceb98ef020e80484', onClick: () => this.clickHandler() }, h("div", { key: '8b550d4861e9ac49b43e7e5880bdbe434f3136c4' }, h("slot", { key: 'bbd98fb7c3fb439cf031ba9a3f312b7ca016e3af', name: "start" })), h("div", { key: '8788b7577b46595c33ace06ae055ca9102c29383' }, h("slot", { key: '69810f90d90c7c5ad7877a148437282fc1ce7c28', name: "end" }))), h("div", { key: 'f9c559b24a2313014fbe92c5326c58411f88a2df' }, h("slot", { key: '1ec4f51d93056da1a158d3b1dc8194cb70e0817e' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -39,10 +39,10 @@ export class SmoothlyTableHead {
         (_a = this.scrollParent) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", this.onScroll);
     }
     render() {
-        return (h(Host, { key: 'af0948178b8c6b2d2dce77f8a9ee7d00ccfbfe30', class: { scrolled: !!this.scrolled }, style: {
+        return (h(Host, { key: '1d7bcc6b6d956cffbce140b0e5a55b31204669b0', class: { scrolled: !!this.scrolled }, style: {
                 "--top": `calc(${this.depth} * var(--smoothly-table-cell-min-height))`,
                 "--z-index": `${10 - this.depth}`,
-            } }, h("slot", { key: '50e8a632a94c230ded1e47cfece114ef2c523ead' })));
+            } }, h("slot", { key: '7689c49aa7aa644d3a25832db59e7a18997b89d3' })));
     }
     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: '673f0457a2915a8bbc5ac662d905405df0f7a74a', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'ba193ea06a8a63c25948275d663d9838ff009268' })));
+        return (h(Host, { key: '676990cd922404cf48220687caf56f92a95bb7df', style: { "--columns": this.columns.toString() } }, h("slot", { key: '409adfae56be1870929358aa174eba150a25bfaa' })));
     }
     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: '4ed9e4fd09cc13d283d359f5a1f40ccae428aedd' }, h("slot", { key: '20be1367a71b4f91b1849e99bf1f1fc0eb40bfc5' })));
+        return (h(Host, { key: 'e979f7865c70c57cca20e92a2eeb885b645a9093' }, h("slot", { key: 'b9c3f0e6bcc0fef14222a91fffa36c25deabc442' })));
     }
     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: '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!"))));
+        return (h(Host, { key: '4fa694eb4fa716e06b64c8590e09958272a9ab25' }, h("div", { key: 'dcbce7da10a2e47bdb0bfa449c22c5f43c2431c9' }, h("smoothly-button", { key: '46be7da6001609bb1f7070b88c344ea69cdb5bda', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'd2c9b72129d4069bebb91c3552dee6764fbda733', tabs: "multiple" }, h("smoothly-tab", { key: '30f72a2d166f46df13acee919581123eb6e6d6f4', label: "Single Tab", open: true }, h("strong", { key: 'da0641f92f33685db45fd413f0271490baa2b8cf' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4887c46edd2596478647f994a5e39762646221a4' }, "tabs"), " to", " ", h("code", { key: '234714fd92f9af375786e7aa8f3b381ec071fbcc' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'bb95da6e696adf198f3553ed2bbac605cab78632', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '61bf6804a1755733bcb908596037876e04a07f66' }, h("smoothly-button", { key: 'da489111477ccd32ac5c37260cc07f8bcb752379', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3443afb10a2907b33d2aa6bb56ab694ada67f433' }, h("smoothly-tab", { key: 'b308816502269294dc3638858499759e23b9eea9', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: 'c411fde7f9b7b3aed669a087f3c5b8c1b9f9e170', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '2aefef461778c8833b12a10906013b8fee29b8a2', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '3eb43d060c244ca3fd0dc953a26d258935640d47', 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: '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' }))));
+        return (h(Host, { key: 'd31592213d31a468c740871ff51a025f5e9c6d98' }, h("div", { key: '6dfcc5a165ce0d6f8d6251cc324cd163c0c15701', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'a0cbd3f5444a949e127bb936be362bdb5f8e894d', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: 'a894422db97336761d42f956805bc8a75cbb2ae2', hidden: !this.open }, h("slot", { key: 'b994a23ff94bf9d16393fc77084825eafe8a32e6' }))));
     }
     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: 'f3eba30077b65211b490fe7ae2730e8882a0688b' }, 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: '77b0f0369453745d0d109f3a299d08d8e1ce8442' }, 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: '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")));
+        return (h(Host, { key: '7451ab5c93386dae72c86f7d74012a0c0f853da2' }, h("h2", { key: 'ef43661a77a8aca2044550cccf161b8307665b19' }, "Theme"), h("smoothly-theme-picker", { key: 'fec5857ab9ba1d857d803eb2de6ed59ffd3e6641' }, h("smoothly-item", { key: '5999484e94f4acf029c5bff3cc3851001b68cfa2', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'daf2f62d8a9d23fc172222c557edca4e5d5dc16d', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'aacf2b92a1b6147c05b4c9394dc0f1cb081a1ccf', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '906d35aa8f77f8af08b2b742040043681c66d594', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'ba1d6137500b6c8c14fa40093fb53e6667f2f112', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '2946f06b773ad0d62517a0078bb62e9c8ae4b2b6', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '18fdb462252e6d0d5b71aaed284c1e303523ec64', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '044079c3603138588ba75128a789b9086dac4fa3', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '511df7909fecb247be9571fdd84edcec0f9e91fc', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: 'fd42bb5ed9d5b937aaf0c5e9fa9f3a177f0f91c4' }, h("smoothly-theme-colors", { key: '8076c36fbb43026a70242f22646a8bdc78340b51' }), h("smoothly-theme-guide", { key: '5d1bcf290609a3d213776a93f754153beb9f39aa' })), h("smoothly-button", { key: '430a9deed5f6e238dffbc69fcbd14f6c34a42063', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '886537bfa3a99ca26b60ea29e42bf03e11efcab5', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '497f3ff4ce9715878f41467d8e8b85d48403b0cb', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'e361281cf646a1a3fc498bc5847baeabd82f755d', 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: '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' }),
+            h("smoothly-display", { key: '15730333273f2e99fe4598198998e19a2f8341ae' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: 'dff19e6b62d06a0d036809080efb127bdb12312c' }),
+            h("smoothly-display", { key: '26c3d46c2b9b1e0f57f0e740b59d48c2229e8d50' }, "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: 'a882aa9fcb3477ed458e42d2c1977bf25e9a7f83' }),
+            h("smoothly-display", { key: '667a4b26077d7f917d5885c689cac95004afff87' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: '802a92c194f58ebe7fea68927157d0170d525670' }),
+            h("smoothly-display", { key: '6ff8e909be0e78b5b5a36aed16f74ed06f284cb2' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: '16c0ca00335edef7973e6d62c895f9828bee059b' }),
         ];
     }
     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: '50e80ab0a90ab5d35393e9bbd9157d4b09ef71d9' }, h("smoothly-input-select", { key: 'fe365e40cca0a300dfaa75f141f21e96c1f974e2', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '7ddcbce1474a5de63437998dae9865a418fdd54b' }, h("smoothly-input-select", { key: '894edccf3a17c049543a40d3a2562d2ce36eeafb', 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: 'becbf4b105b039dd803633bb6608e849d0bbd80d', slot: "label" }, "Select theme"), h("slot", { key: '249a3b4dff0a4a364fb7aea5fbf7ae7b2ac45138' }))));
+            } }, h("label", { key: 'cb762c5912febad481e1b7199feb0a8fdeb922a2', slot: "label" }, "Select theme"), h("slot", { key: '2d09322657635a5a5ef723819ff21582058f5444' }))));
     }
     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: '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" })))));
+        return (h(Host, { key: '081710ee7a4488163d637ce06607ebda926150ad' }, h("h4", { key: '0b9b9f910a3cd4eda8ff3a175934dcec269b0eda' }, "Toggle switches"), h("div", { key: 'dd4b27ad7ce49b9d28346ff4e393518d1bd027b6' }, h("p", { key: '20eeca506883a89a459885f5ff6da2493f7e3d1c' }, "Checkmark"), h("span", { key: 'ca7940d6b1396189e862f1768ee94f6e25004ba6' }, h("p", { key: '9f92afa1d9abb7d5eda9ce8453131616ca425ded' }, "Tiny"), h("smoothly-toggle-switch", { key: '68d2bff4575f62aabcc43752c4634ad3687c2eb5', disabled: false, size: "tiny" })), h("span", { key: '5b7fc72d7955176983161136cfe410bf0c0c0a57' }, h("p", { key: '3572d4b016da518cd243e785eeacaa960b50aa84' }, "Small"), h("smoothly-toggle-switch", { key: 'b0966253bed174b881a15a87aaa25042d905e247', disabled: false, size: "small" })), h("span", { key: '744e286ca1a7f18c2032befda541cc22abfb2c52' }, h("p", { key: '41b5705cf226d1cab3386146e1fe7ac82c7112e0' }, "Standard"), h("smoothly-toggle-switch", { key: '38bc5b03c250a349cde14776151275ac44e28cb0', disabled: false })), h("span", { key: '22d6650f34b946d51ce6df9371203d47860880b1' }, h("p", { key: 'fa78709dad96ff0dc950932c5c7c17d58e7a28e3' }, "Large"), h("smoothly-toggle-switch", { key: 'a23ecdffe4194cc3d8df12e3763a9ea1af41977b', disabled: false, size: "large" })), h("p", { key: 'b3b1e5b579062116a5efab127f1a017cbb32ae32' }, "Colors checkmark"), h("span", { key: '5a99cd90f02fa3dbe497760609c55fe2c83e378c' }, h("p", { key: '141e60d586a243e4561470452b580272487e984e' }, "Danger"), h("smoothly-toggle-switch", { key: '7355fddbba6de97931567ccd7c43b93bc44bd329', color: "danger", disabled: false, size: "small" })), h("span", { key: 'a021509a96580d9bd5aa73d2bc9f104fbc20f69e' }, h("p", { key: 'b3fd8e8b13de232b844b4b187bcef8ef8d8dd997' }, "Primary color"), h("smoothly-toggle-switch", { key: 'de48b365bde5442544b5c9f270171956821e9806', color: "primary", disabled: false, size: "small" })), h("span", { key: '73c740a72ca0786dbb0c2777be96524c31041613' }, h("p", { key: 'd3fa835560d58008ef33dcfe78306f54efdd9745' }, "Secondary color"), h("smoothly-toggle-switch", { key: '1f0d500ddf337299da5ad273cefdf524a6410597', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'b1f2065b0574136d179cefcfbf8bda7b1720cc90' }), h("p", { key: '06c52b61ed75bfdb4550f97619ba64216dc94f13' }, "Colors no checkmark"), h("span", { key: '65b5a51acd71542c50a260da8fd6de991744aefd' }, h("p", { key: 'ef932a4bea0bfc60b145535811249ddc474cdc8a' }, "Danger"), h("smoothly-toggle-switch", { key: '04d0cc2253b919ba04dd89b8576da6303d4e3a43', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'f46b836cb8353d96bf813511c9c704ec0f545e06' }, h("p", { key: '9531a41644f31dbe0e290be1a891994513ae9ab3' }, "Primary color"), h("smoothly-toggle-switch", { key: 'a4eb6b2916df4120ab5c800c7f4f57e1d62db3d3', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'bd3ec6352b828163c1cb66cfcbc4ff17c665c2d6' }, h("p", { key: '7697996e770f2a6a31e222353e138da63316a6c9' }, "Secondary color"), h("smoothly-toggle-switch", { key: '84ea0d529193dbfeaecf1ff64f3d45104dc00421', 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: '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 } }))));
+        return (h(Host, { key: 'da31f221ad5671ab250527ecc8413c619298c62a' }, h("button", { key: '458de6af965fdbec9893a43c083149209bd64f10', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'af45d7b8218ec8bb5ac5a11966b0914831dd7740', 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: 'e6ce4681d3411c81399fddbd2a0e515ccc3688c9', disabled: this.disabled, name: this.name }, h("slot", { key: '1b1617f28075c5327177d37d94c7e54b21dc7ded' })));
+                result = (h("button", { key: '114ccdb43cbeb09b7ac1489f345571f5573d0ebb', disabled: this.disabled, name: this.name }, h("slot", { key: '848fdeefab09de333ba365a8bd4d562898447c9c' })));
                 break;
         }
         return result;

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

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '1bac32ab257e38ccaeebbcdc4660b5d8a9b4cf3a' });
+        return h("slot", { key: 'e687e358fc04a536b67e4b93d9d0245edc087457' });
     }
     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: '29194214d33f2c877c1bd5b6d5bbf3df2671560a' });
+        return h("slot", { key: '3495db88850ca1f8d0dba3d455f22830a0a24c83' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-2d754996.js → p-018f3b07.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { E as Editable } from './p-ddd5bc95.js';
-import { I as Input } from './p-19d93e64.js';
+import { I as Input } from './p-c9caeeb4.js';
 import { d as defineCustomElement$2 } from './p-76531b32.js';
 import { d as defineCustomElement$1 } from './p-604f869e.js';
 
@@ -124,7 +124,7 @@ const SmoothlyInputFile = proxyCustomElement(class SmoothlyInputFile extends H {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '23b78025aa87033e4d55e1a3075fbf54f7f17911', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'c351bd728e22f7735cc40c383370aa34767608e2' }, h("slot", { key: '18424e4ccfb9ddfe1535f65828fde006a00cca23', name: "label" })), h("div", { key: 'b7dc0bb86062b950d8eced795aaee41254ab33f5', class: "input" }, h("smoothly-button", { key: '29aca13db6b86cf9cc52069ba63e460dc474d937', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '15e1c28e93edeae1676734d939a209fb14022d83', name: "button" })), h("span", { key: '67b391a462c61f3d7f27b42b5af01bc6e9ec646c' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '6dfcfce7fda9969f1b17c5af1fab7a34303cc314', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: '2c2aaa95ef454ea0f49474f84d7dbde3162e7102', name: "document-attach-outline" })), h("input", { key: 'ce82c258c22617d2daed517b710de1585799399e', ref: element => (this.input = element), type: "file", disabled: this.disabled, capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("span", { key: 'bf34d806278cb594b720619b650f7510e7a6eaf4', onClick: (e) => e.stopPropagation() }, h("slot", { key: 'b08506d4c99d5cc988a4402f43edc4dad7ead875', name: "end" }))));
+        return (h(Host, { key: 'f4df7ddb44c408650f4b204f6e82ae75a801d126', class: { dragging: this.dragging, "has-value": !!this.value }, tabindex: this.disabled ? undefined : 0, onClick: (e) => this.clickHandler(e), onDragOver: (e) => this.dragOverHandler(e), onDragEnter: (e) => this.dragEnterHandler(e) }, h("label", { key: 'c5ee90970f4e3354d561f8cbde49f116f0d641a3' }, h("slot", { key: '54c60e9d796be6153f7afcfa7f959558e12241f0', name: "label" })), h("div", { key: '669a4853db689f4b9cb14c6123baf8586dca6230', class: "input" }, h("smoothly-button", { key: 'bcfdb6eae7a7ba03a911651f1d0af9bb1ed6b407', disabled: this.disabled, type: "button", color: this.color, fill: "clear", size: "flexible" }, h("slot", { key: '7855f3bbd0b7f3bb5f4ba2345143dc17779a8502', name: "button" })), h("span", { key: '017b26231a838eb4d8dcda32e8e3363af6511113' }, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.placeholder), h("div", { key: '5354848242f9a021ef51a94f7db6dc7e1caa35fe', class: "drag-overlay", onDrop: e => this.dropHandler(e), onDragLeave: e => this.dragLeaveHandler(e) }, h("smoothly-icon", { key: 'ab8b59f29dc1377f4e3b507e99e291333f332a86', name: "document-attach-outline" })), h("input", { key: '379b0c489e893122c68cf4a9c796b172b656763d', ref: element => (this.input = element), type: "file", disabled: this.disabled, capture: this.camera == "back" ? "environment" : "user", accept: (_c = this.accept) !== null && _c !== void 0 ? _c : (!this.camera ? undefined : "image/jpeg"), files: this.files, onInput: e => this.inputHandler(e) })), h("span", { key: '1bc9a2d979e0975dd01cd320acb5dc34b2029472', onClick: (e) => e.stopPropagation() }, h("slot", { key: '98aa0198ff2cd3b3d522e1350516fec31f6788fe', name: "end" }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -184,4 +184,4 @@ defineCustomElement();
 
 export { SmoothlyInputFile as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2d754996.js.map
+//# sourceMappingURL=p-018f3b07.js.map

package/dist/components/{p-2d754996.js.map → p-018f3b07.js.map}

@@ -1 +1 @@
-{"file":"p-2d754996.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<File | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-018f3b07.js","mappings":"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","names":[],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<File | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-5d4481e5.js → p-08527022.js}

@@ -11,7 +11,7 @@ const SmoothlyTableCell = proxyCustomElement(class SmoothlyTableCell extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '30943ec45f6e73df71d5ad72bbad350e4f076f34', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '4af540a7486d8616d427159feaa6200c91000e05' })));
+        return (h(Host, { key: 'b349520506057a78b00279d9a7f38473a94a978a', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '960a4a8e7dccab667961506a2f9369a4e0bc470c' })));
     }
     static get style() { return SmoothlyTableCellStyle0; }
 }, [6, "smoothly-table-cell", {
@@ -34,4 +34,4 @@ defineCustomElement();
 
 export { SmoothlyTableCell as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-5d4481e5.js.map
+//# sourceMappingURL=p-08527022.js.map

package/dist/components/{p-5d4481e5.js.map → p-08527022.js.map}

@@ -1 +1 @@
-{"file":"p-5d4481e5.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,8PAA8P,CAAC;AAChR,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACjG,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"smoothly-table-cell\" style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-08527022.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,8PAA8P,CAAC;AAChR,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACjG,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline: var(--smoothly-table-cell-padding-inline, 1.1rem);\n\tmin-height: var(--smoothly-table-cell-min-height, 2.75rem);\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"smoothly-table-cell\" style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f55ddc88.js → p-08a3d487.js}

@@ -4,36 +4,36 @@ import { d as defineCustomElement$y } from './p-4e754f3b.js';
 import { d as defineCustomElement$x } from './p-f893b6cc.js';
 import { d as defineCustomElement$w } from './p-ccbdacc9.js';
 import { d as defineCustomElement$v } from './p-3aed2b34.js';
-import { d as defineCustomElement$u } from './p-50304fc1.js';
-import { d as defineCustomElement$t } from './p-7550fc08.js';
-import { d as defineCustomElement$s } from './p-5bc54b34.js';
-import { d as defineCustomElement$r } from './p-064f3907.js';
+import { d as defineCustomElement$u } from './p-2974c59f.js';
+import { d as defineCustomElement$t } from './p-c669761d.js';
+import { d as defineCustomElement$s } from './p-50d6a16d.js';
+import { d as defineCustomElement$r } from './p-f5bbd838.js';
 import { d as defineCustomElement$q } from './p-be9012d1.js';
-import { d as defineCustomElement$p } from './p-19d93e64.js';
+import { d as defineCustomElement$p } from './p-c9caeeb4.js';
 import { d as defineCustomElement$o } from './p-604f869e.js';
-import { d as defineCustomElement$n } from './p-e48ad105.js';
-import { d as defineCustomElement$m } from './p-4441247b.js';
-import { d as defineCustomElement$l } from './p-1e46b981.js';
-import { d as defineCustomElement$k } from './p-7a9728b2.js';
-import { d as defineCustomElement$j } from './p-37732412.js';
-import { d as defineCustomElement$i } from './p-3a1a67e7.js';
-import { d as defineCustomElement$h } from './p-346ba422.js';
-import { d as defineCustomElement$g } from './p-35bfb804.js';
-import { d as defineCustomElement$f } from './p-5d4481e5.js';
-import { d as defineCustomElement$e } from './p-f2f0d309.js';
-import { d as defineCustomElement$d } from './p-658906f0.js';
-import { d as defineCustomElement$c } from './p-a3c25ce5.js';
-import { d as defineCustomElement$b } from './p-c2fb9b51.js';
-import { d as defineCustomElement$a } from './p-e04a506b.js';
-import { d as defineCustomElement$9 } from './p-31603adf.js';
-import { d as defineCustomElement$8 } from './p-4d3d5d0b.js';
-import { d as defineCustomElement$7 } from './p-40d2000b.js';
-import { d as defineCustomElement$6 } from './p-2779565d.js';
-import { d as defineCustomElement$5 } from './p-6008d530.js';
-import { d as defineCustomElement$4 } from './p-76cc6651.js';
-import { d as defineCustomElement$3 } from './p-4051f859.js';
-import { d as defineCustomElement$2 } from './p-3fa2299b.js';
-import { d as defineCustomElement$1 } from './p-a2a5e7f4.js';
+import { d as defineCustomElement$n } from './p-75916f5e.js';
+import { d as defineCustomElement$m } from './p-efb6497e.js';
+import { d as defineCustomElement$l } from './p-33c30e05.js';
+import { d as defineCustomElement$k } from './p-239cce56.js';
+import { d as defineCustomElement$j } from './p-70b61978.js';
+import { d as defineCustomElement$i } from './p-723edf05.js';
+import { d as defineCustomElement$h } from './p-5c9332bf.js';
+import { d as defineCustomElement$g } from './p-3f2e92e9.js';
+import { d as defineCustomElement$f } from './p-08527022.js';
+import { d as defineCustomElement$e } from './p-2d648420.js';
+import { d as defineCustomElement$d } from './p-44a8837c.js';
+import { d as defineCustomElement$c } from './p-4e8a6a86.js';
+import { d as defineCustomElement$b } from './p-52626573.js';
+import { d as defineCustomElement$a } from './p-adb5afee.js';
+import { d as defineCustomElement$9 } from './p-527dedc1.js';
+import { d as defineCustomElement$8 } from './p-237af64d.js';
+import { d as defineCustomElement$7 } from './p-85ed9f7d.js';
+import { d as defineCustomElement$6 } from './p-b80060f3.js';
+import { d as defineCustomElement$5 } from './p-ea295759.js';
+import { d as defineCustomElement$4 } from './p-6ea452d9.js';
+import { d as defineCustomElement$3 } from './p-234932d2.js';
+import { d as defineCustomElement$2 } from './p-c37e4491.js';
+import { d as defineCustomElement$1 } from './p-4cb94746.js';
 
 const styleCss = ".sc-smoothly-table-demo-h{display:grid;gap:5rem;box-sizing:border-box;max-width:80rem;width:100%;margin:auto;padding:2rem}";
 const SmoothlyTableDemoStyle0 = styleCss;
@@ -44,7 +44,7 @@ const SmoothlyTableDemo = proxyCustomElement(class SmoothlyTableDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '8eabe0e1a24f6eda7d635d2e6eb903a8b8ee85e9' }, h("smoothly-table-demo-filler-row", { key: '0ec866bffd21054185f0263d8c6f649ed8f36c3d' }), h("smoothly-table-demo-group", { key: '3284f7389ca9e6f48290fe5f04a35b715413decd' }), h("smoothly-table-demo-colspan", { key: '64693071c8159e759139d04e0d9a230d6906875a' }), h("smoothly-table-demo-simple", { key: '91d2a8bbfc44ce70bc18dc59e783b2a94d44f178' }), h("smoothly-table-demo-nested-no-cell", { key: '78dbb1c806ef92a2f56bf0bcb25a4f7c4a3bb92a' }), h("smoothly-table-demo-filtered", { key: '0843f821f0a8674b8fc55aa76c7afff2b00c9f15' })));
+        return (h(Host, { key: '4233a67a671728bcb825e9c39bf585ad9c14809d' }, h("smoothly-table-demo-filler-row", { key: 'a4b1151ef192f0d6eb86f51b9e5ee1ccfee3ef7b' }), h("smoothly-table-demo-group", { key: '9ae859258f3011661eafd08815d62beb6c2d7a71' }), h("smoothly-table-demo-colspan", { key: '97f708df9eed1c196de23c8bee7f5ba20af45a0c' }), h("smoothly-table-demo-simple", { key: '79d2512389d22929913c5e568b89abd429e26e44' }), h("smoothly-table-demo-nested-no-cell", { key: '3944d3ffa104e64ea4cdd1367284b99abed485b7' }), h("smoothly-table-demo-filtered", { key: 'fac919f7e05b195d1962a30f9ab91d79bca8ea59' })));
     }
     static get style() { return SmoothlyTableDemoStyle0; }
 }, [2, "smoothly-table-demo"]);
@@ -240,4 +240,4 @@ defineCustomElement();
 
 export { SmoothlyTableDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-f55ddc88.js.map
+//# sourceMappingURL=p-08a3d487.js.map

package/dist/components/{p-f55ddc88.js.map → p-08a3d487.js.map}

@@ -1 +1 @@
-{"file":"p-f55ddc88.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,4HAA4H,CAAC;AAC9I,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wFAAkC,EAClC,mFAA6B,EAC7B,qFAA+B,EAC/B,oFAA8B,EAC9B,4FAAsC,EACtC,sFAAgC,CAC1B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table-demo-filler-row />\n\t\t\t\t<smoothly-table-demo-group />\n\t\t\t\t<smoothly-table-demo-colspan />\n\t\t\t\t<smoothly-table-demo-simple />\n\t\t\t\t<smoothly-table-demo-nested-no-cell />\n\t\t\t\t<smoothly-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-08a3d487.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,4HAA4H,CAAC;AAC9I,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wFAAkC,EAClC,mFAA6B,EAC7B,qFAA+B,EAC/B,oFAA8B,EAC9B,4FAAsC,EACtC,sFAAgC,CAC1B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table-demo-filler-row />\n\t\t\t\t<smoothly-table-demo-group />\n\t\t\t\t<smoothly-table-demo-colspan />\n\t\t\t\t<smoothly-table-demo-simple />\n\t\t\t\t<smoothly-table-demo-nested-no-cell />\n\t\t\t\t<smoothly-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}