smoothly 1.4.0 → 1.6.0

package/dist/cjs/smoothly-checkbox.cjs.entry.js

@@ -82,13 +82,13 @@ const SmoothlyCheckbox = class {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (index.h(index.Host, { key: 'face01fc07b26eaf527a0f9d7559953354e34992' }, index.h("smoothly-icon", { key: 'b93038d3020b625e687c6da87a7e36f1e594c66f', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (index.h(index.Host, { key: '323988d0a6cc134bf5b7b81ff72781dd18d3f961' }, index.h("smoothly-icon", { key: 'b391cfbb2f85b7104f50bf7dbe4c65333d8ec2e1', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
                 ? "close-outline"
                 : this.intermediate && !this.checked
                     ? "remove-outline"
                     : this.checked && !this.intermediate
                         ? "checkmark-outline"
-                        : "empty" }), index.h("label", { key: 'c503a44c24490a86019aef9cae8e7ae7ec84f7ff', htmlFor: this.name }, index.h("slot", { key: 'd7be72b4300bdb3ba32d327bc5e0cc302b45e4b2' })), index.h("div", { key: '84981ab79d0b95528abe9f66231bbfdaf859b994', class: "expansion" }, index.h("slot", { key: '5b54e125312338abb6cde3df313211e7aee45771', name: "expansion" }))));
+                        : "empty" }), index.h("label", { key: '66d4db27f21ba2fa6028e86f74f2fe1144173a1c', htmlFor: this.name }, index.h("slot", { key: '770aa4d341f3c8eab9c30c425f5d4238486514bb' })), index.h("div", { key: '5ca14b89e54eaf8d9cf71eaaf4044de455465e7c', class: "expansion" }, index.h("slot", { key: '0bd41245edcfb83a91cdec2d008663f7c18d750d', name: "expansion" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/smoothly-color.cjs.entry.js

@@ -13,7 +13,7 @@ const SmoothlyColor = class {
         this.color = undefined;
     }
     render() {
-        return index.h("slot", { key: '4577e626b5c5b43ac2c3b5af750ae8158519f936' });
+        return index.h("slot", { key: 'e22958a82e15edad2bdaeaec98bfce4282f78094' });
     }
 };
 SmoothlyColor.style = SmoothlyColorStyle0;

package/dist/cjs/smoothly-country.cjs.entry.js

@@ -11686,7 +11686,7 @@ const SmoothlyCountry = class {
     render() {
         var _a;
         const name = this.language && this.value ? from(this.language, this.value) : undefined;
-        return (index.h(index.Host, { key: '0d061c89c29fb57b8052429af454a153ed21579b', title: this.text == "alpha2" && name ? name : this.value }, ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397))) +
+        return (index.h(index.Host, { key: 'be86e6be7e771e5bc83917071aafa02ccc987ca6', title: this.text == "alpha2" && name ? name : this.value }, ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397))) +
             " " +
             (this.text == "alpha2" ? this.value : this.text == "name" ? name : "")));
     }

package/dist/cjs/smoothly-input-checkbox-demo.cjs.entry.js

@@ -10,7 +10,7 @@ const SmoothlyInputCheckboxDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2104cc384387df5aeb2753f3751f8950bf11a26d' }, index.h("h2", { key: '6ecc167f4ae3d4daf2c7ea9015ffe78ef6d9ff5b' }, "All inputs"), index.h("smoothly-form", { key: 'ce7012e838f4b6ee4b825d81e2e44c47ac20b55d', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '4041036e9c3ec44f2405c11668e8087b03e69866', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'eeca4b5952fddcea3c4f6d230473faf4fe63af49', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '68b79758a8ca25d63cc4e7b638b092280959d5ca', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'e90a5ac6f5383fc8417129f58ebba4287d6df90d', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'a4aed7fd6afb4c119e2c132700a3e321a9710156', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '0a3bcea2e33c055893d0ef3dbae9809d1777c88b', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'fed958855b194dcdda3a8f86ef134e9684653dc9', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '210eec31d9d4329cf3b40570981e1e009ce0a5c8', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'd39285d1c9f9ad48304562c857f3bbb9b80cec6a', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'bedd301d6fd275c5e4d89e342b210c89833a2b84', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '11efb4e2d3cc6aec4e94826d22a03fb1fd740c8d', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'cf8eaacdb68bfff8c54e4aacbfc9fd10f84efe7c', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'd70be0e1b897dfe09f06d9b440b961a37f40b6ec', slot: "label" }, "Month"), index.h("smoothly-item", { key: 'fb552cea8aa152b5085f68cba8fe035a9e7d5121', value: "1" }, "January"), index.h("smoothly-item", { key: '40b8727e5f0fb06ae255060bf84aa20e27ec0675', value: "2" }, "February"), index.h("smoothly-item", { key: '48b59616458a0e1f32282fd04c43bb603a03d886', value: "3" }, "March"), index.h("smoothly-item", { key: '9ef6bd978a48b22058ba112bedd974cacd456b25', value: "4" }, "April"), index.h("smoothly-item", { key: '622c6300416a964ac4d5938ea375f20f5a4936f9', value: "5" }, "May"), index.h("smoothly-item", { key: 'fcc0a248253b936088ef8904d0c8ac4d1d6ec470', value: "6" }, "June"), index.h("smoothly-item", { key: '0708bc7c8ad4996ca531ff8a14e8e37a142ca2f0', value: "7" }, "July"), index.h("smoothly-item", { key: '71a766d163e841a551a5332b11324212c6a5ed03', value: "8" }, "August"), index.h("smoothly-item", { key: 'e9cfeda4ea89db8c2363876771bdd52114391f1f', value: "9" }, "September"), index.h("smoothly-item", { key: 'cf8b7d36d4b043baa35534f3d85c8110f74ff9bf', value: "10" }, "October"), index.h("smoothly-item", { key: '5c5fff4bf7b21f89484a2271aa9da180459a9ab9', value: "11" }, "November"), index.h("smoothly-item", { key: '288a15439fc1eb9de06f2d2bd7d7f2ff8c8d2369', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '94b95ec2f190476eed3b704c8b56a3cc6cf3bccc', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'aa77f2bbb9ee5ce2a02017ed8b237f299f046e41', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '353cfa8d150c67e55ea6cb792540ab4b48c7955c', value: "folder", selected: true }, index.h("smoothly-icon", { key: 'e081afa0ba1810cdbd150cb44728379ab62d0bd9', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'f79ee7115182f38778a53e5ec89cabc964cb9e73', value: "camera" }, index.h("smoothly-icon", { key: 'aa9197729a619ffa5f3adfe61c23cbc0dccc2e64', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '5243e00fa3aae53a671ce6d8f3c984c5aa814147', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '984f98932af3edeaf2188ad4fea15232d2f9faab', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: 'c9af1b41f0dabe3154f56d9338a103be67a4d8e0', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '6152350ce38d0d9580c9146ac4f76b1fcb2fb171', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '4fbc4cc41a6ed474a37847ea6f1e28b0eff00033', slot: "end" })), index.h("smoothly-input-range", { key: '1d5848a587da50aeac940bf32f4a2b438b9c46e2', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '5c20d409be0fdd4d65c2617af5c7f8c61429656d', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '2f0d2d5a7a37b55bcf008722f17931eb7d67c26c', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: 'f84c95cc8d4fec6dbfb00ce4d8ef032fdf316155', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '0a12f7f97c74cd8d3bed06f51e68f2e7a77ffaaf', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '02fb9f389eaa885aba5e76c4374ce6a9985d98bb', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '513bd956bd1717e360e4288f3fcd568880911aef', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: '07a7fefa248053dcef8fe1e15a3a3d488ad9b40f', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: 'd4196ebeb8f4f96d2e5ff77ebb879b7f613a085a', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'f254f54ae84f49d9a4e2f636cdbaa48a2caa9bbf', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '5d811e2e74179fa435a82c9f77b55e40f45cd5d9', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '01c64692413e871b9b67c3edf66609c447ec3d27', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '26b4998ca1fead557f9a75775c450e5a075b5788', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '7e879ef3257c9cfa8e48d1ff3b46b2cb2ba954bc', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '6bfb8554a53ecfff486c3c07d74d39938d372b3f', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: '91aae95177fd66ee9dc504cb57d386fa64ca7040' }, index.h("h2", { key: '547a7c8dc8708b0c08462a9f094a4d00c13be893' }, "All inputs"), index.h("smoothly-form", { key: '545379cf0d32f3d8df9d4252defb8b03367e1152', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'dd85a0e169803a854c9b87deebc38b0bcb8fdd03', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'b6e0a378f7a6ebb3b5954c75009bf62c2f726d8b', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'f8640634f0dbce9a7c1658ebda0b0ca565f9ae71', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '844dd7e60dc606b2fec43f09a33a92d75ca81551', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'ee73bc11318cc9a3104b6de348283317366f3026', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '71f68a1faff55301c55d9b55411a4a3b46b33f5d', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'e43c3414f050d967beb80c674f727dbf334f521f', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '979c3266c584360d348b1df32e183f4639fd21fa', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '1b57765ee6f4d76ba4f954c4ac027f46fac88cd4', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '461f02a8de919a4a170902e03efd20170e3c8292', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '4b00fc5b50ff3e395ebbf337c6384f59cc6e30a6', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'f750afb8e0c685341d32dfed36a6d148500e3c51', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'f8d4ce6c694403434040a0fb57c776197c6a9f7c', slot: "label" }, "Month"), index.h("smoothly-item", { key: '6c5ee08a2fceb2ef7d53bb4dfbc683af05f232b8', value: "1" }, "January"), index.h("smoothly-item", { key: 'aeb84ed01dab144064d2b7e3bd73472957bd55d5', value: "2" }, "February"), index.h("smoothly-item", { key: 'c2d1acd2d5fd87d7dbfd919ae2436bc203782f3c', value: "3" }, "March"), index.h("smoothly-item", { key: '656defac4961f91f8ba929d9e1dd61d5b1678371', value: "4" }, "April"), index.h("smoothly-item", { key: '6c42b3107d92018c4d76ed644e73746121457c75', value: "5" }, "May"), index.h("smoothly-item", { key: 'dfe2c31b55df3d489f4a3d867c7d0c4f4355f4d2', value: "6" }, "June"), index.h("smoothly-item", { key: '0501cf1ae04a6091cddb9648bb9efe0be01b13c2', value: "7" }, "July"), index.h("smoothly-item", { key: '40924977dae0a1c7a8b3a1c009da7030cbacbd46', value: "8" }, "August"), index.h("smoothly-item", { key: '3fb03182f8cfec98a323b2f0479c300efa69d1cd', value: "9" }, "September"), index.h("smoothly-item", { key: 'cfd122f81a69e9bd553b3f348c824a65ba1d4a26', value: "10" }, "October"), index.h("smoothly-item", { key: '798f2cdfe7a10d7c84fe98050dfbfe1253b77455', value: "11" }, "November"), index.h("smoothly-item", { key: '6405f3a207aa6007a1f09faa3f123ae963b9c668', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'a7932851dc2b636fe60a5b0f19e4d3f6d56b550a', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '24a486638f146e93ada5a565213cad60522ae9d8', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '80ff1a66b7b223df530461c76e8796bcaa1c0ca5', value: "folder", selected: true }, index.h("smoothly-icon", { key: '98ec06c58f59573e7d103b358b7bc76e7fd13842', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '45c37d51acc6ed792235dde20061c8dbb0a85a90', value: "camera" }, index.h("smoothly-icon", { key: '96e067296ec269ebdad600d7f20ff3d49ac8ee14', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '8094ad4c5a0430bdb12eb24884fa8c97a765ae0d', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '584f5ea10a0d2f35f32b74cecedb3a747e688ab6', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: 'd3b9c0e9eac0dba1315431fbd2ad38baf37b816c', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '9ecbafb403dd2515af8a13853779874847b94abf', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '5872d15da2f85bbdacbb498ed93d9973cb342151', slot: "end" })), index.h("smoothly-input-range", { key: '47182ac0465fbc3f367902ef29c7c12bb3eb141f', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '768f9ce146e78d7f746fae5691e61291272df971', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'b9bcdc0ad7807b1ebc32fe576b1ad71ace42f16a', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '9d294d8afebdc66a09334bfcabac1645aaf6064b', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'e9f7f610645eff1bdc7fec78a2a520962a06501a', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '8582f324a887225c858b4c625441fa582119f5b2', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: 'f8dded9f292f22968029d5a279087fc2c68fc630', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'b9feb7d182e47fd3116165f9c6da7632465e2624', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: 'ad92fc48130c51c722dded0a4c8496233fc3fc47', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'a907b28bd000235eb96bc744cb874a12b4fff3f0', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '9c1c365c9d595640400f21fd250fb6f6f02ee99c', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: 'f2cb34fec34d9f7066371604366a97aaf8fe1a01', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '7c205877ee9ddba670e62b047d422a2449334053', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'f75c093be0a6c7b868138f4e5c2fc0a86ed02466', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '85e5bced4e5b2036a06fd7364346f015c2462b5a', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };
 

package/dist/cjs/smoothly-submit.cjs.entry.js

@@ -37,7 +37,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Submittable.Button, { key: '5ee3843f853946af074245c61d9d0f5eb77e32b6', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'cd267bcdb7435ef93652e1514f12710e43d43cdb' })));
+        return (index.h(Submittable.Button, { key: 'b0aa05118574fce76078015f942798b039b22d4f', disabled: this.disabled, type: this.type }, index.h("slot", { key: '7c7ca7592ef4365c241aa0f8007d86b0c44f2053' })));
     }
 };
 SmoothlySubmit.style = SmoothlySubmitStyle0;

