npm - smoothly - Versions diffs - 1.121.0 → 1.123.0 - Mend

smoothly 1.121.0 → 1.123.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 (366) hide show

package/dist/collection/components/modal/index.js CHANGED Viewed

@@ -15,9 +15,9 @@ export class SmoothlyModal {
         this.open = true;
     }
     render() {
-        return (h(Host, { key: '3115f076e4b06f293e88000e64a86d1095784bbb', role: "alertdialog", onClick: (e) => {
+        return (h(Host, { key: '2d4d99ee6e4abfb35ac797df0b23a5021e7f005d', role: "alertdialog", onClick: (e) => {
                 this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
-            } }, h("div", { key: 'd97da55c896003fe24013eb0ccea37406f547814', class: "modal" }, h("div", { key: '098a855a30eb75daf69c490f1ca5949c82cc8880', class: "header" }, h("slot", { key: 'b998fe6685ecfd420f4180ebcc3d0ba7431fbeb8', name: "header" }), this.closable && h("smoothly-icon", { key: '970706e6e4260c1823e83349b4dfd385512fb45b', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: 'e5a3a23588ee6e93199a218a2bbbbb230a36f8c0' }), h("div", { key: '4eea7bf04fc3235862c556285bcf3a47dcb55a65', class: "actions" }, h("slot", { key: 'd53ca115e72b1d8cf109739bbec38c64114540a7', name: "actions" })))));
+            } }, h("div", { key: '3bf2318cf763ecd5374fcc2038b9eed817348783', class: "modal" }, h("div", { key: '111d3c15f0b59d840936dad804c5802447584c5b', class: "header" }, h("slot", { key: '806558a7918a07f205d40cb47d50d5204c7de251', name: "header" }), this.closable && h("smoothly-icon", { key: 'd5f7711fe4b558018bc69ceb49d909b4f9f52b1b', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '2e3e96839359404f885e8003a6541e1b012dd6ea' }), h("div", { key: '6afa87e4c5f621a1f71de288b0a8b73fb07db73c', class: "actions" }, h("slot", { key: '7a38d753f855f76da81b97e88aa08300056947e6', name: "actions" })))));
     }
     static get is() { return "smoothly-modal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notification/index.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class Notification {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '956faa02fe9f3afa9b7e337bdef11a4c32784d22', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '3bb82140212380cabb45c3577e4568e9203b6556', fill: "clear", name: "close" }, h("smoothly-icon", { key: '1a652894e5ff74a73c4679db9ee89a711f40cc4f', name: "close-circle-outline" }))), h("span", { key: 'ebc7533fbe05e4028936505acd7d9a2eadfc2001', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '1bfa56aff982ae6011c066b4e2e74656f5a07ed6', name: this.properties[1] }), h("p", { key: '7b1755d6a7d65939404a3d2c7f72e4f0f5f21201' }, this.notice.message))));
+        return (h(Host, { key: 'e2385684cbe97b13c8015dd0a991bb202ca2683c', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'fff9263c900dd2e8b572288371994572ec12229b', fill: "clear", name: "close" }, h("smoothly-icon", { key: '2d090ca0063ea0c8decbfaea13fb4839cc790ddf', name: "close-circle-outline" }))), h("span", { key: '3b0c67031c982f1bfa3d34a42c674e9eb3500fe2', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'f8e0c9c2174f56662f44a04b5d83c7b59d5000fc', name: this.properties[1] }), h("p", { key: '4d7abf1d375b3b81e0af90ac5fe9dc72d234f770' }, this.notice.message))));
     }
     static get is() { return "smoothly-notification"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notifier/demo/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyNotifierDemo {
         return () => new Promise(resolve => window.setTimeout(() => resolve(succeed ? [true, "Task completed."] : [false, "Task failed."]), ms));
     }
     render() {
-        return (h("main", { key: '146ef695280d078bf7bf8f4904aa602cbd5ec572' }, h("fieldset", { key: '5da1bd70292622a4c6eb817895a1ce9bfd64fc6b' }, h("h2", { key: 'b602c1520b2fe55565972682bb1c50b9066d1398' }, "Immediate"), h("p", { key: '4d28ffa7c0cc9d44f4d1262043576cfdd9ef8c6c' }, "Fires right away and closes after the default 15 seconds."), h("smoothly-button", { key: '071c91c26d9c3e1b8b2f6703faa39406deca9819', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Payment processed successfully.")) }, "Success"), h("smoothly-button", { key: 'c354273b9af901839a92f85cae02d903694d861a', color: "danger", fill: "solid", onClick: () => this.notice.emit(Notice.failed("Payment could not be processed.")) }, "Failed"), h("smoothly-button", { key: 'fc817f6b4f8324d237fc390581416cf568c783b3', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Balance is running low.")) }, "Warning")), h("fieldset", { key: '8b3da9c5028b2a579d492a26475ca76bbc4c652f' }, h("h2", { key: '9c870f38c9355783cbc36975900e0490a8455505' }, "Task"), h("p", { key: 'cbfa853c985a0f5e3d9af217d874f4889e46cffc' }, "Shows an executing spinner while the task runs, then transitions to success or failure."), h("smoothly-button", { key: '22279e8c6ce0b08259b01daad95f023cf762ccaf', color: "success", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(true))) }, "Execute (succeeds after 2s)"), h("smoothly-button", { key: '8caa0313dfe4a0f05a67ec9d4e650a6886f102a0', color: "danger", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(false))) }, "Execute (fails after 2s)"), h("smoothly-button", { key: 'bd8946a1f33c9d890cb367865b41447ad9d58004', color: "medium", fill: "solid", onClick: () => this.notice.emit(Notice.delay("Payment scheduled…", this.task(true))) }, "Delay (waits 5s, then executes)")), h("fieldset", { key: '40682996c0a8a1fdb1dd71d347892fe8bf7f2543' }, h("h2", { key: 'a26ec98a143c642c2f9a3e718e3277a982079a90' }, "Custom lifetime"), h("p", { key: '3b3e49441c2a65d532cf0a5fc55d4b53f3275470' }, "Controls how long the notice stays visible after resolving."), h("smoothly-button", { key: '65d58658c46948a83943eb463a9a2c57b92be03d', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Gone in 3 seconds.", 3000)) }, "Success (3s)"), h("smoothly-button", { key: 'fb9442e7af99347f04e6cd9404674f48810adbe8', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Sticks around for 30 seconds.", 30000)) }, "Warning (30s)"))));
+        return (h("main", { key: '89bcaad40b076b4a8c1cfe2c216d2b20527f393a' }, h("fieldset", { key: '73bab8643afbb9ef097a9ccc5a792898ebdce19d' }, h("h2", { key: '6849f90ff51a964722cc4feedd848cfa12e7c65e' }, "Immediate"), h("p", { key: 'eb8f61c5e649843efe412a34741a98de1c0e64e3' }, "Fires right away and closes after the default 15 seconds."), h("smoothly-button", { key: '538cb741614f0ab44ece81b12398ef68c3710b17', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Payment processed successfully.")) }, "Success"), h("smoothly-button", { key: 'eebe0c36038ab1a5ce7637ceda4a25526e735043', color: "danger", fill: "solid", onClick: () => this.notice.emit(Notice.failed("Payment could not be processed.")) }, "Failed"), h("smoothly-button", { key: '7df609d43e4ef4bee60506555155c1e41e4b847a', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Balance is running low.")) }, "Warning")), h("fieldset", { key: '280afc55d056e96ab0ed3bfc8cba5646aefdd3ee' }, h("h2", { key: 'f51f8d45dd8d4f3a8798b79f9b30d1576ad80da4' }, "Task"), h("p", { key: 'c0158f4afc81179bc0ea8b4bb3df8e14d9f4435a' }, "Shows an executing spinner while the task runs, then transitions to success or failure."), h("smoothly-button", { key: '4cc217d8c98ed6905217332c985b7350089c0bef', color: "success", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(true))) }, "Execute (succeeds after 2s)"), h("smoothly-button", { key: 'e9f7ce24d96a4780a3bcf551ae00787c18bc473e', color: "danger", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(false))) }, "Execute (fails after 2s)"), h("smoothly-button", { key: 'e2a25f963bc54afd22aff374d921d63387484285', color: "medium", fill: "solid", onClick: () => this.notice.emit(Notice.delay("Payment scheduled…", this.task(true))) }, "Delay (waits 5s, then executes)")), h("fieldset", { key: '2d818587234f716e6c8faa27f48dd4af276efb42' }, h("h2", { key: '4c959f5b6c8cc5ff7a9d387ee69258851d6b527a' }, "Custom lifetime"), h("p", { key: '1cc81b1b109dde48d2249b55bcc6e10ad3563805' }, "Controls how long the notice stays visible after resolving."), h("smoothly-button", { key: '3ddc8d92b022fe9036a24f22e98afb189df18eb4', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Gone in 3 seconds.", 3000)) }, "Success (3s)"), h("smoothly-button", { key: '4fed4a77c132e2288df49d0ef7d9d2c7a05dc197', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Sticks around for 30 seconds.", 30000)) }, "Warning (30s)"))));
     }
     static get is() { return "smoothly-notifier-demo"; }
     static get events() {

package/dist/collection/components/notifier/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class Notifier {
         this.notices = [...this.notices.filter(n => n != event.detail)];
     }
     render() {
-        return (h(Host, { key: '4eab0b03bcd2b49a1fed8c6de67ecfcd045673bf' }, h("slot", { key: '65ba8affecf54b00f39b5ceec891a04d390b9312' }), h("div", { key: 'f1caed9cedb41c1922f3f694347871e4465b043f', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: 'cedcdf563610fc4108e41f179352239a8f8707b4' }, h("slot", { key: '21fd4ba39cfa657c771723be6bfdd258b72c205b' }), h("div", { key: 'cf6f577a4a2e78c1358d40fb4e4bc50d832670c8', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
     }
     static get is() { return "smoothly-notifier"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/spinner/index.js CHANGED Viewed

@@ -5,9 +5,9 @@ export class SmoothlySpinner {
     }
     render() {
         const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
-        return (h(Host, { key: '48a168ea0d5598ec2266057893db21f7a22a3b2f', style: {
+        return (h(Host, { key: 'dda320c04e0b5f513b01e4ef44a4d9008c0b8fe4', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: '1fb3b47404feb63c361efc84957c422f9b28dd11', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '4f04487db147ae2f9cb468e952fa18912c8315c5', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: '2edf8c5b50ee649ab78744b1d495af848bc43b10', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '443e16c5103e59c4089f8e41e8755653d1c8b5ec', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
     }
     static get is() { return "smoothly-spinner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/submit/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: '1bf07e4fa1cb07457467d9a1ff354a789d198351', disabled: this.disabled, type: this.type }, h("slot", { key: 'cfa1b6e14321cb83f410d2e897160fc9dfe029f0' })));
+        return (h(Button, { key: '1d6d731855d4808f3a9f8af883d610db1d42632a', disabled: this.disabled, type: this.type }, h("slot", { key: 'ba3bd494d44ab7329ff1546a69988b91f20863b5' })));
     }
     static get is() { return "smoothly-submit"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/summary/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class SmoothlySummary {
         }
     }
     render() {
-        return (h("details", { key: '1a7f9409224434bde63b1ae60c65eb0c805b5de0', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '8eea074a35ab7f7cde8710164b6c6215a041d2c1' }, h("smoothly-icon", { key: '2446788e5744b49bae80aa43ab63f6a857ab1f04', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '87b1d6b1e2e11518bad2f891be6c8c7f64927c11', name: "summary" })), h("slot", { key: 'cf188e8cdf176c258d5955a7ff1f9e4ef8822332', name: "content" })));
+        return (h("details", { key: '288fb538d03bbfd1a71b2943b291093219ae2dec', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '50421f335a303578bbb761b59cff85c952bd51ed' }, h("smoothly-icon", { key: '988c093ab1e4fcd4af0e755827091cc85e6d5087', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: 'a3bf5f55b4f950ef6e6b97a008fe1b99effbe498', name: "summary" })), h("slot", { key: '8d80364b8acfb634e7e687b972e339cd2141526e', name: "content" })));
     }
     static get is() { return "smoothly-summary"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/body/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableBody {
     render() {
-        return (h(Host, { key: 'b3bb5a5626087fbae34f99cdab7ca7ff9f783b5f' }, h("slot", { key: 'b8020b8b324fccfd9749664f8ce991b2212b8a5e' })));
+        return (h(Host, { key: 'ce870c3cb75e3021ae6df094be0beb4e15a4fa96' }, h("slot", { key: 'c10f9e14bd9f2737ec480b1fe54bbf20f43d76a0' })));
     }
     static get is() { return "smoothly-table-body"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/cell/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyTableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '891d8de013f8deeb367d60f5d2edd13da377b613', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'b776897f5657b4766dc21dcae5a6b676b4a38493' })));
+        return (h(Host, { key: 'ca07767049aaf36422712f91d7b6fb5c3969ad97', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'bf432616f663835262a56fe03edd8e0798f5bcd0' })));
     }
     static get is() { return "smoothly-table-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/colspan/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoColspan {
     render() {
-        return (h(Host, { key: '4a92e415a226d4ebab31782cc871f6d11cdefdde' }, h("smoothly-table", { key: 'e414d700eb6cf3776f9fc9e86e2d67f501a71a15', columns: 3 }, h("smoothly-table-head", { key: '1cce9f1369a01fc233b80d1afa3d4a1b2f5d923d' }, h("smoothly-table-row", { key: '36e6474a6215eb5687ba9465c3c7877a7bff743a' }, h("smoothly-table-cell", { key: 'cfa2d4e243716d5f3fecded39d79bf3544a97905' }, "Date"), h("smoothly-table-cell", { key: 'c43fdf05f18bcb9c4846c5a845e16073ba32236c' }, "Skip"), h("smoothly-table-cell", { key: '620b37da396df4a5603fb5d55ba2b813c29526d0' }, "Total"))), h("smoothly-table-body", { key: 'aa63908d28d5bfb34c5b993902e8e0f99ea9ceb6' }, h("smoothly-table-row", { key: '0bdf0fc5da6579b5982bc5cf0c54cd32e6f21ec5' }, h("smoothly-table-cell", { key: '89a6978ec56e6fd376a91fa6e58a1db321d26cea', span: 2 }, h("smoothly-display", { key: '425d36ae8667386e31d6b12e6ebdd8c9c944ce66', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '4349637266fbcfa739aa4e14d6ade43aa4698536' }, h("smoothly-display", { key: 'c10d1f4a35422b603b5267d588def34e1d559641', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '17786deabad8d2a2f94eecd504c411d81253e7ff' }, h("smoothly-table-expandable-cell", { key: '369b069e39d14c08067549c52e10ebc9e0431017', span: 2 }, h("smoothly-display", { key: '93c961cb863e773e9a388fb0a1409229170efd11', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '50925a7d20eba6489894db04ac0d5a33ae79c2cd', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'd8ddb511da5dd1db25dacf6d6e2db86ab18f537a' }, h("smoothly-display", { key: '424ab8257361fb07d36a2315ee9f2f026e0231cc', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'b31ab7ce96a94604ef3eab1c993b500ae66cb568', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: 'a62e60f23acdf0868205a383ef8acb4eb93195c2' }, h("smoothly-table-cell", { key: 'fe4d044b2e908ecff06ef8d1674773cff69ed793' }, h("smoothly-display", { key: '0e30d7ae0b6b47dabf0da4c54100a5fca974b9fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '6b2643ea2eff46c72aa670846f5b093370a97557' }, "Not Skipped"), h("smoothly-table-cell", { key: '2ac9fe5d54115d68704871af45d61dd9fb457036' }, h("smoothly-display", { key: 'e1c21920c896ffa73155d69f3a4afa4146db587d', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '5bb9813d47d1db3bc22220f37684497c4ca8f2bd' }, h("smoothly-table", { key: '6f7b0f991acf1b7f5acf0fb65b5c819ed013cf3d', columns: 3 }, h("smoothly-table-head", { key: 'edc99ec7f702e6fe8dd756ed69e565a95dcd472b' }, h("smoothly-table-row", { key: '47b2b2fe6cb7f51b442f4c81e9126202b1c7c8c3' }, h("smoothly-table-cell", { key: '55f3222178c889b5973f667219da7ae264888015' }, "Date"), h("smoothly-table-cell", { key: 'b66af5e27fadc4c433d1e770fa42595dad35c91c' }, "Skip"), h("smoothly-table-cell", { key: '945ac4f2179e932a19e4af3c5984b438cdf66aaf' }, "Total"))), h("smoothly-table-body", { key: '7a78a928b7698a3d4dbb8cc110cba6e092f9d0e1' }, h("smoothly-table-row", { key: '2366aafaabb790d4e4f623d3223def5a5157b80b' }, h("smoothly-table-cell", { key: '388661156ce57cceeca8dba5cf949c167243664f', span: 2 }, h("smoothly-display", { key: 'dc4994f0086d6f95fcf3610caef8c33994285700', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '34a6c4374ff76e6bfea930b6df6efab6555bf527' }, h("smoothly-display", { key: 'f077e002fc6e67894af561548a1b640b293efdbe', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'd80a66ab18c26be3cb098c15f8516bd7b7f4f311' }, h("smoothly-table-expandable-cell", { key: 'c87f637adece3cb7be000f2c79804a4d6cb18493', span: 2 }, h("smoothly-display", { key: 'e98b2f42a4f239f0392cc3061afc1a17843b01da', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'cf4208c25aef5035c832fdc56f21af00f067a7d0', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '3b7e2255b4ce1b0d8c2a135164af48cff025e3f2' }, h("smoothly-display", { key: 'eb34c6cacb66fa18cf597427513bdaad1a358629', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '3e1b1418fa38a7fa4e283386fdace44845c558fa', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '031144a69c437d09bc4eba7b155de56acb89e500' }, h("smoothly-table-cell", { key: '22d04fcea0eced05eba133bdaa255345a46885b3' }, h("smoothly-display", { key: 'c039a6c696c335d50bae24058f2f523c0fd22003', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '7d36890a8f8c7e1516094aed5395995531f315cb' }, "Not Skipped"), h("smoothly-table-cell", { key: 'f15c8f77ea83e115038b9f822fa1c740b2ca20f1' }, h("smoothly-display", { key: '51f9706d24f3187a9c0edeca8b505ec4aa11b0e0', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get is() { return "smoothly-table-demo-colspan"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
         }, 3000);
     }
     render() {
-        return (h(Host, { key: '25288bea73e0bcfcbdd318b59dd9cb65da21dfbe' }, h("smoothly-display", { key: '436fc469f5ce4c0f02fc09b444b33f6a228c0891', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'cd18f110fa492c3088e52199ff4bb9ac9245e89c', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '863dbf37da3bbf9a71de66ddb4464593de005d2e' }, h("smoothly-table-row", { key: '33c3d1ab7047868aa6c7dbebe4cf8c9165670177' }, h("smoothly-table-cell", { key: '920a891a121e5d7149790757f967965dfa5403f2' }, "Breed"), h("smoothly-table-cell", { key: '82514455110654a943b8dcbfe5e4048dbab0cfe8' }, "Country"), h("smoothly-table-cell", { key: '72450b6321af7bca9966b9ec480068f89f3b7a50' }, "Coat"), h("smoothly-table-cell", { key: 'c2fd119131f985b0bf9216a3bacbaf9c0555f021' }, "Origin"))), h("smoothly-table-body", { key: '8882df67aa8946a730191cf98e6bface5b87583f' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
+        return (h(Host, { key: '09e5d41ab4453db60da3d6882e3a249b5b7e1efb' }, h("smoothly-display", { key: 'c884544b6be16e6db27aa14fd74c945ff7791739', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'fb21fd98abb9f1932d1588759925b51915986778', color: "primary", columns: 4 }, h("smoothly-table-head", { key: 'ff1eca4566d2438b7554c3916c15ac09baabb3c8' }, h("smoothly-table-row", { key: '2c023e03a6f8f857368fefc3c7556c1c7898cb21' }, h("smoothly-table-cell", { key: '02b65f85b79633ed7256bb8b18a77de7d980873e' }, "Breed"), h("smoothly-table-cell", { key: '027ef71ae92b3ba437db7985852e20aa216188d8' }, "Country"), h("smoothly-table-cell", { key: '864265604fca102d3f9a185b2711679ead048ed6' }, "Coat"), h("smoothly-table-cell", { key: '2d3f0309e3e958ede3a6b9ecdbeae97d05c90e36' }, "Origin"))), h("smoothly-table-body", { key: 'ebc7b803777f720f03fb5e69955ffb427eec75ee' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
     }
     static get is() { return "smoothly-table-demo-filler-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/group/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 export class SmoothlyTableDemoGroup {
     render() {
-        return (h(Host, { key: '62df195c439cf706a1a3c7f41db6c2e29dad142f' }, h("smoothly-display", { key: 'e0e9ff9ce93fcaf000f395d113a553e5506f7304', type: "text", value: "Group" }), h("smoothly-table", { key: '326ba06d567fdd989afca120e2c3c37a0cc846e7', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'fc9c0d2f26660f7a905a049460ff9a5e1cf8d01a' }, h("smoothly-table-row", { key: 'f24071deda1e8594baa3247d2f4c7089a926ba57' }, h("smoothly-table-cell", { key: '1bb3803e7af1271e4eb9f22a42325ac2b5b73232' }, "Date"), h("smoothly-table-cell", { key: 'ae5d48ded2734e285adf9ae59aaa63e695b659bc' }, "Total"))), h("smoothly-table-body", { key: '986cebc8d947b2cb9e17673fd479a6ebf2f076c2' }, h("smoothly-table-row-group", { key: '5525de8b528614a2a98b9c1f114005ccc00429c8', align: true }, h("smoothly-display", { key: 'fa42e342b2c3f6c17c876ae857e0d23318ffbbf5', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'e15d54e3288e723c449971fe3ef8e82e669e236c', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '38294cc981a9711d9fe62e19dcc9be0dc44d72fe' }, h("smoothly-table-cell", { key: 'a6a1a468df6c6c4d870637d96d49a60b9e9a5b62' }, h("smoothly-display", { key: '35b429ea784aae344d0eed4364047a16addab496', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '12e3ffb4a8a1003f63ec8426365ab164ca5e2860' }, h("smoothly-display", { key: 'd2f3030c67352148cb3edfaa6fb7ae9cc77b94bd', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'e7d2324c84054a6d5c99f9123c1407ac6dd47cd8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'aff20dad5eba30487c0dd0af87498d00593f67e8' }, h("smoothly-table-cell", { key: 'c31a2971ab968e445a622f2e2c685fab84d46b22' }, h("smoothly-display", { key: '5c71ba768035bd954b4280fa616c046a3abe20ac', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '43ce6d32c1cb44473460cf942eed00eb7ba0d9bb' }, h("smoothly-display", { key: 'faa140a1e7bff8ee3db1f4cea2af3b89a5e0573a', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '8a693ca8e8e976cf4313fae0b7b8ac2718a85a58', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '58c1ef797e3f28e10e6132bb676601a74eecb02a' }, h("smoothly-table-cell", { key: 'e111fdc26f3ddbbe9f681f9bc4d68b8f057379a5' }, h("smoothly-display", { key: 'ba81ad168815ae393bee158c2aa833b2899b7ff8', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '00ab6f81d2406415a58adea186c3a44307b7a75a' }, h("smoothly-display", { key: 'b071985cb24513990029755e61885ba9a3dd66c6', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '89ffb1f22c33c9859109a9899716687873c9d660' }, h("smoothly-display", { key: '1f90e7bdf7a6eaed52c543211f93c4b67d774599', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '527d1d8b4b7eee3211e2314fba784864152e00ae', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'f88db70380e5966a190f5ac8cca8fc0a67c4221f' }, h("smoothly-table-cell", { key: '54027324f7cf88573f96c169ee8ce9bb34dad797' }, h("smoothly-display", { key: 'd071a9894db56273b9f6636b392d08a4b42c78e9', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6c1e4daf0f7dd6e3d8648bec713049f2fe074f6c' }, h("smoothly-display", { key: '1023a52f76e9daff2d0c5db605ca76a3ff77561e', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f78aac6b2083e3ab97c37376caef47a902098a21', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '16e7bdb039dfc3a7c82e5aeab51c2fa8463adf06' }, h("smoothly-table-cell", { key: '6f3fa97484bb104428e3bdf30676aeacdbdeff54' }, h("smoothly-display", { key: '9e485216c31280d2163b1c47b615e463922e5bb9', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '6b26b65d005db2eb0a05e746668a31be90e550b1' }, h("smoothly-display", { key: 'd82acd54c4ca5cf965ec76cf72df7d560ec305cb', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '6076632bb977591e9c00c9eb56b0e8d14df14b99', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'd4b667e7c600ae58ca64a0c6c82f6770efb9b653' }, h("smoothly-display", { key: 'cea01aa7e1342130a10154b9582a5918d2e4d63b', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'd0a2849829de6b374e26f78815810f79397d516a' }, h("smoothly-table-cell", { key: 'c2f6db946a8b4d8c783dc6d2d3c8b9eccbcd3783' }, h("smoothly-display", { key: 'e4f2f3e8d77813f044bd530bb1027f8e806080ab', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '4e0a4f1d32376dbeda02a6ea03b889c3b97c7ed8' }, h("smoothly-display", { key: '729743ffd6a89c25a67b171a460e2013e07973f1', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '42696f349c875e81c1dcd9584946016a9a71ee9b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '1f2bb863946e96a145afc60229b280a626d3afba' }, h("smoothly-table-cell", { key: '81548c1aa8566e74d235d84b1780ec6fbd42a31a' }, h("smoothly-display", { key: '3570bfe6661f6b4d6fc8997b2c1443a36cc2d4eb', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'aa5a554e100eb6abda0b99bd721b2f3df1536c2e' }, h("smoothly-display", { key: 'b9edeb0123445ce4d3f19cbfc08ad3195cf95bc7', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'eab6098b3d7322acf3dc665fd273329834798637', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'f6e604f50115898a66a6ed944c48c81e2c41b4ba' }, h("smoothly-display", { key: '1222faba309ef28c8a79b6e4bfb541ca5e609741', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '041ceb3f4632d6638d80b3380edb6e6fe3c68ba8' }, h("smoothly-table-cell", { key: '470993aa98db04036f588e2fedd37a51c43f42d5' }, h("smoothly-display", { key: '2ef2f28b13d6c22ecdd815695ca2ff695b875fbc', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '806648544e9ef4fc342e1be65842be6a18a0d5e5' }, h("smoothly-display", { key: 'afce15a2c0e117c5b8fdbd68513d5550b9d7567c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '6ceddf3fd4331db664bf597d74c009c729331529', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '78fb3f1f3695a136f1e418e8b6bed3e8241a7018' }, h("smoothly-table-cell", { key: '622023286563c7b2bc5dde3213183acdd60782c5' }, h("smoothly-display", { key: 'd5ee8d2f9707c60dd97a5e6ecdcd3a62d8f93598', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bfb7b9aa8c519239c034f804eb8120243e0ff43f' }, h("smoothly-display", { key: 'ab2df9299d20827fec408d7ea75c99e502bbf480', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '1f6c7aca115925e268d6d562af66239dfe008a8d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '7a6a14dd14bfe75f93b22ad545760d14c2f7987e' }, h("smoothly-table-row-group", { key: 'a75a0eaa8690248ee86ebd8ac061fbbaa73446cf' }, h("smoothly-display", { key: '713b7876d6ef92b2282bcc04dd72c92a89110525', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '3ea05b25d04e12bd44d12df5d49ebc640863af7b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '1a94be668e96af4f2b4998fef2b2c99eff630121' }, h("smoothly-table-row", { key: 'e72c098a74dfcd4b22a3ae575a5ce71d6cf5d4c3' }, h("fake-cell-wrapper", { key: 'c552275a1b5d204a69664d4e7188ee2282a98ac4' }, h("smoothly-table-cell", { key: '6e1e84b08e9a20fb1cda64ebb6e1cc29a0422b34' }, h("smoothly-display", { key: '7dd6e96dac39fbb6ee3bf54e33868c7f836a8f46', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '5549a1795adb2f64d11438c53b7600396a866b2d' }, h("smoothly-table-expandable-cell", { key: 'f6550a6b4dfbba1e340532bac7751eb7ce95d3a3' }, h("smoothly-display", { key: '30e460e5b2fafffdd2517631f118646f4a1d8f47', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '1f38e7aa1d33998a080a1bdd6bece1ff7e016cb1', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'd51ca514fa6988b9f9c763c5a374b434432a8f8c' }, h("smoothly-table-expandable-row", { key: '73e26ecf4a2a60147cca01ca89fd6cb9cfd189c6' }, h("fake-cell-wrapper", { key: 'cf80f961a21c96c9400378e3ff7da35ce9decc6c', class: "span-2" }, h("smoothly-table-cell", { key: '74e278ce51e9c3f7c739758de2625f1239d77813', span: 2 }, h("smoothly-display", { key: '82418ec6d6ca4d41cc3c3b37af238fec5b747f8e', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'd6d0bb6f634b8b81d1d6c897225c6fe6f67bbe65', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '532b5d36935a77ae5c41106a9b1e0d50abe6a417' }, h("smoothly-display", { key: 'b2890def11816604589a1dfc6c3addf15ab359c8', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'f45c09b7a938e6b37614032d791d278c99f57603', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '1018b8ebc4a2664146c044a5af08cfc403fdba17' }, h("smoothly-display", { key: '156fb43c20ee6f8d98d7c4273c5f7c1e7a7f4c63', type: "text", value: "Group" }), h("smoothly-table", { key: '46410eba49dfd918b0f6a0ce851a4d78c0b6d63e', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '9f570364392c2bb62d107ecb63062e55840561d1' }, h("smoothly-table-row", { key: 'f2a586ccdd1a76adbb402a1e36e9765bf6981921' }, h("smoothly-table-cell", { key: '0896f702cd68a9692ab9a184994ea7924a9556ca' }, "Date"), h("smoothly-table-cell", { key: '8164db8527d98cb1fb7a37c9967a1d944c309244' }, "Total"))), h("smoothly-table-body", { key: 'a13835704bdebe92f6cb2d2b472d44324680d8b0' }, h("smoothly-table-row-group", { key: '913d221b9123bfee82db1756b2e87b167ca2ba80', align: true }, h("smoothly-display", { key: '36c9a42042b968c1bce4ca33625ae7a0fc871ddf', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'ba53195b503da10700f3b2ba8eef6ed2677069bf', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '22cfad4a47876d0e81597809976964824fd2f538' }, h("smoothly-table-cell", { key: '2c6f7f4caacb1b0dfc0483e2fcb8dcc15c8d12ca' }, h("smoothly-display", { key: '2e7a2aeacff8cbfb32a6c3b22157d6c5e7a3ed1b', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '11fa98b3074ac97bd4d7692910ee3c5e79e7f5af' }, h("smoothly-display", { key: 'b34fad882944ad708298d0e6818522a6e77eb7a5', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'a73076085f4d0d3cf3c6db40229fc6f6827d388e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'd0be11a2e5cefaacfefd46354e1dc7d007b85f11' }, h("smoothly-table-cell", { key: '8da6d365e1f1928f0ded7a94e19446748e0658e3' }, h("smoothly-display", { key: '1c173affd2e8899159f6afe0d2c67366961cda4b', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'a2f8076b4b23b2d6e67e92edd925c0447351dcff' }, h("smoothly-display", { key: 'bb8ae8fdad6c2b2b475635ea4de50571b2ddb1f8', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: 'da2b74dfdb241693fd91f7488a55ed3bd2360bd2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '093beb640b56960968b0abb70586c6ba0a063e78' }, h("smoothly-table-cell", { key: '077a3742a8533a17486800c74ca7fea44d23e569' }, h("smoothly-display", { key: 'd5c18744fb9c8f0ed1358579eaf392e474ca3110', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '52e33f3bdcf4b13f24dfd3249dbb5ad09ef741f4' }, h("smoothly-display", { key: '6e15b5560fd4e7a5f6227bd67949953d77d75141', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '04eb5b29dfd3357a5aacc74014567b0fb3221acf' }, h("smoothly-display", { key: '471be92684f0990c0e81cef378ba4c1a04cd7683', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: 'c580d72e50702129ea8d498390424932a96bfb05', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'e120aa8a654972237d7d3f77e395667f1ed86f5f' }, h("smoothly-table-cell", { key: '478b6acdb0ff7933091a67a8b56ef0aeddafff7a' }, h("smoothly-display", { key: '8157a143e2f91bcb98c74d1d4b9e21d62cf75876', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '2cd00ae76248e86b110550daff7523b06b74a661' }, h("smoothly-display", { key: 'c364434851ebdb9dd4ea1085aca2f32674fbfee7', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c7b3d0cb9b5694f50f02472c7bd5c0e5e7ade73a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'cb715e8e09efa27facaafc38bcfe1bab7a8430a9' }, h("smoothly-table-cell", { key: 'dc7150566ec0a9fbe7f10dbcfbfa04094c1566d8' }, h("smoothly-display", { key: '8db703f533d729b467ea53facf1b5714a9d0007c', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'e69fb07aea49630093e5b50eb21aac0a512b585e' }, h("smoothly-display", { key: '511867e910bc46033a86b884e71bf3a86004f3d5', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '559dcd86bf7e5182b648269bfe7c89efae6d90b8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'cd4c7dd32d9ca131cb928bfe966667d5ef015a06' }, h("smoothly-display", { key: '93e31cfc7b700f37eb85a537fa0dcdee5341e21f', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: '212c14a6cc880aca7e28fc13c64aec713cc9ad06' }, h("smoothly-table-cell", { key: 'bea8887113d5e2c478296e83e156b9d841d04d9d' }, h("smoothly-display", { key: '833d792a99e598d79e7ead80cce484975271e945', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'ee079618899cedabfee38e767e1ebb1d6ea0bd72' }, h("smoothly-display", { key: 'c465529c47972d35e2c88c21063adcdae1be074a', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'c13bdae5b1e4b93fef96b9663476317175994ca2', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'b8997a4f3d02fa1562f294ab8b511d1a6ab1a340' }, h("smoothly-table-cell", { key: '98b18cb5d2dfb3148af7693e3b3e3ca9a18528bc' }, h("smoothly-display", { key: '13245ba80046868112615d3e23a5c10ddc9917d2', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '4acdf8682514dfc9588c4396b22d8eff5814e540' }, h("smoothly-display", { key: '6a78481d96266171b7a2ab85e06ab278e517030c', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd01607c3e985cd163b6d4f3775fdc6b5e07caa22', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'a27ce4b894f53565450af368abf00c996fd7e9d6' }, h("smoothly-display", { key: '6f7039aae41110f2e7fec069b06f4a9b5e7e88af', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '8e5061627868199c6ab234d29eb5b929da8e3970' }, h("smoothly-table-cell", { key: 'b420f93d94c7bf37279ba2ba4237ff24ec6c0845' }, h("smoothly-display", { key: '4dc79070171669b9c3148ae20dd510d47c074044', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '328a16b1224bec0e114456fc6bc907a2f0c7a2fc' }, h("smoothly-display", { key: '880d4fe972fe941c5fee0af89ccf08e78889b131', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f9f8da2f655820ddc5512b2a00ac98a27d3b4446', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '13b28b2d2aa0339a6ef6f268db7f60d38e392c37' }, h("smoothly-table-cell", { key: 'e0e9375576839c269c8644d147ccad87469f84f2' }, h("smoothly-display", { key: '58507417547c2339a6faccc0eacb450e1414c623', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '14c620d31511aa90005bc84c7cf7aa13e7caafb7' }, h("smoothly-display", { key: 'c02cd95f8366924583fab7c58aec5130c0dc6ab3', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '8c4102ba85f39d1b507430a14bedde4c14352b9d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '1a7ec6cbf9dd25d1e0c347e7f13e7fc84cb13dee' }, h("smoothly-table-row-group", { key: '495ec0d7f737041eed5e18f55b23e2d3a56d1e67' }, h("smoothly-display", { key: '9388119e19fe3736adf805a0cf416fb97ee04a60', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: 'e316e00a41711f65c5fcdc570ec1893df04553f7', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: 'cf6cf7ada6dcacae53aafae3a552133140aef6bc' }, h("smoothly-table-row", { key: 'ba1c3a41efd637812f00fc55b36bd3ba18e6b7ca' }, h("fake-cell-wrapper", { key: '47eb9df3010833125da9f5ec203063b46b5c710b' }, h("smoothly-table-cell", { key: '9d4133a5a40bac6293c873272619fa5d5daf02ab' }, h("smoothly-display", { key: '435da756815b232b04c3b736f86f5263f1c69a50', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '5792524b518ac91535c40af3656497412b2fa7d7' }, h("smoothly-table-expandable-cell", { key: 'e327d41231936a6bb12928d4f43d45ba5bc98232' }, h("smoothly-display", { key: '304564a54f555b12d8eb19c138980881287b4cdf', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '13329c446406e78a91610db0eac2490d2d453993', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '6293bf9f19962a2ade3720e10d713c2db4d61cad' }, h("smoothly-table-expandable-row", { key: 'ae588d0c6d672edcdb5ab27cc74a660cba58fb23' }, h("fake-cell-wrapper", { key: '0997b1e181e2806dd2be5d58fd2f2f3a7ead4ee7', class: "span-2" }, h("smoothly-table-cell", { key: '812452b5838a90ae400d5a3db91a7c3b741f9025', span: 2 }, h("smoothly-display", { key: 'f0df840fafa95e1eda96add4bf4c74e2ba6b0744', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '3bfc15b9e23290f24162b9c4edacacc5c498072f', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'c5f72a54bd995bb259c40a03f9eff2b7ed4c2e0d' }, h("smoothly-display", { key: '160d3fee233c0ba6f2bb47a319a3d3a4c20fbf0c', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'a051fa82a2c80f0e61efe82ffc9aab1b12fa5b31', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
     }
     static get is() { return "smoothly-table-demo-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemo {
     render() {
-        return (h(Host, { key: '61b819ebc1b3602cf48e0d35f8df2067fd139604' }, h("smoothly-table-demo-filler-row", { key: '2f088db0302743327648525060c7dea3f7576b66' }), h("smoothly-table-demo-group", { key: '9c76fe69c75d4dd11de6f506ecbe28cab9ba9f5c' }), h("smoothly-table-demo-colspan", { key: 'e78177d0e46e4cbf899cc13b8fbf72540132d04a' }), h("smoothly-table-demo-simple", { key: '542544d59d3cd4878e4c9497d052e2bda926829b' }), h("smoothly-table-demo-nested-no-cell", { key: '0e258a2b1e018a3098397b548e8539bed9004ea4' })));
+        return (h(Host, { key: '392f756a60ce9696d3751f3acadef93297c3e643' }, h("smoothly-table-demo-filler-row", { key: '5661e2020b5c73c204c394b88de0265573092758' }), h("smoothly-table-demo-group", { key: 'fe474555113d6507b02d6782184ea01d03a8a662' }), h("smoothly-table-demo-colspan", { key: '2bb99bf815f006ea91ce30c9c7a0d7cba544d002' }), h("smoothly-table-demo-simple", { key: '88c7fc4ac07e640aa0fe70e8bdb6102dcb98c357' }), h("smoothly-table-demo-nested-no-cell", { key: 'deed98e8c8e2b7185ffdebf64076553323cb8019' })));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCell {
         this.loadedRows = [];
     }
     render() {
-        return (h(Host, { key: '29038194ab35ac91e7ecd38984f9f16cb681b10f' }, h("smoothly-display", { key: '7bdfbe9558ae59cd12eb9073bf198f764a084c4c', type: "text", value: "Nested" }), h("smoothly-table", { key: '627d873552ed96aa168796a3d6e4a8c2922d348f', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'd1e76a9a6aae1ea0c353cc4a9eef221b70b9200f' }, h("smoothly-table-row", { key: 'bd1a42a9a3b9a9fd69999c2024b8aaf0c7197537' }, h("div", { key: 'b73f56ee3c882cc971027521e788d5f89e2e0271', class: "smoothly-table-cell" }, "Id"), h("div", { key: '029edab125641cdb0ff010c9774418a79c396dd8', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'c54776ba48053d919fa18e5acb42b1808d4b9431', class: "smoothly-table-cell" }, "Name"), h("div", { key: '9cc10cc412a916c8d17cd33cd4662779b2f35498', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'b6deb718feedf1ad85fcb4ae67bb235130326592', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '3d8897f00e8345493c1f9955bba32554a0c758cd', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '1027b8d35fbd4c802f4f3fbe50f897eca8775cc3', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '49bff1d9b137a3b4c0a4142724f2acfed24a9408', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '153be08a6e9679ddf265e9d48349fa020b6469fd' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
+        return (h(Host, { key: '7bc6c5fec454f34a051539d4332a2b95b1524d36' }, h("smoothly-display", { key: 'd7b4e33850e1ce970844be312a5da0ef8546da81', type: "text", value: "Nested" }), h("smoothly-table", { key: 'c395d0d02151ec40836fb44bca00ecefabc82b00', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'b1d21b6350b49470ce3d3745f067cd0dfe15ca4b' }, h("smoothly-table-row", { key: 'a1744fa8dfd23a4e2b4edfd5be60821d07f9fb8e' }, h("div", { key: 'eeccc6056ab4d36eb45b654874ae1887e416eb68', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'd071193d8db7bf78711e829675ff72a7c31d403c', class: "smoothly-table-cell" }, "Registered"), h("div", { key: '870b213222d6dceaf338df0d852ad2288a1c366a', class: "smoothly-table-cell" }, "Name"), h("div", { key: '4dfbacae8816bcfcfef7090d08ce91851bb02dbc', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'df7eb4a02fccae0c6492193a867d36be269622b1', class: "smoothly-table-cell" }, "Balance"), h("div", { key: 'c0e7a4fb74dfaa3feb90c5365e9b5acf55ba94dc', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '8ee2746419ff0c382e6f64a7b9d4e3b4e608fcb0', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '6a1914277b7ab5442b12671b16afaca77038622a', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '746212a9d93a1577dd5c990b4d14894ceb4f137e' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
                 if (event.detail) {
                     this.loadingIndex = index;
                     setTimeout(() => {
@@ -13,7 +13,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: 'f45322ab1a0273857552d25a85b246117bc3b549' }, h("smoothly-table-row", { key: '4ac21ff178aaadde33945221f2d08f0407967f02' }, h("div", { key: '6f725408d5b9388ff74e7508137d96e56b724306', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '3e2123ee1c77f6bdbd365f95088683d1faf3e24e', 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: '612581a9f4ea63707d1426c768ba64f7427987bc' }, h("smoothly-table-row", { key: 'a45f88cab126bd830d3919acc896dd99961bdce2' }, h("div", { key: '19f5ea4fb2906eead38c263f5d0ac7e9139977f2', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '039288cb2fa1912826a4bbdde3cba4fc953a99cd', 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 CHANGED Viewed

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoNestedNoCellInner {
     render() {
         var _a;
-        return (h(Host, { key: '28f9d2bf9db5747017d5b2a90e4f65da98fa8af6' }, h("smoothly-table", { key: '8c4d7af6af55f5e185229ebf0d7ac358780a1806', columns: 4 }, h("smoothly-table-head", { key: 'c693cd5f50592b6c4fef491eeb334284795ae420' }, h("smoothly-table-row", { key: '7a3e7d29bc27e5edd87351d278e68befe4e6f2e3' }, h("div", { key: '5976cb5deec5edb90d3f1609295b0b4f18b69852', class: "smoothly-table-cell" }, "Id"), h("div", { key: '6fe9d4126c65a4f553164fcc457a218acda53ab1', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'd785b0075ba0260b2770989d7f427147eb5255ca', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'e37cbabfbc1a17d3605bbbd6eea6800abb11d9ff', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '1c39927576727cbf41a0349d70b61828ec5f0e16' }, (_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: '36f6b45a302f17eea86896fc1904184b34589f19' }, h("smoothly-table", { key: '571e5c1870d82817d674f46832196ba837680b31', columns: 4 }, h("smoothly-table-head", { key: '5b7b5b8d02ff31ec82cd35e6ec688a7adcedcf9e' }, h("smoothly-table-row", { key: 'c7f09a8188bf6be442e687813a9615c3d7afb95a' }, h("div", { key: 'b4294b01db0691cfb53c0e8e2b9c5dd487c2e07d', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'ff9f0472466eb4cad25d0663c183a0a7fe932807', class: "smoothly-table-cell" }, "Name"), h("div", { key: '0275a1da6d14f24d65dd1c179801ac865426dcbe', class: "smoothly-table-cell" }, "Age"), h("div", { key: '3381fd46e6978680d84691992ad093de04ee1ecc', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'fc58d8650b0e04d350518f33cc2fa07f308e40cf' }, (_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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoSimple {
     render() {
-        return (h(Host, { key: '8efeaf989f017e292c876bdfe46bf3763f6c38c5' }, h("smoothly-display", { key: 'f4127d4acd1adcefbefaf08e77460e4a1b8627e5', type: "text", value: "Simple" }), h("smoothly-table", { key: '0470e4b7620877db36cb9cc082e7996b0c3c3adc', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '0739e075a0ef3ee56a8f0d058fe27d449e428b6d' }, h("smoothly-table-row", { key: '37fad0b5a35f4bf08b888b336f80cd3921cb9376' }, h("smoothly-table-cell", { key: '74f2b61cb27427da21adeadcee39db458c5bbe41' }, "Breed"), h("smoothly-table-cell", { key: 'd0309714adc9d2373bddc750f23fe86ebd320388' }, "Coat"))), h("smoothly-table-body", { key: '86d24356c0efed06ac5306553bc6be2c5791393f' }, 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: '47925f54c706f1af062a6d51fab1178fa27639a8' }, h("smoothly-table-cell", { key: '275711ca0e9e6c0275cbada6a4e0adec2edccb6d' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'e60f863711fa70bbebf63c2ac93866c75c1c06bc' }, "Expandable Cell", h("div", { key: '26a19a10ec7929bc51168b5b2f7d96299be1303d', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'b012a0e9ad962aed5ef51e9468f082139ab7148d' }, h("smoothly-table-expandable-cell", { key: 'e428d929f46034021ef275faee7626205ec4dcc6' }, "Expandable Cell 1", h("div", { key: '96492566f55202c5c6b03a5521863dd9d149f709', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'f42f607dc543d1a3bc0e5a5fa9875251b65687b9' }, "Expandable Cell 2", h("div", { key: '7f67331945212bb0f94f428bfd61265a927bc2ee', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: 'c94be30d6813c85a1823796894a2ab2e7d2ef0b2' }, h("smoothly-table-row", { key: '6e2cd14e0e50cd507e1b3c205f5b77296f4f8f06' }, h("smoothly-table-cell", { key: 'fb716cd817b77c5907a42454944b4212102280b1' }, "Footer Cell"), h("smoothly-table-cell", { key: '8ec34e17ed42736c2d64353306278adfa66d7b38' }, "Footer Cell"))))));
+        return (h(Host, { key: '2efdbea999fe8e2d237d018147ee9080b893ad33' }, h("smoothly-display", { key: '12b21356d7aeeae6940243380352b95c12dfff5d', type: "text", value: "Simple" }), h("smoothly-table", { key: '793660cc185168cfc2d80f61e57ab67faffa00d3', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '9d85b0d97a12838aa8c6953155e8a009507f49ac' }, h("smoothly-table-row", { key: '4c6f644786476efe6a1beffcbda13abdcad2fd75' }, h("smoothly-table-cell", { key: '9538d1875ee057f07c33163e1e78a0e30e6558c0' }, "Breed"), h("smoothly-table-cell", { key: '194bf1b1adf62ea0b12c3389fc75fe8d511b14bb' }, "Coat"))), h("smoothly-table-body", { key: '1dec581f127727e413a6e4aad94c7b0d29d8f850' }, 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: '0492ef355b8d6829d9e65cd419c521b76bb215f9' }, h("smoothly-table-cell", { key: '3459b0e72cb10dfb0d7f820d5b9fda5ac13c2b17' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '31b3691b9b4e1b51072bbf1bd22e23ad134d3996' }, "Expandable Cell", h("div", { key: 'd0e20ad230d037628ad34b4a12d768c3b4fb4ead', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '74cc23ba61afe01a6f5a89f57fe85d6514aded50' }, h("smoothly-table-expandable-cell", { key: '8e0faf1f2361181aa17943da5c065e7f3a0d87dc' }, "Expandable Cell 1", h("div", { key: 'cbf4bd0814781875bc48ec498699425c21b586ab', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'be15d9e43dad85222e8bc652e6bd68bdbf636a0f' }, "Expandable Cell 2", h("div", { key: '7e1507e45c07ff40bc662a24e6f1d93671de1467', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '94624f1591f9d3a18e3b84dbf8f76d8a46916028' }, h("smoothly-table-row", { key: 'a769b1e334d1f73a1cfc5a9539f31a99fb9e152c' }, h("smoothly-table-cell", { key: 'e14dd9f2bf4762b8e8c91c6309b8b3e966b504bd' }, "Footer Cell"), h("smoothly-table-cell", { key: 'd1b743ab0a072476bf6f7e7240bec71f2a242949' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-simple"; }
     static get encapsulation() { return "scoped"; }

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

@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '1b8a884ea804eba71c5ddaa49aa4cd26764d0e4b', 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: 'abbdbb646cbe25efca3a88c352089e3fc30f71bb', class: "content" }, h("slot", { key: 'daea230f19c624178ec5bf0e1d509132958f2185' })), h("div", { key: '71657be422cb6caa6e011c44c7f54f8a6b20caf2', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ff3cded21e87a61f1d0c45662b569347c024b374', name: "detail" }))));
+        return (h(Host, { key: '4ad3f23ce5db4ed752db950bd4d3ec54ad839c54', 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: '676608664ca58dcc52d8d684a23bb324aadda90a', class: "content" }, h("slot", { key: '209daa4ff46fb96909f528c49dd2f802e2b5c090' })), h("div", { key: 'd63a4702d5aa24b8233080a2e621284466312804', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'a10d5ab5cc71f24f1c5f6ee63096fd8a27ea857f', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

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

@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '0b30bab39714624466afaef8c84e249968817f34', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'b5cb0b756d50f4ae59b2032e47100db32fd91d4a' }), h("div", { key: '1ed07af1ce9a0a1c3d1516f2cd0e6239861f6a8a', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '61d49870b81b2fba88d179b25859fc056321be80', name: "detail" }))));
+        return (h(Host, { key: '9e84dfc3e17d085b3906f789b014670830079257', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '550fa1569c00ef0a759958b9a731897dc379e7ca' }), h("div", { key: 'b9f6d0b151720b77800c4d610f9682ea9b0a242e', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '6b693e48c396b4915a62700567859fa47e6b682e', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyTableFillerRow {
     render() {
-        return (h("smoothly-table-row", { key: '52db9475e8edb493f20b3e009a983c8dd3fe82f8' }, h("smoothly-table-cell", { key: '4b29630fbb37e98173accb7148647fc9e1b71e9e' }, h("slot", { key: 'b865d29782795cfb9b639b3520e66a4d027b72d6' }))));
+        return (h("smoothly-table-row", { key: 'd77076fd44474052265f353b93ad55274ce8c58e' }, h("smoothly-table-cell", { key: 'dbb64a7779542001e6ae2a1d7ba60601fe94a8c6' }, h("slot", { key: '73fca7b0a7ee9b9e3cb45b21b9fc83fe1e59c029' }))));
     }
     static get is() { return "smoothly-table-filler-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableFoot {
     render() {
-        return (h(Host, { key: 'b75e8bf006aa735f12ae9bff129fc09c4275b82a' }, h("slot", { key: '92a3ad0f1e31828d7399af8051a9ac6ed39b4070' })));
+        return (h(Host, { key: '9ed27d9a22178da4bb63dc53fcf5ea68179d43a9' }, h("slot", { key: 'f390e7474a31021cf29914c5b1e994820f3d7265' })));
     }
     static get is() { return "smoothly-table-foot"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyTableRowGroup {
         }
     }
     render() {
-        return (h(Host, { key: '9c8f3a4594172f372916b83e664b6288731177e3' }, h("div", { key: '3360927c4cb220b1f7f76b5c4824df7489e19ad0', onClick: () => this.clickHandler() }, h("div", { key: '6fe25ec3ef5c177f6dac38e7b2343ba804b8e81d' }, h("slot", { key: '7e7d976019056d487fa0cd334aa4621de65fb6e7', name: "start" })), h("div", { key: '56c179ab6d732d56b6dff040a9483a72a43e5387' }, h("slot", { key: '73e97416d806f5539a3fdfb9b51daaf9e4f73636', name: "end" }))), h("div", { key: 'f8a401b452fd2da76c98fbb7437037accab4110c' }, h("slot", { key: '985d79edaf8932249cb9c0e3b296f2d8fd608f16' }))));
+        return (h(Host, { key: 'ce13a22ad4e51ee514e1e4b2f7a20c46fa92f6f1' }, h("div", { key: 'f02760b02c1bb6041a786cfb6d225e39711ff373', onClick: () => this.clickHandler() }, h("div", { key: 'db60ed9bc5b1122b59951b71ec314541282fcf6a' }, h("slot", { key: '45a5e3c909e67b106fd2d2f4c4569a907d71c144', name: "start" })), h("div", { key: 'ebb125b675ab71d721e3898517b4f4c51fa74b11' }, h("slot", { key: 'd7b3a84aad30848650579443f1545b4728f5e7c3', name: "end" }))), h("div", { key: '25a4c03b5e60f612788485f2aaeaa3c9b1fd0086' }, h("slot", { key: 'a82b554991b81a22415fcd59b286a2a676cd1aac' }))));
     }
     static get is() { return "smoothly-table-row-group"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -10,7 +10,7 @@ export class SmoothlyTable {
         event.stopPropagation();
     }
     render() {
-        return (h(Host, { key: '9de6a10f4520cfe2468366b3acbfaf1dd57ab71e', style: { "--columns": this.columns.toString() } }, h("slot", { key: 'af3e663420afe9809198147276b8ab12f400dab6' })));
+        return (h(Host, { key: '9f503e8d029a4954a7745e96063590ccd730e69f', style: { "--columns": this.columns.toString() } }, h("slot", { key: '74fe191de90d8e99beae5b5a71805337350d6438' })));
     }
     static get is() { return "smoothly-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -15,7 +15,7 @@ export class SmoothlyTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '41eeaab614f1b034c4035258b315855fc402b8c2' }, h("slot", { key: '23b870fd478af837fcc1747da8b9e7bf731a0dbe' })));
+        return (h(Host, { key: '0425407687e577b5fffba44db7d3d97723c9d5a5' }, h("slot", { key: '51b3451cb07fbd22d1588033a32c1728058fe85c' })));
     }
     static get is() { return "smoothly-table-row"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTabsDemo {
     render() {
-        return (h(Host, { key: '970a0c04e9d66cededd974959b15460fc16eb5c0' }, h("div", { key: '54f79d7cc81005bffbb387500a461db37d763d7f' }, h("smoothly-button", { key: 'f912ba56d65feb4b9eb5fc6385a5aecd27270f4a', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3b546ec4cb2390688d306bde9a3f135f8ddca36a', tabs: "multiple" }, h("smoothly-tab", { key: '68397b5f7141240996b27dacc3e2f517c9542c45', label: "Single Tab", open: true }, h("strong", { key: 'd7ebd15967233b187f29001d470cbd47dc8fd8ac' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '749d9762be46af10be03fb9423d788f5e4493974' }, "tabs"), " to", " ", h("code", { key: 'e51ef33b793cc098d9e1e6f1583ff41106ac0231' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '01401741049939874a4c379e14116576d5dd654d', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: 'e9929e3ef190295ebda94778f8437bfa4c63649e' }, h("smoothly-button", { key: 'e2c3626e79713935b60497f951f45d98fcf5436e', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'e97b290ce901359193ecfade0ee7a8ae371b4ee8' }, h("smoothly-tab", { key: '50fd8b47369a3f27e2a69d15a4dd276dabbdb6a3', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '6910d8d1f111fef134b133ca5b1e5a7f87574d21', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '6f4b0d41128ab91f485d60b5c6d2d6651f4b477a', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '21be024f60f68fac1b47e88939565957aeb90f58', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: '4a80dd41c51100c1301561693d8c4a2df403c4da' }, h("div", { key: '11006ee9bb40b9cf37e2178bce53ed628c1283f6' }, h("smoothly-button", { key: '26ff4ef958ee840faecf68fe2e11a0c3c3cdbc30', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '417217100133e8df781567c756f39f6947c16f89', tabs: "multiple" }, h("smoothly-tab", { key: '724fe03a378b22c016fa2fcda4bad3bc55dfe37a', label: "Single Tab", open: true }, h("strong", { key: 'e604a2da6994a0bbefd94a8ecdc25f526edaf48e' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '93ec1421406263e82787412cb3c81758fd66d13d' }, "tabs"), " to", " ", h("code", { key: '42428750de3b7c3d8b9a07ef405c4a99a01404d9' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'f423d7a8c75b17b2557c1607e234ef55898eb479', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: 'f884806decb90da0e45420a017e2c66a342a766a' }, h("smoothly-button", { key: 'd124105cba0e312a10e023d0cef9fd5b8976589e', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '754abfb1e802e5fe78a41b8a90118988f4cc762a' }, h("smoothly-tab", { key: 'bdeae6ae82b0cc55116be4cc10709df1decd5a52', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '7aaefe748609e3985c2f83acfac325af406e927e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: 'c1cccf83bc7042494535ed591cf03d930f8d3332', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: 'e77b11f0d06d1805f28092a16d79c5b7cfd926c5', 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 CHANGED Viewed

@@ -35,7 +35,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: '72e5406ce5ae673e34e213567eaf1d43b75cf24f' }, h("div", { key: '75c33d46e9b35bebc9081479278ce1e77adc620f', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: '3a8814f4f922d771676c36438d21acc985e8ac63', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '0380e8b9a90d88369068e376179b7612563bbe0e', hidden: !this.open }, h("slot", { key: 'dff526563cb73af041668992693c70927da87a5a' }))));
+        return (h(Host, { key: 'a93d651d7e086f30a2f7cd86855005d028591a36' }, h("div", { key: 'e6fc9b8cac4479fdb717437fe27ed212c218bf4f', onClick: () => !this.disabled && (this.open = true) }, h("label", { key: 'a4bb76ef8387eeaa26a9ce359c5b7cba807edbaf', "data-smoothly-tooltip": this.tooltip }, this.label)), h("div", { key: '5fc87df52118a57aac0c2e7ac4b74364f4b256bc', hidden: !this.open }, h("slot", { key: '05b035045f0523f97792127c1f540eea48317c5e' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeColor {
     render() {
-        return (h(Host, { key: '7050c1b8e61a45aed71762a2b1333b17a0dd89f6' }, 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: 'd0a540b220f6677f2789af7d5f837d8886a357d0' }, 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeDemo {
     render() {
-        return (h(Host, { key: '8ad818d2afdd724ae85cc10d663184af0e87a4f4' }, h("h2", { key: '29526fcb5b248b0ad07075f0c8ba375e80cea3bd' }, "Theme"), h("smoothly-theme-picker", { key: '3a1c365f7568d817318f156f73733d0936c31a8e' }, h("smoothly-item", { key: '29eff93f4f3a89fea2ea7b4eb9526a371a6a9dd6', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '469c0d43dd4c0873b15c9bfd25a495bd36354b34', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '1688f1645c2722c3f8a7414ddc92b97675a21d8b', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: 'c3e8e1b73d0b37f5b54632700bd7127069b1df97', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '9e9e441fa49a0328122a3bafed05af2329a235e7', value: "https://test.dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'e62e3510b7a353247b2148d0eae8223bef51be8f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '115369bcd42fe78b5f51ff142b56c1756739cc55', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '9e1f43ca5a652b8abab317905736b88855fde4bd', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'a3cb7c9fa92094be89db4ecb9073fb0614ff8187', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '47e0cdb953fcff38f283b9c373b3a1032267232a' }, h("smoothly-theme-colors", { key: 'dc00790e5426673d5e5e5ba291d8efb544302edd' }), h("smoothly-theme-guide", { key: '9d8f575567dab12f03749b999b92c8e794ebb1d7' })), h("smoothly-button", { key: 'a3c38a4378615e66d427b100fa4d7bc062c88c9c', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'd4cd80cd0e045a9051f7ec6019a9129b2e5569b5', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'fb316e75622cd8437b7afcbddabea881180b9b5c', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '240ce786dd860f8029ea948ff75fc4f63252c10b', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: 'b0bbd6191f8813c26d5886781733dd9bf741b99c' }, h("h2", { key: 'e91a7fdb7d96a680e59c927e45acee05200bb95c' }, "Theme"), h("smoothly-theme-picker", { key: '5fd8fdae6e0d2ff31dc0ff17c491238ed35bf490' }, h("smoothly-item", { key: '5920957a82d6ab7172b57eb59b421aa46ee54b9b', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '058c6ccaa2f06a749b822a30efe5cc77c4e10e72', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '39818c97423808e82305846cb10b07a6f33c3f64', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '0c6e1332df64fb8735b4dca530762f21880b26eb', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '622e018eef75102e056658a158bad09a65e8000f', value: "https://test.dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '620929a5b84a9ba4aa5ecddfa594711bf8a01d99', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '53ba85ee8f2756864733dd329e9a2e28e7367197', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '50395895f3cb399882761534e08c7d419a81519e', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'b8becda45015864fa8f5835d3e6cec993b47f59c', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("div", { key: '0ab79f2d41eacb2414707b9c0231771261b0e488' }, h("smoothly-theme-colors", { key: '5f70418b92a6ac65b33f00047dd060f28b5fe020' }), h("smoothly-theme-guide", { key: '102b8e24b377e5b00d5b2f8709faa7e5ba0ef60c' })), h("smoothly-button", { key: '238265f4b86ab0cfdaf98d4ca592a8fc05e68215', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'ffaa46726387eea854bdbc6ffc0d2cea5793f149', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '159b1948947dd3adb43142362d0006c71fdf7c03', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'aa510bc3cf7526bd234ed13089ae752113914423', 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 CHANGED Viewed

@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
 export class SmoothlyThemeColors {
     render() {
         return [
-            h("smoothly-display", { key: '2eac1d768913daba8d1517063f72a01278ee01e7' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: '05672a937497584f2c2c388cebd703f06a36e630' }),
-            h("smoothly-display", { key: '79dd8fbe3c417bbe3c7c220d8b866afe8206b298' }, "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: 'd031feafae3f2eae53dc88d927d37b59df97d341' }),
-            h("smoothly-display", { key: 'cfda2393ee07d9c38e500f401fac7f0cfad84560' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: '052185d7ec86c97fd45ea2d2af1a685bf790b018' }),
-            h("smoothly-display", { key: 'fa634d42cba471c98a7e1ac5b3b63f46899c15ae' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '6d1b60d08381ebebdd7766feb7bcb8bebee3cd7e' }),
+            h("smoothly-display", { key: 'a830c8d6d95a789caee78f4d8417428148983c5e' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: 'dbedc7fedfd22a2e565722a82e84dc96fc26a7f8' }),
+            h("smoothly-display", { key: '3c4a7c1e786d6127b9678255784764d72f3611a9' }, "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: '5bbad40a4217820ba5b332954702a031bf5b9073' }),
+            h("smoothly-display", { key: '6bf810cc6c0b3a1d2a67bb8b2779fe3d2c4e4a2e' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: 'ef169f909cef881bb6f3a0355dc0b482d8bc0496' }),
+            h("smoothly-display", { key: 'bd47c4f897e48cc02787f9e7f9396d2c3df23ddc' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: '39fae791a0b502d9a006e8aa395a357c7f3e5308' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

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

@@ -4,12 +4,12 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: 'f3041c36aed21fc2bb574fe471136d352b9c4af7' }, h("smoothly-input-select", { key: '9c0436083a8c694a5c71eb7d0baca1961cce2deb', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '2af98203042f4b72b535f47ff21ffaa4b5c0af6e' }, h("smoothly-input-select", { key: '247e1590c3198949e097eeb0a29f0cd339df2f81', 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: '25ab17959d5d58a305f7c66b44d045766d41fce2', slot: "label" }, "Select theme"), h("slot", { key: '80d00e64a289d0e1ce3218ecd7c322317148e34e' }))));
+            } }, h("label", { key: '180f4a1ce2bd43d670e0dc111914ba07907c6176', slot: "label" }, "Select theme"), h("slot", { key: '86681b9a7827f9329d8827fe01618ab39409570f' }))));
     }
     static get is() { return "smoothly-theme-picker"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitchDemo {
     render() {
-        return (h(Host, { key: 'fca8804da9eefb7c507105e65855b98ad7540f54' }, h("h4", { key: 'cad68d4d24fe893466199e49e793925cda3009ef' }, "Toggle switches"), h("div", { key: 'fd5ef6232ba3f8e721df134b23436219081f2207' }, h("p", { key: '5cbf84c59750c6bb0a3d46f3558611aa0abb4992' }, "Checkmark"), h("span", { key: '76d747694fa0af956d182940ef9037c1fa2f95fe' }, h("p", { key: '89a9a5c8d0bda626e36e6383292d54d312034566' }, "Tiny"), h("smoothly-toggle-switch", { key: 'b24db43daaa5cae426e17e31cca8f0261cecd30b', disabled: false, size: "tiny" })), h("span", { key: 'c7ad97db334c7a04605722c7d40027d0f82549f0' }, h("p", { key: '8017bc1be7dbe8ffefa218239471d63f81963a4f' }, "Small"), h("smoothly-toggle-switch", { key: '0eca2f9dee8b3df68b7c6abb7cedb49c584bc746', disabled: false, size: "small" })), h("span", { key: '76050daeb22306cdd9fe338dc32447bde9aa27a4' }, h("p", { key: '9b7a2aea3fd9610c31796db1aa80e19ef533f77a' }, "Standard"), h("smoothly-toggle-switch", { key: '8a8ddaeddabd215bfefb7cc8e5e8922de7611c36', disabled: false })), h("span", { key: '5c368e1643a039d9f5866e9af47e8fc43df52136' }, h("p", { key: 'a806fef7422d104310df6d2e7bc9fb7ab1e00e5b' }, "Large"), h("smoothly-toggle-switch", { key: 'ee02dc008e9772eb3cdb08dba43c561a3403f983', disabled: false, size: "large" })), h("p", { key: '8ce395520724950f214b9547b955e990e6aea90a' }, "Colors checkmark"), h("span", { key: 'bf64b22381e656ea3247bbbf1c0899cf5a979e0d' }, h("p", { key: 'd2a291618918db1e4c50eced1ee1bdc48a9e6f38' }, "Danger"), h("smoothly-toggle-switch", { key: 'a6a6e9c125b40e0a61c3a6c2b4e4b6be52fb0536', color: "danger", disabled: false, size: "small" })), h("span", { key: 'bb3bc51fc86fc81836bd2a46595180f6d75a564f' }, h("p", { key: 'a855a115dfab68fad5982e4dea7b4cb7d265875c' }, "Primary color"), h("smoothly-toggle-switch", { key: 'c3dafe2cd00babb67954d9156fef1bd72b0a3914', color: "primary", disabled: false, size: "small" })), h("span", { key: 'bb6161cd265ec53c84e58f536eae55a302e90796' }, h("p", { key: '74766be3ec7c673a3e0173571b407874b40eca6a' }, "Secondary color"), h("smoothly-toggle-switch", { key: '8bd4b3c0c3bf0359b03a0a6c9858b5548d32026f', color: "secondary", disabled: false, size: "small" })), h("p", { key: '227312c4ae78cf4f2b52467f8b51216e7d259da7' }), h("p", { key: 'c74bdfadee0d0f85e14d673e8339a45b8a9e82c9' }, "Colors no checkmark"), h("span", { key: '7ce2d768fd3f9625548821f7c06a99f935649ddb' }, h("p", { key: '0ec8c03e0cb35594a16cf90839984d8c95600090' }, "Danger"), h("smoothly-toggle-switch", { key: '4296bd17bf13c14d0492f36ab9de46c4f019ead7', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'e161235344c0959c137a29cfe3b1f5692955bc7d' }, h("p", { key: '1aa4fa9769d5d991f11cdf50f37c33df527a3a4e' }, "Primary color"), h("smoothly-toggle-switch", { key: '0b7ea4e5fb15bf5f435d0cfcb83fb18dfaddb3da', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '1e06e60a8f605b79170f71c34c0fa7138df68ae2' }, h("p", { key: '9682cdd26662988812a7977cdcac1a9a38cf70db' }, "Secondary color"), h("smoothly-toggle-switch", { key: '55f0bc1e66f7925a9629cf0ec13ef1f7e7171fd8', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: '89947ffb728f613799f1ce93372ef3ec8f0cc111' }, h("h4", { key: 'a31e7b5e87461383260677fdaf600a784c228575' }, "Toggle switches"), h("div", { key: 'bcaab8c0c0a2b201eccd9618f5c4cdd7bf6aadbd' }, h("p", { key: '094b895b55b8fa71b47908d5c96eeb1ea15e11f7' }, "Checkmark"), h("span", { key: '8f4efd3fcea4e6c12e541a779f6c8404da35b731' }, h("p", { key: 'f6fdd02e752edec8bf4742e16450fcbc7b6688b9' }, "Tiny"), h("smoothly-toggle-switch", { key: '3fc6037f4960b8d32ce09f3f9ebba37016e6664a', disabled: false, size: "tiny" })), h("span", { key: '92a0e20c60b42601e287d6ded2d410cf9621fa32' }, h("p", { key: '6f093b2c7c57b5fe575c31a6226a62952264b19f' }, "Small"), h("smoothly-toggle-switch", { key: '5218f5534e4b5fb85aa3fe936ae41793ee442fa6', disabled: false, size: "small" })), h("span", { key: '599a5d20bac26ee391ab151ec3d5676fccdc8054' }, h("p", { key: '225ae580a936c57910647d1c85f092299e8b35dc' }, "Standard"), h("smoothly-toggle-switch", { key: '8207f999bfb0f904c351cea0b527428180215013', disabled: false })), h("span", { key: '82fec0c1bc65ed93ab46f2959ca8ce06e52dbcb3' }, h("p", { key: '7b054a1c33329eced30415d1fc1d72d3021135ca' }, "Large"), h("smoothly-toggle-switch", { key: 'ed2ef6bb357f09b69f086ef8c8a2ce98c5b5748d', disabled: false, size: "large" })), h("p", { key: '79b05ec925bac067ef54dbe70a4bf5e80ab7e4ea' }, "Colors checkmark"), h("span", { key: '7d56fa63b7ea2027292cfe7c4d2299effeb23f38' }, h("p", { key: 'f9a8be885bdbad1e7a7df85b44f173ef54be4446' }, "Danger"), h("smoothly-toggle-switch", { key: '14c4d887786aa9b174b2a26d343308949373167b', color: "danger", disabled: false, size: "small" })), h("span", { key: '536e6923c3a0dc41ef2578477bca30aa4ade8c53' }, h("p", { key: 'ae6488e2f6bfe13d6b66cae9745126ec981178cb' }, "Primary color"), h("smoothly-toggle-switch", { key: '9cc32d5f6a276302a112aacf61a632e7d8628ba7', color: "primary", disabled: false, size: "small" })), h("span", { key: '5770c9460bbba19e751d3925d4f2079eb82b2eed' }, h("p", { key: '52ac34e499689e7707c1f00ec257f2b2c5421289' }, "Secondary color"), h("smoothly-toggle-switch", { key: '0ed76db9819fbb9c055b97ae379f7e570cb1941d', color: "secondary", disabled: false, size: "small" })), h("p", { key: '0ccac3a8a3d45f84e2e897ca1c70bdf5399fdb82' }), h("p", { key: '83ffda4b2eda61607de34fbfa6ec3a0cf57d34b4' }, "Colors no checkmark"), h("span", { key: '152648b67751cc22397a520de71a40f7b546f042' }, h("p", { key: '5f84c9c846c0c3c8f31d419b8b2dc9a71201c697' }, "Danger"), h("smoothly-toggle-switch", { key: '2e8f8db8f6e44225f52a0c23c55a18221d9194bb', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'ed667a303cd132a9c33998fd24318784c7e211a2' }, h("p", { key: '8dd99066536c3569875e1d9b1756201f13b355b0' }, "Primary color"), h("smoothly-toggle-switch", { key: '596e8528d7068418d54650dd77e57e9d7e0c8b6f', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: 'b5aedfa2dc4cca37b931eb8303f1768d091a9c5d' }, h("p", { key: '2b3b9216aeb1f94641b91eb0c0ec81afdc39561f' }, "Secondary color"), h("smoothly-toggle-switch", { key: '8d5c92b17027032fa44a88a13382e223787b029a', 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 CHANGED Viewed

@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: 'c7781efa34cec41259abf21144c91f24e5722624' }, h("button", { key: '229d205e4841dd4bf7f6724e42c7579209d770df', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '22f35503b6c74e001101dc6dda4e3e6736f3bba7', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: '3a4b9d310da72b52813117929327c8a9a42d32ad' }, h("button", { key: 'ac17b5375ebd1a4437f8ed632f93f1a7c6dde5b3', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '4a07e19ec0a7ee3d0f124b6bcaa2529e055a2a9f', 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 CHANGED Viewed

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