package/dist/cjs/smoothly-trigger-sink.cjs.entry.js

@@ -29,7 +29,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '443ea035ceeec253cfa3b400ebac5f157351566e' });
+        return index.h("slot", { key: '4b6b495d4132d07c8cd19cb21ce2d02b6ab36f20' });
     }
 };
 SmoothlyTriggerSink.style = SmoothlyTriggerSinkStyle0;

package/dist/cjs/smoothly-trigger-source.cjs.entry.js

@@ -25,7 +25,7 @@ const SmoothlyTriggerSource = class {
         }, window);
     }
     render() {
-        return index.h("slot", { key: 'eca8041f95cbe7d1c501e007fbe6e83c709f03bd' });
+        return index.h("slot", { key: 'b2857d9f71f40fe78b08a1b5408f43dd6331f4c8' });
     }
     get element() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ export class SmoothlyAppDemo {
         this.baseUrl = undefined;
     }
     render() {
-        return (h("smoothly-app", { key: 'aa798117a543b094b87cd4f794e41c2c62eedcf5', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-trigger", { key: '8576545a5f1408fe488c80ca5a0856650d3d5b49', slot: "nav-start", type: "link", name: "logout" }, h("smoothly-icon", { key: '1a9947b787c40e5d5b12c8477f1c4ffe393e0474', toolTip: "Log out", name: "log-out", size: "medium" })), h("smoothly-app-room", { key: '9653a86cd2f346ffc301960432f8eeaf690e0e70', path: "/root", label: "root" }, h("smoothly-theme-demo", { key: 'fd749cb147c01fb958ed096d077a029de1f26697' })), h("smoothly-app-room", { key: '727ba15cef2a69ab89c28f552d44990a6768dae6', path: "/links", label: "Links" }, h("smoothly-input", { key: '44b3a95f3ef5c88763f4615198361660756066c6', type: "text" }, "Default"), h("div", { key: 'ec9caa80e9960bcaa73944459f6f04bd5293c67d', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: '1763ca643449adf56a5709b716adb8f2a9af898c', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: '090a3ef85119ac1fd24e96971077d386e4b431eb', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), h("smoothly-button", { key: '075b6d63e37e741003b83a4ed5a0852f5bdb32ea', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '67a4e3426af4c0195af3958534ebe696e79d7f64', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '469b300005825ea47e9ff2b6dd1546c1f240d320', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: 'fa597eed63894a2b79230662218b4b4bb0a4123e', path: "/form", label: "Form" }, h("smoothly-form-demo", { key: 'c3c3fc18571c6c7749ebe336c101b3c6958c6ce5' })), h("smoothly-app-room", { key: 'e74f975d2821661b1252a8d39abce539474b91d6', path: "/input", label: "Input" }, h("smoothly-input-demo", { key: '2622b3979883e8b22ee24549e088235c4def37f7' })), h("smoothly-app-room", { key: '281e375aa7899aca4a72b1f28e5c35dba5afe47b', path: "/button", label: "Button" }, h("smoothly-button-demo", { key: '1aa500d67a2db7debedcd51a1dab5540b7e76839' })), h("smoothly-app-room", { key: '52cca01be8d244ba27a9a0de84a7e9f6b38de862', path: "/dialog", label: "Dialog" }, h("smoothly-dialog-demo", { key: '2ead6d7fdbccfac18eaca281324a022bb2476683' })), h("smoothly-app-room", { key: '1293f71f581304e67b7b23fd3ef7ea5b5358672a', path: "/display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", { key: '081a6770103ae7e31f862d2431932a23e3c44883' })), h("smoothly-app-room", { key: 'edf9fc7b7c778e319f7072a06604962e9a887d45', path: "/table", label: "Table" }, h("smoothly-table-demo", { key: 'd4fd3e790dbff9761b7900611870c4de8ba3463b' })), h("smoothly-app-room", { key: 'def6a10fe0cb4a2bb2c660a7a08d92f66bdefaf7', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: 'a612be377600630739c788f3e76978653b5750fd' })), h("smoothly-app-room", { key: '4b37f6e8cc32b66eed31354be28c8979e5a44872', path: "/icon", label: "Icon", content: h("smoothly-icon-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'fc40658c71e321e7cd65fc4c0583a2799809cca3', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'b4475ca298c2fb6598dd75c4a16a0bd47c234fa9', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: '402887f2f0c5477ce46105be52197f5073a2d5c6', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: 'cf2d2d8c4936eecc243cf121f5d40bd94d1006f6', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: 'e8354e2f81be7ec324ae734784022acdb02162cc', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '62411c9f8b6d9bb88ebef3fe531e912d2b27f97e', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: '6b7fe4565b60a0f76c36ade149536daca1eff5b0', path: "/hidden" }, h("p", { key: 'c87cebb277d5463d07165e3fb7b8068dc317735e' }, "hello world!")), h("smoothly-app-room", { key: '9a06e5a59ff5ff8db9b465826653f26f477ebdb2', path: "/redirect/nested" }, "this is a nested room")));
+        return (h("smoothly-app", { key: 'aa798117a543b094b87cd4f794e41c2c62eedcf5', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-app-room", { key: '85bdb920a4cec5690305c57ef11b4b73f447c0bf', path: "/" }, h("section", { key: 'd47727e787b05a0d0967b8163c9c58d06fe51aae', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, h("header", { key: '03c54ddb20c1dcf03a60064cfedffa85ca0ced63' }, h("h1", { key: '99d367240e9e297cc1add3ef17025174f3c5c755' }, "Welcome")), h("p", { key: '9a40f185f369a48250800c705eb696a3bd26c8cc' }, "Smoothly is a component library written in ", h("a", { key: '89580a4c8ecc4c51db342447b1a38f99ad171234', href: "http://stenciljs.com" }, "Stencil"), ". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."), h("p", { key: 'b6fff912b28bb704fabd933b4f8bb20e732e05c7' }, "This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))), h("smoothly-app-room", { key: 'deac2fa2f54e269eee396c3d22edd4356ba46b27', path: "/form", label: "Forms", content: h("smoothly-form-demo", null) }), h("smoothly-app-room", { key: 'd126eddf7b846dc7867f76a1e79e8c0aea3dc104', path: "/input", label: "Inputs", content: h("smoothly-input-demo", null) }), h("smoothly-app-room", { key: '631bc052402b12971f763c9f67b5e765576af335', path: "/table", label: "Tables", content: h("smoothly-table-demo", null) }), h("smoothly-app-room", { key: '404c6baa19f137d8cf7e4ef1ea8b4d6b7acec7a5', path: "/button", label: "Buttons", content: h("smoothly-button-demo", null) }), h("smoothly-app-room", { key: 'ca2c1e442eb84bdd05144b47ebeaeec665921763', path: "/icon", label: "Icons", content: h("smoothly-icon-demo", null) }), h("smoothly-app-room", { key: '3ef2dfe590dcf35c374f66b01d7461c4bc5d3315', path: "/theme", label: "Theming", content: h("smoothly-theme-demo", null) }), h("smoothly-app-room", { key: '996329ff5578821430839a8329602557d8b35d07', path: "/dialog", label: "Dialogs", content: h("smoothly-dialog-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: '10c2ce61fade60508756db67a65cf875a67b8d31', path: "/display", label: "Display", content: h("smoothly-display-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'dae62864d7bf7d39bba3406696ac6cf3b557037a', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: 'e27a260608972b5433792874a20319707f63d892' })), h("smoothly-app-room", { key: '504d400a32ed9c9788e524d0fd45540f1cce847a', path: "/links", label: "Links", slot: "nav-end" }, h("smoothly-input", { key: 'e7ceaa22d7d81f3de43811b3fb5b3dc134f3e5bb', type: "text" }, "Default"), h("div", { key: 'bbdfd8ad120568fe607633fb588ecc67d591bf2d', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: '1b5522a4fa3186436eb48f5a49142abdc69859fe', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: '17ae745a6e90dd94dc51d5959e10b25d5273bee7', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), h("smoothly-button", { key: 'b127a29fd4e4ea738f436c64b52e682ddf8a84cc', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: 'ed71219b2fb38b3016ff09dee36b0031c270e5a6', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '8fdff6cb0ed7981ff19a1fbd9ad81da0eda547d8', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: '8bb16ffa57c618efaaae0a2d21c32d09dbd65347', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'c6815e44d4787c9ad54c30115f68f63d209454cd', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: 'a0faa90c3f06b94020e4c2c4ad74fe8b9523654c', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: 'f2f54a2efa26bfe2c586cc1770b2c4892d00224e', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: '780dccc231035cdf42b814ff25ab54f14d155e49', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '53b5ea0d44d241691022ac0cb20bb2dacb9b4b11', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: '0ea49f1e50e0bbd1391e159cda3a0220cba3c4e3', path: "/hidden" }, h("p", { key: 'da7730eebeb034ef0e49bb72e257d55aa8c3d0d2' }, "hello world!")), h("smoothly-app-room", { key: '007d7288fdd999a8212da09f70ff8edfeb4e5ae8', path: "/redirect/nested" }, "this is a nested room")));
     }
     static get is() { return "smoothly-app-demo"; }
     static get properties() {

package/dist/collection/components/app/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/app/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-app-demo\",\n})\nexport class SmoothlyAppDemo {\n\t@Prop() baseUrl: string\n\tapp?: HTMLSmoothlyAppElement\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-app color=\"dark\" label=\"Smoothly Demo\" home=\"/root\" ref={e => (this.app = e)}>\n\t\t\t\t<smoothly-trigger slot=\"nav-start\" type=\"link\" name=\"logout\">\n\t\t\t\t\t<smoothly-icon toolTip={\"Log out\"} name=\"log-out\" size=\"medium\" />\n\t\t\t\t</smoothly-trigger>\n\t\t\t\t<smoothly-app-room path=\"/root\" label=\"root\">\n\t\t\t\t\t<smoothly-theme-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/links\" label=\"Links\">\n\t\t\t\t\t<smoothly-input type=\"text\">Default</smoothly-input>\n\t\t\t\t\t<div style={{ padding: \"1em\", maxWidth: \"12em\" }}>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" link=\"https://google.com\">\n\t\t\t\t\t\t\topen\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tfill=\"solid\"\n\t\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\t\tlink=\"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf\"\n\t\t\t\t\t\t\ttype=\"download\">\n\t\t\t\t\t\t\tdownload\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" fill=\"clear\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/form\" label=\"Form\">\n\t\t\t\t\t<smoothly-form-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/input\" label=\"Input\">\n\t\t\t\t\t<smoothly-input-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/button\" label=\"Button\">\n\t\t\t\t\t<smoothly-button-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/dialog\" label=\"Dialog\">\n\t\t\t\t\t<smoothly-dialog-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/display\" label=\"Display\" icon=\"eye-outline\">\n\t\t\t\t\t<smoothly-display-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/table\" label=\"Table\">\n\t\t\t\t\t<smoothly-table-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/tabs\" label=\"Tabs\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-tabs-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/icon\" label=\"Icon\" content={<smoothly-icon-demo />} slot=\"nav-end\" />\n\t\t\t\t<smoothly-app-room path=\"/redirect\" label=\"Redirect\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/input\">\n\t\t\t\t\t\tTo input\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"../button\">\n\t\t\t\t\t\tTo button\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/hidden\", window.location.origin).href}>\n\t\t\t\t\t\tTo hidden\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\t\tTo redirect\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"nested\">\n\t\t\t\t\t\tTo redirect nested, relative path\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/hidden\">\n\t\t\t\t\t<p>hello world!</p>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect/nested\">this is a nested room</smoothly-app-room>\n\t\t\t</smoothly-app>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/app/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-app-demo\",\n})\nexport class SmoothlyAppDemo {\n\t@Prop() baseUrl: string\n\tapp?: HTMLSmoothlyAppElement\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-app color=\"dark\" label=\"Smoothly Demo\" home=\"/root\" ref={e => (this.app = e)}>\n\t\t\t\t<smoothly-app-room path=\"/\">\n\t\t\t\t\t<section style={{ padding: \"1em\", maxWidth: \"32em\", margin: \"0 auto\" }}>\n\t\t\t\t\t\t<header>\n\t\t\t\t\t\t\t<h1>Welcome</h1>\n\t\t\t\t\t\t</header>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tSmoothly is a component library written in <a href=\"http://stenciljs.com\">Stencil</a>. It can therefore be\n\t\t\t\t\t\t\tused across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tThis is particularly useful when trying to unifying the user experience across projects written in\n\t\t\t\t\t\t\tdifferent technology stacks. It is also written to minimize the amount of code you need to write to\n\t\t\t\t\t\t\tachieve a nice user experience.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</section>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/form\" label=\"Forms\" content={<smoothly-form-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/input\" label=\"Inputs\" content={<smoothly-input-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/table\" label=\"Tables\" content={<smoothly-table-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/button\" label=\"Buttons\" content={<smoothly-button-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/icon\" label=\"Icons\" content={<smoothly-icon-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/theme\" label=\"Theming\" content={<smoothly-theme-demo />} />\n\t\t\t\t<smoothly-app-room path=\"/dialog\" label=\"Dialogs\" content={<smoothly-dialog-demo />} slot=\"nav-end\" />\n\t\t\t\t<smoothly-app-room path=\"/display\" label=\"Display\" content={<smoothly-display-demo />} slot=\"nav-end\" />\n\t\t\t\t<smoothly-app-room path=\"/tabs\" label=\"Tabs\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-tabs-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/links\" label=\"Links\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-input type=\"text\">Default</smoothly-input>\n\t\t\t\t\t<div style={{ padding: \"1em\", maxWidth: \"12em\" }}>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" link=\"https://google.com\">\n\t\t\t\t\t\t\topen\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tfill=\"solid\"\n\t\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\t\tlink=\"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf\"\n\t\t\t\t\t\t\ttype=\"download\">\n\t\t\t\t\t\t\tdownload\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" fill=\"clear\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect\" label=\"Redirect\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/input\">\n\t\t\t\t\t\tTo input\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"../button\">\n\t\t\t\t\t\tTo button\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/hidden\", window.location.origin).href}>\n\t\t\t\t\t\tTo hidden\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\t\tTo redirect\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"nested\">\n\t\t\t\t\t\tTo redirect nested, relative path\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/hidden\">\n\t\t\t\t\t<p>hello world!</p>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect/nested\">this is a nested room</smoothly-app-room>\n\t\t\t</smoothly-app>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/app/room/index.js

@@ -28,7 +28,7 @@ export class SmoothlyAppRoom {
         }
     }
     render() {
-        return (h(Host, { key: '145d89e87e5bc7988a2c37b30321e8e969724508' }, h("li", { key: 'bf5a642b87750bf78273b9eb856187ec5d0dfade' }, h("a", { key: 'b22e1fcf21a1d4cb60d73b967cca67e639ec539b', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && h("smoothly-icon", { key: '7a40b124bcda86b48dcd10a32a240c413c2851b6', name: this.icon }), this.label && h("span", { key: '01cb8b9aa06d17a13c3eed564e870fe4fba2e438', class: "label" }, this.label))), h("div", { key: 'a75f04cbb0aca3574f8b309cf88fa96c82a461aa', ref: e => (this.contentElement = e) }, this.content && h("smoothly-lazy", { key: '37efba7cfc89753339c41038f6f69e6c380ee187', content: this.content }), h("slot", { key: '0b5a9394b9b83f153b73c6de35365a3cfc58a7da' }))));
+        return (h(Host, { key: '6eab15e4c0747f152c898fcb1969460af052d108' }, h("li", { key: '2db436defe1028a66ef19a2bbd5348bda5ddcf28' }, h("a", { key: '120eb06853ed283b30aea0151eddf1e09b591c74', href: typeof this.path == "string" ? this.path : this.path.pathname, onClick: e => this.clickHandler(e) }, this.icon && h("smoothly-icon", { key: '6c3d5c9aa929c3054f69589e791af769ddc388f0', name: this.icon }), this.label && h("span", { key: 'de38c06e82e85b9a4d6d94ab5e56211d8f121142', class: "label" }, this.label))), h("div", { key: 'f73931b20dd9a48bfa911129591e31749875917b', ref: e => (this.contentElement = e) }, this.content && h("smoothly-lazy", { key: '36ffa7a77bd7317a04b84f82a1846d4ca8f41a8d', content: this.content }), h("slot", { key: '6ccdfed94a22ad7ece2388fba3d4734aa6a2b509' }))));
     }
     static get is() { return "smoothly-app-room"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/back-to-top/index.js

@@ -22,14 +22,14 @@ export class SmoothlyBackToTop {
             "--bottom": this.bottom,
             "--right": this.right,
         };
-        return (h(Host, { key: 'b2fe364dcdf392c75b51a6c0bc90802ac2c9b44a', style: cssVariables, onClick: () => {
+        return (h(Host, { key: 'baf97943484b567fb756707ac58a22f1445fa91a', style: cssVariables, onClick: () => {
                 var _a;
                 return (_a = this.scrollableParent) === null || _a === void 0 ? void 0 : _a.scrollTo({
                     top: 0,
                     left: 0,
                     behavior: "smooth",
                 });
-            } }, h("smoothly-icon", { key: 'd0d21c03ed49fcc248ab89c8a5f54de6d3c995ac', name: "caret-up-outline" })));
+            } }, h("smoothly-icon", { key: 'd560b65f6c2133406a5dedafb59c5e3c513587b4', name: "caret-up-outline" })));
     }
     static get is() { return "smoothly-back-to-top"; }
     static get encapsulation() { return "scoped"; }

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

@@ -39,7 +39,7 @@ export class SmoothlyBurger {
         this.history = result;
     }
     render() {
-        return (h(Host, { key: '6cf2501d1c4ad5a0a2865dd41667e40abffe756a' }, h("span", { key: 'c7bb85eb13d1acb54554a6456aa279f1e8593da8', class: "burger" }, h("smoothly-icon", { key: 'b7b51da7eb3de4c290ba0f4f0c9f9a44fe494c00', name: "menu" }))));
+        return (h(Host, { key: '7361aec3225da683952809dbd6dce297e09b84da' }, h("span", { key: 'f17f0f059c3263f334df3733b7d1b6e977fd6d0c', class: "burger" }, h("smoothly-icon", { key: 'd5e02f20a96f19685e5f5d8234d50f8c58911da2', name: "menu" }))));
     }
     static get is() { return "smoothly-burger"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,9 +2,9 @@ import { h } from "@stencil/core";
 export class SmoothlyButtonDemo {
     render() {
         return [
-            h("h2", { key: 'bddbcdcb9ce5d83b6bfa7b6ecfdc6aa39a2eb566' }, "Buttons"),
-            h("section", { key: '1a68d5f5e150439e623fa625432c0b76d84cb4da' }, h("h4", { key: 'ce297567bb70f6f61cb5c9adfce457b96a727dee' }, "Confirm button (two clicks)"), h("div", { key: '6b8561f4fe3001800c5a058e01a023361e8ff5fc' }, h("smoothly-button-confirm", { key: 'c26ec515d6e59142694394336d6c408f9d77d5c2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: 'bc1fe30703e9469b80851611286309c2465b6708', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: '2c5ad6e48b66c4aac2b85dc8ea27b292b9229054', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: 'b00eff042a7e4ad8d84dbd5928499dfe93e0aade', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: '180734788ed2a6bf6dd7b833ec6e2bb8c8aa4d65', name: "trash-outline", size: "tiny", fill: "outline" }))), h("smoothly-toggle-switch-demo", { key: '05f0025358df19ae26c50e988f75488f41da289d' }), h("h4", { key: 'a9d8bcaea4a0f4faefb18091126dbcdf41f310d9' }, "Links with icons"), h("smoothly-button", { key: '167bbb5902842ca9bffce2c147d628d56e400190', type: "link" }, h("smoothly-icon", { key: 'd072acb7417bacbe2f7ecdc46aabda39cbdbfc06', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: '009968c3ec3174984ea7d2d0f8583283dac79cd7', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: 'a006bec82e32c090679bf672067786ad20ee1a1c', name: "call", slot: "start" }), h("a", { key: 'f07b7790a97c5ee46d0f9b2208c7adc6be83b578', href: "https://google.com" }, "link")), h("smoothly-button", { key: '6bc40589a121c17134918def9047a9f4c5849d92', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: '7fe282e07c20828f9d3370fc652212dbfbffeb22', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: '8ba8336502afd8345f6fb4e4fab960482ae518a8' }, "Size and Color test"), h("smoothly-button", { key: '8853f3af8f2a529da7b4e852bb97b683b83305df', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '58bacfecc8658277fce79ca8c92b09269d98dd9a', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: 'ad0d74e0a69340b75589a4758a09aac2dcb76f00', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: '440876e5df141e0c8ac44027661f8e575921699f', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: '2c7792f5eab260fc72dea8d02a69f870e017c461', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'e6a5713a3f4c683442c44c7dce5d4b14d5ed137b', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: '9344764b926c4b7620a116f7811c569e2825440d', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: '47ee717243171483731ddb1645c4769dc02386e8', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: 'fcb45ba51f2efd49e3bb1601213d3e7ad020fbbd', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: '2445eacd62ea0749ed0bdcd7a624fc9d0003b69e' }, "Expand examples"), h("smoothly-button", { key: '9cdb6cfac5d2806e522c2764aaf4f3f8b24bd81c', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: '72c233f139b871a57202f29cc3f2d26bd45900a2', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: 'b6912697d2018ba136133d3d21349c8fade175fb' }, "Fill examples"), h("div", { key: 'e4095adae1b21cac1437407a4b032ebf2b5857fb' }, h("smoothly-button", { key: '537fb2c0df80f137e082ff7b0cfd3fd6dd0dbe46', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: '9982e7b95ca149470e6d5b34967f46cad195a35f', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: '9a7021a7c1743c2c46a8a67159d2cda23e4579c2', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: '469608b3bfc55b192d773f42ef70e567795ca455', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: '52a5d266726a031d6b66b3a1180ad37623dd74c9', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: '94e036929040b6ac859a055bde8ad09e804ad1fd', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: 'f48dfdc3b4151689bfe7c3f069156b8e97ccd485', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: '729e24c3f27ee5ee5d9ac91a872d0ebaf232ef06', name: "basketball" }))), h("h4", { key: 'f6925e64d522c3049c3df03ae5572e7cb79b91aa' }, "Buttons with Icon in \"start\""), h("div", { key: '4caf500f1fc1e0bc4fdefbada8053ec53d919859' }, h("smoothly-button", { key: '69248dd64f9f1e6bd2eb72d9bb060d2adc95230e', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: '326c813748e85699bf9378ae903f82c3a94a99fe', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: 'e32f179237d11e7168f6b9d86584a941e7c132ba', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: 'ac60c8faa7ee073a8193a670c1f4195331930f43', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: '19388cc01865030341d6e481e17f2b8201f7e2a2', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: '9ef487e2d5ee74050fb1d544d2cd38cba4e031ff', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: '551d64ac42aff595a46024e330dd09db0985f958', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: 'c834b6e258f7a992a28349103b8029384fde8a60', name: "call" })), h("smoothly-button", { key: '747732c4f71779e75dd1e28f1279afbb5ca9977f', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '39095a422a92dae1516d70fc6cd307886dd44f8d', name: "airplane" }))), h("h4", { key: 'bbbc29959dfe655b2d9cce283dea0fb02429a834' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: '24d19a5ecc1208b8a918027a8e32b7148554380e', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: '263940589ee234ba91a0ee6d80474b3df208a27f', name: "arrow-forward", slot: "end" })), h("h4", { key: '94736445a17a3cf6880880463e181f50b41e919a' }, "Test for icon button"), h("div", { key: '445605a6a79169dff7f1d8fc06afe4aa71279fc5' }, h("smoothly-button", { key: 'e2bf3d70b09f51ef033160538ee894ed7e5a5704', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: 'bb6eeb8eefa8c9ded0804b62976fa3dea30e6f04', name: "call" })), h("smoothly-button", { key: '0dc78ad3f658c896c2f1094dbb378319ce081b7e', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: 'a07d3a8a103b9ce19b11b91f2464b8e7089d1337', name: "search-outline" })), h("smoothly-button", { key: '0408dea25ae083f2427cf347677914478426dbbc', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: '38337dd0de50a5dcfe4d1ccd070826cfc0cd6124', name: "checkmark-circle" }))), h("h4", { key: '15e4d907e44d0c9191acf970a7ffa718b0baf537' }, "Link examples"), h("div", { key: 'f966263b0a25dd27dc146a28ba03774813c6469a' }, h("smoothly-button", { key: 'b1a65a0fd62273af3cb6d982ee98c7a1c565fb20', type: "link" }, "type link"), h("smoothly-button", { key: '2b19c2d53a823dcc74426b12309e6854d3a4923d', type: "button", fill: "clear" }, h("a", { key: '45c4ce410828bfb775464872aaa7e6ab6e0e800e', href: "https://google.com" }, "link")), h("smoothly-button", { key: 'c98b71da6960956e031b99d23e53cc5a123341a3', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: '559ef66961156a0c954e7a6009283a8328a4dd48' }, "Disabled buttons"), h("div", { key: '5856c23cde78acfc84c73b78aaa5c1b1f1e82c43' }, h("smoothly-button", { key: '6da6041b5d6b51adc0cc19ecf074412d7183fe7b', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: '57e28f82cf722df8dc9ecfb0bff304a345e27018', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
-            h("smoothly-back-to-top", { key: 'a1d78b61fcc3da58bd3f8683fbeccb34bbcb3ef3' }),
+            h("h2", { key: '6b4e2e7fd6f5ac09bf5f659910bd3ab9649c8c74' }, "Buttons"),
+            h("section", { key: 'a8c21a672eb93d92facc1a04cf5a1c16cf253c54' }, h("h4", { key: '95f09c04d6895f06194954208cc61da1b416a878' }, "Confirm button (two clicks)"), h("div", { key: 'ece6df70c9c0c924b9965b4cc20ca9ca411eef19' }, h("smoothly-button-confirm", { key: 'b356531d3d7858014146ccae0006bffc78e4c5b2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: '4a0228367ca0e7939537c6ac0b91137b84d53545', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: 'c13e9507e37915a2e7050dc70f9a1a31768430c9', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: '97fc730307b1148d23cf1aa7a09f2c93f3b7989c', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: 'f62955f5e18b64bb3e43eeb7dc1bd3ab3fe7030a', name: "trash-outline", size: "tiny", fill: "outline" }))), h("smoothly-toggle-switch-demo", { key: '3b8cb29571361ca1788d77a85ae53cbbe4475fe6' }), h("h4", { key: '5e3b0eef700dc84413d57bf4d825a5145cdabaac' }, "Links with icons"), h("smoothly-button", { key: 'caead3e80f98af9ae50658b45670f1dc5f56131a', type: "link" }, h("smoothly-icon", { key: '3bb40c487d33085525f382d7361609249b0225aa', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: '2e7e16027df719fb69990bdfd3936fb9f1869004', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: '1600004998730dc8abde02c692a3b01a89fec5a2', name: "call", slot: "start" }), h("a", { key: '2771f2031a33e31d3eb9b5f1c0f38127ec0f8015', href: "https://google.com" }, "link")), h("smoothly-button", { key: 'e3b44f6c7b09e0f915bc630c2f7f340ff9f5f9b3', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: '5f8ad3b08806ddc5cd7e3368e8a6248ca7b86d4f', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: '38623ab73ffd29c4b8896a88f6266e9bd6760f44' }, "Size and Color test"), h("smoothly-button", { key: '871fed09c8276e9f3eed438ceffaa25c7ab4132d', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '3c41d7224734ce85fec74214642e4804b7dcd1f3', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: '2e515425a5af576e1eee7ba100b6407a74479faf', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: 'e1ea7debe613f227b18fba7795d4358739d4b498', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: '88ce6a163227ece5cfa30b78dc04c8dd33572fbc', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'd215c603d81bf548e741f167980142b91d606ad7', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: '442b7e5070fde2adaf9581b082bcb366bc99d440', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: '97f4719f87607a0f0652c4c63c7a343e7e193e61', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: 'fdab4a41358222e77b53fb9e2b792debba0009af', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: '1a494d56ffb18e63e882a9a15a9708680305645a' }, "Expand examples"), h("smoothly-button", { key: '236c7b8f85e0fa08b09ab12ea66f0222541ca276', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: 'd37bdedd651be01d3bd5571179301e1e5cd48473', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: '7d253a8d81a443a68601b833fa939bbea608f9b6' }, "Fill examples"), h("div", { key: 'b27b8b79542e09c9dfca65a1f4b880ff12c2f752' }, h("smoothly-button", { key: '103064fe4143fdaf8053c343e4a8f8786d65fe4c', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: 'a9e90f809579431741dfdd357bf50dc7c7bfc123', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: '1f5e1196f7b1b41e1d7db735dae6baba5aa661bf', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: '5302e9c8dc0fef41953d4cbd30d1105825d0c2c9', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: '5f898650f52cec4e6e5255cebe3e62f4ef7cd3f2', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: '73b680ad46cc7b54e3605857522eb6a7a5779f72', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: '049c9368a151fd6818e32a9cc2c3c839a2dfe1ce', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: 'd089a85ca9f3abb8559c0f0d4777a642954334f8', name: "basketball" }))), h("h4", { key: '0801a466f4362bee9a68fbea8df5f68f23563ac0' }, "Buttons with Icon in \"start\""), h("div", { key: '53f0992772870859e577d2d33db8b0a26c60694b' }, h("smoothly-button", { key: '8cc2bfa082a2563e6360524b58e1ff57b6378a33', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: '5bfd5295b8bee2a4a3472501d485284214dd3aa2', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: '68aec74f5a8a131ff4a13403fb02c089ac740090', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: '5d9c4f3ccade43c8082c932ff5ce0cb607b3f75e', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: '4dce21084d04b79bd4a99c223d6a7782a7dd05fb', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: '207d7e15ba1ca9095a8372efc9fb64fa5010549e', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: 'd348f3dbb66b1a0a1643455642fea121aeb402c7', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '36eda8b6c89687d69851bfc4dcc8bda3091395f4', name: "call" })), h("smoothly-button", { key: '42069af5842c8daf5373875caf73825ce791c2df', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '16983ae9151c3919ba993551b545210065a319f4', name: "airplane" }))), h("h4", { key: '6811065a92ab3388cc44e23b0262da45de83f553' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: '5ad9f07473c06714f5a55fcf6c4aa30c29571814', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: '0e50649ffa9b6b9c29b314d836024df21f40daaf', name: "arrow-forward", slot: "end" })), h("h4", { key: '9d15cf0f0b56f2ee347ef098ca081edc23b28d94' }, "Test for icon button"), h("div", { key: 'b68bda362262be40014b44f1177d457feac98887' }, h("smoothly-button", { key: '14795f5d84fb482925e9176bcedceaa541f04a5b', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: 'e4babc292f88030ef23bcf9035eb2ab67ffa63a7', name: "call" })), h("smoothly-button", { key: 'e4ebda1f7fa126830b3635190bd8d1088f9c697e', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: 'c6f841256c358e74c7ca8377e1a09ff9d7a5fcb0', name: "search-outline" })), h("smoothly-button", { key: '4832663b7f348e853e28ce8ee562781c6843c3ab', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: 'd70b361928afa7a6430ffea309aa94fca9f652e3', name: "checkmark-circle" }))), h("h4", { key: '28853956975db199dfb10524a9b865abe9406e5b' }, "Link examples"), h("div", { key: '31d234a7798018a01991555e05859615b9cb4697' }, h("smoothly-button", { key: '5674f0f72eb5ad235848a5ea85ec2be102748260', type: "link" }, "type link"), h("smoothly-button", { key: 'c39ce5f8638024fd5a011c509184bf3199006bbb', type: "button", fill: "clear" }, h("a", { key: '2004dc3d932120e24dfd8a828d31d52564c6cf01', href: "https://google.com" }, "link")), h("smoothly-button", { key: 'a643dca03c3e7777ecf2b73f084962831de9f4f5', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: 'a84c1c3fb3ff714eb47a4d678ab39a74c2f42924' }, "Disabled buttons"), h("div", { key: '3a856f60153bc8cf90889aaaade7292480b29dc2' }, h("smoothly-button", { key: '64484bb626d5abfacfb09da406f2281b5da10757', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: 'e8059bff4c591dd79a57b70624db79c7b5ac3bdf', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
+            h("smoothly-back-to-top", { key: '5b644a9126f87a1036b9d8038f94c227d305dee8' }),
         ];
     }
     static get is() { return "smoothly-button-demo"; }

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

@@ -12,7 +12,7 @@ export class SmoothlyButton {
         this.link = undefined;
     }
     render() {
-        return (h(Button, { key: '1350144b97a2a5fdc24d5b53678ea9d7f97b5b71', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '315355a1987956c9741a03819de181d2f626a205' })));
+        return (h(Button, { key: '9e1e36b3efacdf206d7366bae028b7831056c611', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '632f7e7c2d75774dd32754b59d8299274fe5dc88' })));
     }
     static get is() { return "smoothly-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -56,10 +56,10 @@ export class Calendar {
     }
     render() {
         var _a, _b, _c;
-        return (h(Fragment, { key: '818f64c07d09772dcf0ca9a9d561b5745684c9ae' }, h("smoothly-input-month", { key: 'b407c0b400e94cfad36c372bf8353ad1fe52a5fd', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
+        return (h(Fragment, { key: '873c2df4266e043f62561e1ab89129d6eef61150' }, h("smoothly-input-month", { key: 'b05971ae714b2e26f249a84ba91c1558c93f099c', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
                 e.stopPropagation();
                 "month" in e.detail && typeof e.detail.month == "string" && (this.month = e.detail.month);
-            } }, h("div", { key: '46d05aa65a4a0de959e2bb79f00fd6bce67662a1', slot: "year-label" }, h("slot", { key: 'cbd40bacc7fa9a661916deb52e5538e163de5067', name: "year-label" })), h("div", { key: '26f35188e898cbd35a20ab6d5f469418bfc5952d', slot: "month-label" }, h("slot", { key: '79ece04c1955c45809892accb4c692a3277a2c4b', name: "month-label" }))), h("table", { key: '3002ee275ea4b53934e14fa27d08ba67d79a993d' }, h("thead", { key: 'f6d280f29660fe107ef459e4cdc8a829b91d26b0' }, h("tr", { key: 'cdeaec6bc32757bb65c130618e9ea92b668acc25' }, generate.weekdays().map(day => (h("th", null, day))))), generate.month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : isoly.Date.now()).map(week => (h("tr", null, week.map(date => {
+            } }, h("div", { key: 'faa7c396d6a42cf8376ac5f89c34e0cf70a05448', slot: "year-label" }, h("slot", { key: '7a09d4149ecf3a28f27dfff24be59858e9bf1771', name: "year-label" })), h("div", { key: '53173b614c5e305ca91081f63fa1c1c641bf288b', slot: "month-label" }, h("slot", { key: '4e952349c3ca7ac0b0abfc31725ca3d6879a5a93', name: "month-label" }))), h("table", { key: '6675b5c1daf856940e4fcc860d8d1f98179173d6' }, h("thead", { key: '9d8c168520e5570ccbe7cef6b17692ae3c782806' }, h("tr", { key: '234e57b12f82d0addb1af8b0a69ab352e11d65f1' }, generate.weekdays().map(day => (h("th", null, day))))), generate.month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : isoly.Date.now()).map(week => (h("tr", null, week.map(date => {
             var _a, _b, _c, _d;
             return (h("td", { tabindex: 1, onMouseOver: () => (this.withinLimit(date) ? this.onHover(date) : undefined), onClick: this.withinLimit(date) ? () => this.onClick(date) : undefined, class: {
                     selected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),

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

@@ -32,13 +32,13 @@ export class SmoothlyCheckbox {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (h(Host, { key: 'face01fc07b26eaf527a0f9d7559953354e34992' }, h("smoothly-icon", { key: 'b93038d3020b625e687c6da87a7e36f1e594c66f', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (h(Host, { key: '323988d0a6cc134bf5b7b81ff72781dd18d3f961' }, h("smoothly-icon", { key: 'b391cfbb2f85b7104f50bf7dbe4c65333d8ec2e1', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
                 ? "close-outline"
                 : this.intermediate && !this.checked
                     ? "remove-outline"
                     : this.checked && !this.intermediate
                         ? "checkmark-outline"
-                        : "empty" }), h("label", { key: 'c503a44c24490a86019aef9cae8e7ae7ec84f7ff', htmlFor: this.name }, h("slot", { key: 'd7be72b4300bdb3ba32d327bc5e0cc302b45e4b2' })), h("div", { key: '84981ab79d0b95528abe9f66231bbfdaf859b994', class: "expansion" }, h("slot", { key: '5b54e125312338abb6cde3df313211e7aee45771', name: "expansion" }))));
+                        : "empty" }), h("label", { key: '66d4db27f21ba2fa6028e86f74f2fe1144173a1c', htmlFor: this.name }, h("slot", { key: '770aa4d341f3c8eab9c30c425f5d4238486514bb' })), h("div", { key: '5ca14b89e54eaf8d9cf71eaaf4044de455465e7c', class: "expansion" }, h("slot", { key: '0bd41245edcfb83a91cdec2d008663f7c18d750d', name: "expansion" }))));
     }
     static get is() { return "smoothly-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ export class SmoothlyColor {
         this.color = undefined;
     }
     render() {
-        return h("slot", { key: '4577e626b5c5b43ac2c3b5af750ae8158519f936' });
+        return h("slot", { key: 'e22958a82e15edad2bdaeaec98bfce4282f78094' });
     }
     static get is() { return "smoothly-color"; }
     static get encapsulation() { return "scoped"; }

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

@@ -25,7 +25,7 @@ export class SmoothlyButtonConfirm {
         }
     }
     render() {
-        return (h(Host, { key: '316a3f9fb74039c7a6b80c0b665582c9c016176b', warning: this.clickTimeStamp }, h("smoothly-button", { key: 'c4e4a4845ccb4ca9b599957eafe177494f03f124', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("smoothly-icon", { key: 'd7763547cf321bbff31ce9fa437c0d7753b4767c', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: 'f3e3af94612519e43694139c91bfca618293af94', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("slot", { key: '38fbabcf48c532abea1fde79454acb5785955b77' }))));
+        return (h(Host, { key: '81ee6d6cd788b6c2c191a173211228f2282d9a48', warning: this.clickTimeStamp }, h("smoothly-button", { key: '21053d68c60f203e70b0381d774550ab74d58dc6', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("smoothly-icon", { key: '9fe4fe83f179209be811c930c6b5546b344ececb', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: '81191f3fd3c2d1aaa897ea8e4c608c79477ece27', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("slot", { key: 'be8412810360c30abde1d4bcfd81f10f2e9cfd06' }))));
     }
     static get is() { return "smoothly-button-confirm"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SmoothlyCountry {
     render() {
         var _a;
         const name = this.language && this.value ? isoly.CountryCode.Name.from(this.language, this.value) : undefined;
-        return (h(Host, { key: '0d061c89c29fb57b8052429af454a153ed21579b', title: this.text == "alpha2" && name ? name : this.value }, ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397))) +
+        return (h(Host, { key: 'be86e6be7e771e5bc83917071aafa02ccc987ca6', title: this.text == "alpha2" && name ? name : this.value }, ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toUpperCase().replace(/./g, char => String.fromCodePoint(char.charCodeAt(0) + 127397))) +
             " " +
             (this.text == "alpha2" ? this.value : this.text == "name" ? name : "")));
     }

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

@@ -6,7 +6,7 @@ export class SmoothlyDialogDemo {
         this.showFrame = false;
     }
     render() {
-        return (h(Host, { key: 'f7ae2fc97658b0aa8c08755714792ec4399224da' }, h("smoothly-button", { key: 'f99ac0d5c89394052b2d6faab955d8b2634e2b5f', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '8e6a1ff75c6469816cdd206fe6afa2c8eead8684', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), h("smoothly-button", { key: 'c8af4a1887f7f2c005926bec9032038e1fa43d3b', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: '534b00fc5e74c9539ba8106b0c9cf382463448b3', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '82a998800b4e7ea57210a3116cdf35eec00aa952', slot: "header" }, "Modal"), h("span", { key: 'edeb8eaa859444f30e3f95b76fab7db2b322683f' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '50a4de7de97c55783fdd3e8167ec9fac4395d16a', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: 'd4740cdac6527a55b692c04dd70ad17fefbe7eb8', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: '0beaeb3ab4f2af395a3aa0257674f38f55faabd6', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, h("h2", { key: '453c4ded8638235b6dc0ff5c043b57d37995be4d', slot: "header" }, "Modal"), h("smoothly-summary", { key: '871fc4ad53812e7331093c43dee851b14d33f726' }, h("div", { key: '720c732d6f03309304d677b6292b853ac38257f8', slot: "summary" }, "Lorem ipsum"), h("div", { key: '2e5632e1402f5ff2830e63dc56be723549c2a90e', slot: "content" }, Array.from({ length: 10 }).map(() => (h("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))), h("smoothly-button", { key: '5fb59dab67d31d2783855d1e0c4f67197a7eaa04', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: '939b4f257b01be10467dc90b45801402df5f70e3', closable: true }, h("smoothly-frame", { key: '83c2ac363001992a0673506df8317b30b487ff60', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
+        return (h(Host, { key: '171296f92ec571930bcc4bca7a2bbd433943d302' }, h("smoothly-button", { key: '31d7764ddb4163c83d1d5cd53bc664bde022521d', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '58ead69323e970d926b3b3f0e57b2f5340d7c956', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), h("smoothly-button", { key: '57939b58cfbb5e2d2081b2436094041eb1074e87', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: 'eba2703ab68ac9a767640493bd91aaeaa84c2256', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '66557105cc449a37951e52271a184324333c310f', slot: "header" }, "Modal"), h("span", { key: '273f211df20373f6622994141102e780a7b3ee53' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '7710589cbd7be4649c8ea355cba53bed95ecb414', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: '580de2b26b8b169209b7f2afa3446749a42d55ff', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: '4293aa516d024c7deb849686b1c9b1d2cbde50c4', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, h("h2", { key: 'd5172b9f596b4dc05a1c66014c3dac4feda1fbcd', slot: "header" }, "Modal"), h("smoothly-summary", { key: '92b695be01a78bf00e70a60ef132092979617f79' }, h("div", { key: '2b1b7d17992a2d635a1a261c3768ce8f64b4f10a', slot: "summary" }, "Lorem ipsum"), h("div", { key: 'ca2a2ec987eb6049eb3a7fa609a7d3b77aacca48', slot: "content" }, Array.from({ length: 10 }).map(() => (h("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))), h("smoothly-button", { key: 'c1e0641f4631dd6cc21a695f0ffee7e2851e50bb', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: '28d4f53e28c7e32bef9746362fce97cfb21cb442', closable: true }, h("smoothly-frame", { key: '61011e045d9a740f3937a1cdc83e0fb97c1d552b', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
     }
     static get is() { return "smoothly-dialog-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -19,7 +19,7 @@ export class SmoothlyDialog {
         };
     }
     render() {
-        return (h("section", { key: 'd13e5bf2132afe9b22f3ed6f3f3d5c96f8f61fc2' }, h("div", { key: '9f0c40b2efb77ef63312ef5c6e70e55f6605b3b5', class: "header" }, this.closable && (h("smoothly-trigger", { key: '2cbd48cb261f1c5e951a385a4e87e5af8ef3f9fa', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'c87a41fd9350c00fa41965eb95a8ef8366a12361', name: "close-circle", fill: "solid", color: this.color }))), this.header ? h("h1", null, this.header) : h("slot", { name: "header" })), h("div", { key: 'f50603dce6e75b2254469f688c055610590df737', class: "content" }, h("slot", { key: '2774f7a85f71e91ce07c1dd4c6fd48b53c589b47' }))));
+        return (h("section", { key: 'e070e16a1f9d55f623156ab9e41ea1cda5a71196' }, h("div", { key: '35ebd08f6ca4f572c4e4af460391f608dbefa754', class: "header" }, this.closable && (h("smoothly-trigger", { key: 'f8c78829a42b1a49baf89fa7d94aff179a2d5e9c', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'f1e3be3910170ca8a15867a5bd3e9c64dfcdc9b4', name: "close-circle", fill: "solid", color: this.color }))), this.header ? h("h1", null, this.header) : h("slot", { name: "header" })), h("div", { key: '7f0f5212049be0603eaa52cd26731ec08cd4a703', class: "content" }, h("slot", { key: 'b6dfaf8a392606b3f7eb644809b360acafa12c2f' }))));
     }
     static get is() { return "smoothly-dialog"; }
     static get encapsulation() { return "scoped"; }