smoothly 1.116.0 → 1.117.0

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

@@ -77,13 +77,13 @@ const SmoothlyCheckbox = class {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (index.h(index.Host, { key: '763aae06e9d812115cb85043301d794b71d4a732' }, index.h("smoothly-icon", { key: '023be637a87ff601a8975ffda197fb457b367855', tooltip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (index.h(index.Host, { key: 'fbd039e375e497e461a6d4ac906692d27b459f44' }, index.h("smoothly-icon", { key: 'e995284c2cabc1e13812897e75e9351d8b22835d', 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: 'c662591df20f423f403f95e8acb809d489dcbe67', htmlFor: this.name }, index.h("slot", { key: 'ede830f9908702be0ad48c78417a339a4f81320d' })), index.h("div", { key: '1393e9bf654f328ae7449918d1b3c823c01ed9df', class: "expansion" }, index.h("slot", { key: '0deff11a253e3c75740d5a2714a11a9b3dd62931', name: "expansion" }))));
+                        : "empty" }), index.h("label", { key: '986df6b596c4564f06338ad383f48d21b99fcd72', htmlFor: this.name }, index.h("slot", { key: 'f9dd99a00a88f9284ca1ec0e336f91ca19da8c26' })), index.h("div", { key: 'ca8c0df8aaae2d66d1a705ea25a71deedd5b9de4', class: "expansion" }, index.h("slot", { key: '29382f691e1ad7d3bbffe0778e313da2a331250a', name: "expansion" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SmoothlyColor = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '9728b3c2ff6a7b2890f24fc7c715621685ebebb7' });
+        return index.h("slot", { key: '67d52082e0be362de77639ac961e535151783eb4' });
     }
 };
 SmoothlyColor.style = styleCss();

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

@@ -15,7 +15,7 @@ const SmoothlyCountry = class {
     render() {
         var _a;
         const name = this.language && this.value ? index$1.isoly.CountryCode.Name.from(this.language, this.value) : undefined;
-        return (index.h(index.Host, { key: '580c08f364516b186c0870e887ae128a5e7d79d9', 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: 'c2bcd0dea7476367642b1890e4d178168c302f2e', 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

@@ -8,7 +8,7 @@ const SmoothlyInputCheckboxDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f5df2f70e81f8189b2ed0fc110469fd31118f07e' }, index.h("h2", { key: 'f1805f70b5770fdf51ba8d7cd00ef7ddd2ab7706' }, "All inputs"), index.h("smoothly-form", { key: 'bcf287313fbda727ff66a43111c87f442ef2f77a', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '5ad0e09227c953003294064ec9a74a34dad99884', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '4a827cff07982019b2d95e4e440bd2976aeb49da', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '9e4989baaba55d9d456c243354b611986ba1c42c', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'aa0d1fc77c155bc236459b40500802ad58716194', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'd80e1b9acbd7cf53acfced029cc8d5a0bd24d161', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '630fd379a65538192fb134f75cbcf55a282d8c44', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '2b027b673dbcf3c4bf9d1f24c03f857f7477f59c', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '3ba57b27799284c623037056b2f7d57637055dd8', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'cc4daf5e360276819fb0166a7023afff132dc43a', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '120fd9fd0758c17b5fb8926425b032a8a1065612', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '1f326fa25ce6a00ecbebe2186cec26c6efdb6eb3', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'a899972ebf9f79209c56d81b544184690b85dfaf', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'b4e4e3c4eebad921eb830a242531a650bef0acd3', slot: "label" }, "Month"), index.h("smoothly-item", { key: '13f7abe4d7201572786405f17557d44409a8ef3a', value: "1" }, "January"), index.h("smoothly-item", { key: 'd83d6bc200a1f124b850b8636420b388c47879f7', value: "2" }, "February"), index.h("smoothly-item", { key: 'b04c6c85a5db9e867ab2bc931794fe1105855c9e', value: "3" }, "March"), index.h("smoothly-item", { key: 'd5e5c01012f4c278144fcf08c59abcc09ac62533', value: "4" }, "April"), index.h("smoothly-item", { key: 'c4c2b5b4cb3c57f166ef809b0dbba85f0ec190e3', value: "5" }, "May"), index.h("smoothly-item", { key: 'cac9c84f18108bce0025a81635a3b8bdcead4f54', value: "6" }, "June"), index.h("smoothly-item", { key: '0f6c56fcca25ae22f7f22e27a21b379de9ca24b2', value: "7" }, "July"), index.h("smoothly-item", { key: '79019fb60f0b87844767ef3463fd2c5dbd309fa8', value: "8" }, "August"), index.h("smoothly-item", { key: '9a8d4fd4fc756c9b9925f8d176a99aa3bcab935f', value: "9" }, "September"), index.h("smoothly-item", { key: '63e1671cec1610bafe6e962af88f1715ee2dfb28', value: "10" }, "October"), index.h("smoothly-item", { key: '1c200d8d7e11673ce27d2d683a2b8bb9954ca552', value: "11" }, "November"), index.h("smoothly-item", { key: 'e6caeaac708433debb27ab47ec82b51c4ad16c2a', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '8d2405dc1d53e2434dbad4b69990b49651e8c557', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '8cb2fe5eb8b152d32045c4a150c7c790ad35d922', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'ae42e4ffed610af298235e7ebe3e1ec6b05d9e13', value: "folder", selected: true }, index.h("smoothly-icon", { key: '328f1295b0eb870bc80151c46a045bc5c180e998', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'c35837e991468d32bd1630519be188266558a976', value: "camera" }, index.h("smoothly-icon", { key: '02479e84c1ba0c5aca2bdbbe9cd72929e0572f0f', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '6aa26dafb6d138c976683426757846b816c42dbc', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '7bd63dbdc68f36325d579cf0d966fffa3435567c', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '9183d69eae1040aede96d59cb5ff639335f43fb6', start: index$1.isoly.Date.now(), end: index$1.isoly.Date.now() }), index.h("smoothly-input-date", { key: '2650ad84a1f017d2672671af94c7c7991ea3e61b', name: "date" }, "Date", index.h("smoothly-input-clear", { key: 'e0f0b0c02189d0b930840e3a59a9adedd28a696a', slot: "end" })), index.h("smoothly-input-range", { key: '693b3fe5a9dd2aebf1dfb4ebb705ce0ecd5028a9', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '0ac5d490c72cb234bfd328ffbd3cf3659bbc9aed', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'c86356ba541ab262d357dd194289ec2778ebbb07', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: 'd481ef9163d12757e43508af1e7ff0d7720ce31a', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'e7bf653532ff0c957e6c3e82383cac5dc3210f40', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '27af92d8ccc19451a7786deb1cf8f59d10991e91', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: 'fd9eb72093cf6f6c6fa7bdaa98a4d6066fbb43dc', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'd444f859d0fdf764df0da9457d6a71e594ae560e', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: 'b044dca389ede3b37362ad564a5e84e9ccfd9c23', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'adf0819cbb38fb45501aff5ba55ea75dd225b1e2', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: 'ed14b047e2a63cbc29e7d01063abeebbe62e72ea', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '930962d9f3a141e8d863b3b7835efb6ac9e31a48', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '70eb43c4179e7edaa328f6360e24f7679930dfe7', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '16f3e821c21d5c79a400c21720aebcc34d96a8eb', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'ff462593ad41911c666bd233d11109cfc9bca486', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: 'b87b050eb78e63350fdef9978b8ab3f6f75f90ba' }, index.h("h2", { key: 'b59d7d2132935b59925b3d486334adaa57d34111' }, "All inputs"), index.h("smoothly-form", { key: '2cf49373621aa3b4952816aa554835ab9a1dc75a', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '342a601528a1e72db8a79995d906d2f2d8ebd85d', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '6ffb6868dc9fb8b91a535712012a2f1c12137afc', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'a61b4f80fa1a58b159870fcf6c3633ced18634ae', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '774574e34066312584d662925f47ca07809e4e78', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: 'b60d029086821dc8b5e754776c5e62233e5cc3b8', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '3c9969ce5448170cc919b40944981f5ad43edd7e', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'd8410427e1341ff530ecb7dee9823c21852fa3a7', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '61c64bbe7250b4eb4290bd2c75caf62528c355c1', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '44bbffb4103eb379652bbf436761458a14a7175f', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'c5dcb3b19adec142097e43ed1b10f80984477c49', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: 'e1cc8f36aa4dd9c84750797073c5d8ed0f2bad10', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '9543a9f9cc6ac7402415825a9872ec37d3048b3e', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '41cbb2fab7585029ee91ea45d2b1d2f360a6a732', slot: "label" }, "Month"), index.h("smoothly-item", { key: '498d55992f8539e09c3862c0a147c271a645038d', value: "1" }, "January"), index.h("smoothly-item", { key: '1609ea60cb94e9ef195f4a18c61465c5319fb44d', value: "2" }, "February"), index.h("smoothly-item", { key: '1312da1f050e2e4ffde8c4b13dce23cb22711a2d', value: "3" }, "March"), index.h("smoothly-item", { key: 'ada60354212087fc55fb81939f831d6551d6ef7d', value: "4" }, "April"), index.h("smoothly-item", { key: '00da4e1699a9e1fc127a6f48ea7f440b0e3199da', value: "5" }, "May"), index.h("smoothly-item", { key: '93c3f12dd68334918a5f6a96b37506b548bba081', value: "6" }, "June"), index.h("smoothly-item", { key: '16c5a1d2d4a76312933e4c75312e29bbc4e77bc2', value: "7" }, "July"), index.h("smoothly-item", { key: 'fd8b80bb3b8e643f533543ea16041aed0e36a304', value: "8" }, "August"), index.h("smoothly-item", { key: '5f85430c08aa753b36b31f9de1a7a1d7d8d793e6', value: "9" }, "September"), index.h("smoothly-item", { key: '1c9447ee0e21fc37b625c4a2c9699659a6a03d80', value: "10" }, "October"), index.h("smoothly-item", { key: '648214d00c82a87a5403650e289dfc16470417d5', value: "11" }, "November"), index.h("smoothly-item", { key: '9b680e645e7589c8a8ece5f7fe951d3e818b04d2', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '2cc62e638bd2037f1ff2f841c070840763b4ad32', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '958f4e3773a9002b8b531defd76b69723abd8f3f', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '962f4103e460087672484eb3f88045027d32a130', value: "folder", selected: true }, index.h("smoothly-icon", { key: '6345e8422873c99e0dbab80025984b73aa4bbf68', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '848077e1177766f84d6c7d59d9ffec16792631d4', value: "camera" }, index.h("smoothly-icon", { key: 'd2c00f76124a9b7be6fc25fb9c07b4de189af3da', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '66a99e5d40cc59d07b203c88596def4a04f80616', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'a1c6b415241594b64b0faf73f363d16f78124cd9', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '100e28190aaddd73697716b92ec4fb9ad8dd4924', start: index$1.isoly.Date.now(), end: index$1.isoly.Date.now() }), index.h("smoothly-input-date", { key: 'ed20d251ffc8bc5a1ddf527da2b2995b9e3bd4bf', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '92228279c6a86738a4674bd44288a524b83e6307', slot: "end" })), index.h("smoothly-input-range", { key: 'e4fe8940464d23127d57edcfc79a3f808122107a', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '62f3734c6b281d314d585eba4667860ed93860d3', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '67a043f52e277658892f34af93b8ab2d50451dd9', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '133126812e7dbae7f1491640dab148f4feb1c561', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '24cde6c2ea0b981781248e2bd4bad76612bde4ae', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: 'b3da2cca79cf80972d6d2eb2370c46bcfe75a7ed', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '352432da59dfba1eac043d8b150b2740faf38384', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'f711a241f53cfb5803979dc19c0421aa5b4b9936', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '9f0ab930a4b1159d0373f9e33490c54dc070f71f', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '114f04898200155379a21c30fd6fe0bc9fac29c1', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: 'e13dfab8e36f03e1862a73ad36e7a16e2f55cd00', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '667402ebc3bdfef1b6cd11be423cd95259d096b9', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '8bf6222df1f9e450a44c28eba57774ab0b00aa43', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '3d628aed8faa2698a051915c01a6487b59ffa28c', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: 'f82e58a33a25824d8ff34103072d404f4b4b98fb', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };
 

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

@@ -29,7 +29,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Submittable.Button, { key: 'b56bb200c5af6dd9a949ed1989ef150cf5902f33', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'c3795191df1b9e6c5a696e7821d0fbc865814cfd' })));
+        return (index.h(Submittable.Button, { key: 'acc877b650fa22b82f50c4fd3a5069b2e668c94d', disabled: this.disabled, type: this.type }, index.h("slot", { key: '9b5dbe03ca023d879223239e24c84208c36c0bb7' })));
     }
 };
 SmoothlySubmit.style = styleCss();

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

@@ -24,7 +24,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '46aea3defd44d2a9b5038aacb56f734bc99857f4' });
+        return index.h("slot", { key: '50c905abcea9a6a8ad47134a44b837ca5f328f77' });
     }
 };
 SmoothlyTriggerSink.style = styleCss();

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

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

package/dist/cjs/smoothly.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_98.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[260,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedChanged\":0}]}],[262,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"paths\":[32],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[32]}],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[{\"nameChanged\":0}]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[{\"updateInputHeightText\":0}]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-input-demo-radio\",{\"selected\":[32]},null,{\"selected\":[{\"selectedChange\":0}]}],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[262,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[262,\"smoothly-theme-picker\",{\"element\":[1]}],[262,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[{\"openChanged\":0}]}],[262,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},null,{\"open\":[{\"openChanged\":0}]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[262,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-no-cell-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[{\"onUpdatedNotice\":0}]}],[262,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[262,\"smoothly-summary\",{\"open\":[1540]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[262,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[262,\"smoothly-table-foot\"],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[262,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[262,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"date\":[{\"handleChange\":0}],\"hour\":[{\"handleChange\":0}],\"minute\":[{\"handleChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[262,\"smoothly-tab\",{\"label\":[1],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[{\"openHandler\":0}]}],[262,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[{\"onSelectedChange\":0}]}],[262,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[262,\"smoothly-table-cell\",{\"span\":[514]}],[262,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[262,\"smoothly-table-body\"],[262,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[262,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[262,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[{\"startChanged\":0}],\"end\":[{\"endChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"name\":[{\"nameChange\":0}]}],[262,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"readonly\":[{\"handleDisabledChange\":0}],\"checked\":[{\"elementCheck\":0}]}],[262,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"onValueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[262,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[{\"partsHandler\":0}],\"focusedIndex\":[{\"focusedIndexHandler\":0}]}],[262,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[{\"onStart\":0}],\"end\":[{\"onEnd\":0}]}],[262,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[262,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[{\"valueChanged\":0},{\"setAllowPreviousMonth\":0},{\"setAllowNextMonth\":0}],\"min\":[{\"setAllowPreviousMonth\":0}],\"max\":[{\"setAllowNextMonth\":0}],\"name\":[{\"nameChange\":0}]}],[260,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[{\"watchValue\":0}],\"readonly\":[{\"watchReadonly\":0}]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[262,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"name\":[{\"nameChange\":0}],\"currency\":[{\"typeChange\":0}],\"type\":[{\"typeChange\":0}],\"state\":[{\"stateChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"readonlyChange\":0}],\"readonly\":[{\"readonlyChange\":0}]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[262,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"]],{\"name\":[{\"nameChange\":0}],\"selected\":[{\"onSelectedChange\":0}],\"required\":[{\"onRequiredChange\":0}],\"filter\":[{\"onFilterChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"open\":[{\"onClosed\":0}]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[262,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedWatcher\":0}]}],[262,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[32]},null,{\"tooltip\":[{\"nameChanged\":0}],\"name\":[{\"nameChanged\":0}]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[262,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[{\"unavailableChanged\":0}],\"unavailable\":[{\"unavailableChanged\":0}]}]]],[\"smoothly-color.cjs\",[[262,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[262,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[262,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[262,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]},[[8,\"smoothlyUrlChange\",\"urlChangeHandler\"]]],[2,\"smoothly-form-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[0,\"smoothly-button-demo\"],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[260,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"navBreakpoint\":[513,\"nav-breakpoint\"],\"mobileMode\":[32],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedChanged\":0}]}],[262,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"paths\":[32],\"mobileMode\":[32],\"setMobileMode\":[64],\"getContent\":[64],\"setSelected\":[64]},[[8,\"smoothlyUrlUpdate\",\"setQuery\"]]],[2,\"smoothly-tabs-demo\",{\"extraTab1\":[32],\"extraTab2\":[32]}],[0,\"smoothly-notifier-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-user-input\",{\"textIndex\":[32],\"selectIndex\":[32],\"checkboxChecked\":[32],\"radioIndex\":[32],\"rangeValue\":[32],\"colorIndex\":[32],\"dateValue\":[32],\"datetimeValue\":[32],\"dateRangeValue\":[32]}],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested-no-cell\",{\"loadingIndex\":[32],\"loadedRows\":[32]}],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[{\"nameChanged\":0}]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[32]}],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-button-demo-standard\",{\"props\":[32],\"heightText\":[32],\"lastButton\":[32]},null,{\"props\":[{\"updateInputHeightText\":0}]}],[2,\"smoothly-input-date-demo\",{\"date\":[32],\"alwaysShowGuide\":[32]}],[0,\"smoothly-input-color-demo\"],[0,\"smoothly-input-range-demo\"],[2,\"smoothly-form-demo-login\"],[2,\"smoothly-form-demo-prices\"],[2,\"smoothly-form-demo-card\"],[0,\"smoothly-display-demo-json\"],[2,\"smoothly-input-demo-radio\",{\"selected\":[32]},null,{\"selected\":[{\"selectedChange\":0}]}],[2,\"smoothly-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[262,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[262,\"smoothly-theme-picker\",{\"element\":[1]}],[262,\"smoothly-dialog\",{\"color\":[513],\"open\":[1540],\"closable\":[516],\"header\":[513]},[[0,\"trigger\",\"TriggerListener\"]]],[2,\"smoothly-theme-colors\"],[2,\"smoothly-toggle-switch-demo\"],[2,\"smoothly-burger\",{\"open\":[1540]},[[0,\"click\",\"clickHandler\"]],{\"open\":[{\"openChanged\":0}]}],[262,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513],\"closeModal\":[64],\"openModal\":[64]},null,{\"open\":[{\"openChanged\":0}]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[262,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-no-cell-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[{\"onUpdatedNotice\":0}]}],[262,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[262,\"smoothly-summary\",{\"open\":[1540]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[262,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[262,\"smoothly-table-foot\"],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[262,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[262,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[{\"openChange\":0}]}],[262,\"smoothly-input-date-time\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"value\":[1025],\"open\":[1028],\"showLabel\":[516,\"show-label\"],\"min\":[1],\"max\":[1],\"date\":[32],\"hour\":[32],\"minute\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"date\":[{\"handleChange\":0}],\"hour\":[{\"handleChange\":0}],\"minute\":[{\"handleChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[262,\"smoothly-tab\",{\"label\":[1],\"name\":[1],\"tooltip\":[1],\"open\":[1540],\"disabled\":[516]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[{\"openHandler\":0}]}],[262,\"smoothly-tabs\",{\"tabs\":[513],\"numberOfTabs\":[2,\"number-of-tabs\"],\"tabElements\":[32],\"selectedElement\":[32],\"removeTab\":[64]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[{\"onSelectedChange\":0}]}],[262,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[262,\"smoothly-table-cell\",{\"span\":[514]}],[262,\"smoothly-input-file\",{\"readonly\":[1540],\"disabled\":[516],\"accept\":[1],\"color\":[1537],\"looks\":[1537],\"camera\":[513],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"value\":[1040],\"placeholder\":[1537],\"dragging\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"binary\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[262,\"smoothly-table-body\"],[262,\"smoothly-table-head\",{\"scrolled\":[32],\"depth\":[32]}],[262,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"readonly\":[1540],\"disabled\":[516],\"output\":[1],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"open\":[32],\"sliderMode\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"value\":[{\"valueChanged\":0}]}],[262,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[262,\"smoothly-input-date-range\",{\"locale\":[513],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"max\":[1],\"min\":[1],\"open\":[32],\"startHasText\":[32],\"endHasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"clear\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[8,\"click\",\"onWindowClick\"]],{\"start\":[{\"startChanged\":0}],\"end\":[{\"endChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"name\":[{\"nameChange\":0}]}],[262,\"smoothly-input-checkbox\",{\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"checked\":[1540],\"value\":[16],\"looks\":[1537],\"color\":[1537],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"name\":[{\"nameChange\":0}],\"disabled\":[{\"handleDisabledChange\":0}],\"readonly\":[{\"handleDisabledChange\":0}],\"checked\":[{\"elementCheck\":0}]}],[262,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"defined\":[1028],\"readonly\":[1540],\"disabled\":[516],\"type\":[1],\"min\":[2],\"max\":[2],\"name\":[513],\"step\":[2],\"outputSide\":[1,\"output-side\"],\"label\":[1],\"showInput\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-date\",{\"locale\":[513],\"color\":[1537],\"looks\":[1537],\"name\":[513],\"readonly\":[1540],\"disabled\":[516],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"placeholder\":[513],\"alwaysShowGuide\":[516,\"always-show-guide\"],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"hasText\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"listen\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyDateSet\",\"dateSetHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"onValueChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[262,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025],\"disabled\":[32]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[262,\"smoothly-input-radio\",{\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"direction\":[513],\"clearable\":[4],\"readonly\":[1540],\"disabled\":[516],\"name\":[513],\"showLabel\":[516,\"show-label\"],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyRadioItemRegister\",\"handleRegister\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyRadioItemSelect\",\"smoothlyRadioInputHandler\"]],{\"name\":[{\"nameChange\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}]}],[262,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"tooltip\":[1]}],[2,\"smoothly-date-text\",{\"locale\":[1],\"readonly\":[516],\"disabled\":[516],\"showLabel\":[516,\"show-label\"],\"value\":[1],\"parts\":[32],\"order\":[32],\"separator\":[32],\"focusedIndex\":[32],\"setValue\":[64],\"select\":[64],\"deselect\":[64]},[[0,\"beforeinput\",\"beforeInputHandler\"],[2,\"input\",\"inputHandler\"]],{\"parts\":[{\"partsHandler\":0}],\"focusedIndex\":[{\"focusedIndexHandler\":0}]}],[262,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1],\"end\":[1],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"startInternal\":[32],\"endInternal\":[32],\"jumpTo\":[64]},null,{\"start\":[{\"onStart\":0}],\"end\":[{\"onEnd\":0}]}],[262,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[262,\"smoothly-input-month\",{\"readonly\":[1540],\"color\":[513],\"looks\":[1537],\"name\":[513],\"value\":[1025],\"max\":[1025],\"min\":[1025],\"next\":[516],\"previous\":[516],\"inCalendar\":[516,\"in-calendar\"],\"showLabel\":[516,\"show-label\"],\"allowPreviousMonth\":[32],\"allowNextMonth\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"]],{\"value\":[{\"valueChanged\":0},{\"setAllowPreviousMonth\":0},{\"setAllowNextMonth\":0}],\"min\":[{\"setAllowPreviousMonth\":0}],\"max\":[{\"setAllowNextMonth\":0}],\"name\":[{\"nameChange\":0}]}],[260,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"processing\":[1040],\"removeInput\":[64],\"listen\":[64],\"submit\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"],[0,\"smoothlyKeydown\",\"smoothlyKeydownHandler\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[{\"watchValue\":0}],\"readonly\":[{\"watchReadonly\":0}]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[262,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"pad\":[2],\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"copyable\":[516],\"initialValue\":[32],\"state\":[32],\"copied\":[32],\"getValue\":[64],\"setValue\":[64],\"setFocus\":[64],\"setSelection\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64],\"setCustomInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"input\",\"onEvent\"],[0,\"beforeinput\",\"onEvent\"]],{\"name\":[{\"nameChange\":0}],\"currency\":[{\"typeChange\":0}],\"type\":[{\"typeChange\":0}],\"state\":[{\"stateChange\":0}],\"value\":[{\"valueChange\":0}],\"disabled\":[{\"readonlyChange\":0}],\"readonly\":[{\"readonlyChange\":0}]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[262,\"smoothly-input-select\",{\"invalid\":[516],\"errorMessage\":[513,\"error-message\"],\"name\":[513],\"color\":[1537],\"looks\":[1537],\"showLabel\":[516,\"show-label\"],\"showSelected\":[1540,\"show-selected\"],\"readonly\":[1540],\"disabled\":[516],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[516],\"clearable\":[4],\"defined\":[1028],\"placeholder\":[520],\"menuHeight\":[1,\"menu-height\"],\"required\":[4],\"searchDisabled\":[4,\"search-disabled\"],\"mutable\":[4],\"open\":[32],\"selected\":[32],\"filter\":[32],\"addedItems\":[32],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"getItems\":[64],\"listen\":[64],\"reset\":[64],\"clear\":[64],\"edit\":[64],\"setInitialValue\":[64]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[8,\"click\",\"onWindowClick\"],[0,\"smoothlyItemDOMChange\",\"onItemDomChange\"],[0,\"smoothlyItemSelect\",\"onItemSelect\"]],{\"name\":[{\"nameChange\":0}],\"selected\":[{\"onSelectedChange\":0}],\"required\":[{\"onRequiredChange\":0}],\"filter\":[{\"onFilterChange\":0}],\"disabled\":[{\"watchingReadonly\":0}],\"readonly\":[{\"watchingReadonly\":0}],\"open\":[{\"onClosed\":0}]}],[2,\"smoothly-display-json-object\",{\"value\":[16],\"collapseDepth\":[2,\"collapse-depth\"],\"open\":[32],\"empty\":[32]}],[2,\"smoothly-display-json-primitive\",{\"value\":[8]}],[2,\"smoothly-display-json-record-key\",{\"value\":[8]}],[262,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[{\"selectedWatcher\":0}]}],[262,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"tooltip\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"tooltip\":[1],\"latestPromise\":[32]},null,{\"tooltip\":[{\"nameChanged\":0}],\"name\":[{\"nameChanged\":0}]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[262,\"smoothly-checkbox\",{\"size\":[1],\"checked\":[1540],\"intermediate\":[1540],\"unavailable\":[516],\"disabled\":[516],\"name\":[513],\"value\":[8],\"t\":[32],\"toggle\":[64],\"clear\":[64]},null,{\"checked\":[{\"unavailableChanged\":0}],\"unavailable\":[{\"unavailableChanged\":0}]}]]],[\"smoothly-color.cjs\",[[262,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[262,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]]]],[\"smoothly-trigger-sink.cjs\",[[262,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[262,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -72,6 +72,7 @@
     "components/modal/index.js",
     "components/notification/index.js",
     "components/notifier/index.js",
+    "components/notifier/demo/index.js",
     "components/spinner/index.js",
     "components/submit/index.js",
     "components/summary/index.js",

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

@@ -4,7 +4,7 @@ export class SmoothlyAppDemo {
         console.log("smoothlyUrlChange", event.detail);
     }
     render() {
-        return (h("smoothly-app", { key: '86d6cc67b58d8c7c04b9fd7e33891dfacb529943', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-app-room", { key: '7012500cb2629c53e1156372722e8ef2b6d047eb', path: "/" }, h("section", { key: '759dafafbd63e7fff5bf0acd0502e8eec36e8c64', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, h("header", { key: '0ed18baa408a674f906abc32425ce6037662a476' }, h("h1", { key: '22cb0dc61fece9d2d7acae6a55db19ccc57261df' }, "Welcome")), h("p", { key: 'd914f970b834d217cd2dfd7d2d05cd0c4b5dcb65' }, "Smoothly is a component library written in ", h("a", { key: '3626d6388b49307f475e4071ef114039dcb51f60', 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: '319549bf6b8cca5d5f9042b1f74c29e884545a59' }, "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: '4c752059c00ad39c3bee1d36bdac99bfad027f5f', path: "/form", label: "Forms", content: h("smoothly-form-demo", null) }), h("smoothly-app-room", { key: '02b7dd008a64194f348bfb0679217ebbea05fac9', path: "/input", label: "Inputs", content: h("smoothly-input-demo", null) }), h("smoothly-app-room", { key: '41c7489608d0da9a8d4a2ab9b1a56c425cc36f21', path: "/table", label: "Tables", content: h("smoothly-table-demo", null) }), h("smoothly-app-room", { key: 'b10b3c95084e9f27a6ebeaf5170bb10be8226c87', path: "/button", label: "Buttons", content: h("smoothly-button-demo", null) }), h("smoothly-app-room", { key: 'f20620084dd779b954fa440b559db2bdccf0b3a3', path: "/icon", label: "Icons", content: h("smoothly-icon-demo", null) }), h("smoothly-app-room", { key: '5078c24c13064315cf8f761809e60cdfc1734c41', path: "/theme", label: "Theming", content: h("smoothly-theme-demo", null) }), h("smoothly-app-room", { key: '1a215800a294196d53fca85834aac7fea5990e70', path: "/dialog", label: "Dialogs", content: h("smoothly-dialog-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'c43bd3e6cdd99d7c481c041d85cdc09abf6777e1', path: "/display", label: "Display", content: h("smoothly-display-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'bec674db3cafd8d778f8d7baaa8036ff80c72d5e', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: 'b6a5e71af63d597edc737c03feacbd05c302ebd1' })), h("smoothly-app-room", { key: '7045bdab3e9f1b9e312c99c51efa7700650d868b', path: "/links", label: "Links", slot: "nav-end" }, h("smoothly-input", { key: 'bd683968e82f931896daa95af86c0219f147eb40', type: "text" }, "Default"), h("div", { key: '75e8b55879905603512fc4d5fe53e3c09a5782d0', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: '869802d20dddc052fdfa6e537e641dc48c399117', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: 'e0018a3f508970db339bb3b235e31a65aba2757e', 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: '7ab52ab0a4f39e20b2e2f26f46c0f8997d57729c', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '4824113cd8ce8a18c90c825b8a9b761cb8755b05', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '9e49688ab7dd80739746f71e3cab6ef83db80ae7', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: 'fa1c5ae55b117380e63b5a770efe06c6df055378', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'f47bd47275bd85a8e8f3e79e8c934e7927f36890', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: 'e24f908b0515b8219dce4d44bb2dd6b2c7f39584', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: '85835e7ebef099c646ca28af45d5827913872853', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: 'b74f97297768504a5b4f0cace60acb1d48991633', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'cc1cc9fce70b0f47fe652ae60d674fa6707be2cd', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: '17f2026f91be5f73266c141809bc31521d0acca9', path: "/hidden" }, h("p", { key: '3bbd16511c586b7387f4c7a5152131f5aa5a4cdf' }, "hello world!")), h("smoothly-app-room", { key: '2635c8a84e6909d055d7c53216cb72aed69fbeab', path: "/redirect/nested" }, "this is a nested room")));
+        return (h("smoothly-app", { key: '86d6cc67b58d8c7c04b9fd7e33891dfacb529943', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-app-room", { key: '7012500cb2629c53e1156372722e8ef2b6d047eb', path: "/" }, h("section", { key: '759dafafbd63e7fff5bf0acd0502e8eec36e8c64', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, h("header", { key: '0ed18baa408a674f906abc32425ce6037662a476' }, h("h1", { key: '22cb0dc61fece9d2d7acae6a55db19ccc57261df' }, "Welcome")), h("p", { key: 'd914f970b834d217cd2dfd7d2d05cd0c4b5dcb65' }, "Smoothly is a component library written in ", h("a", { key: '3626d6388b49307f475e4071ef114039dcb51f60', 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: '319549bf6b8cca5d5f9042b1f74c29e884545a59' }, "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: '4c752059c00ad39c3bee1d36bdac99bfad027f5f', path: "/form", label: "Forms", content: h("smoothly-form-demo", null) }), h("smoothly-app-room", { key: '02b7dd008a64194f348bfb0679217ebbea05fac9', path: "/input", label: "Inputs", content: h("smoothly-input-demo", null) }), h("smoothly-app-room", { key: '41c7489608d0da9a8d4a2ab9b1a56c425cc36f21', path: "/table", label: "Tables", content: h("smoothly-table-demo", null) }), h("smoothly-app-room", { key: 'b10b3c95084e9f27a6ebeaf5170bb10be8226c87', path: "/button", label: "Buttons", content: h("smoothly-button-demo", null) }), h("smoothly-app-room", { key: 'f20620084dd779b954fa440b559db2bdccf0b3a3', path: "/icon", label: "Icons", content: h("smoothly-icon-demo", null) }), h("smoothly-app-room", { key: '5078c24c13064315cf8f761809e60cdfc1734c41', path: "/theme", label: "Theming", content: h("smoothly-theme-demo", null) }), h("smoothly-app-room", { key: '2a54a53a694e23460e96b9fb04483204f9e1c347', path: "/notifier", label: "Notices", content: h("smoothly-notifier-demo", null) }), h("smoothly-app-room", { key: 'd57766baebf8df0791e1e5f845c2bac7d7b8729f', path: "/dialog", label: "Dialogs", content: h("smoothly-dialog-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'd5bde6145e9950a3ddcda8e24d811203a4b69f27', path: "/display", label: "Display", content: h("smoothly-display-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: '3d56ef533e12cb88ec84bd2fdc63a60e64031083', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: '271d70eb22cc0152161d42c137a3d00c19c6bba3' })), h("smoothly-app-room", { key: 'c0cbe202e3d74ceacd8e88795c58ece2c1392bf5', path: "/links", label: "Links", slot: "nav-end" }, h("smoothly-input", { key: 'a39f0e568b614baaf271585da4ee013e48ff24fe', type: "text" }, "Default"), h("div", { key: 'a75dc6524b85da5e0c81b75a9b74d020c2723384', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: 'a3820b0c802acc358ee3ab4ca9483411bdff04a8', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: 'fd1c12e214b53d8acdb8828cb616356ae8fe94e9', 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: 'f7c9c0a9eb4ca942f56e02b840087398a2688cd8', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: 'ebce581340217e91d6abf1bbff7538f77c5842ae', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '01c20890774174c6ec793de4711d8e0530630108', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: '42945bb6698943a783d0502f3ff0a08cb6ad583e', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'b022c14f0680b1ca5f511cd87ab152a9ffb5b15d', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: '566a1821001da85b67ce9f68f74b590c5319f060', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: 'e99bbe6cbb348b2c8b2dba558458c08dea22db21', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: '61e59ec9039a63b1d9c50c6705dc0098027be92a', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '511eba63ae34b4151e99ce482cb532849ab91dd7', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: 'bac6fa14c1c0dd2ebda292fe70255e53f466dc00', path: "/hidden" }, h("p", { key: '1acd1207b775790f189fd8d8c3fb96a5b8d8a991' }, "hello world!")), h("smoothly-app-room", { key: '2ecda7ecb183b382bb2987195af5a96e13e3b8b1', 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, Listen, 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\t@Listen(\"smoothlyUrlChange\", { target: \"window\" })\n\turlChangeHandler(event: CustomEvent<string>) {\n\t\tconsole.log(\"smoothlyUrlChange\", event.detail)\n\t}\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/app/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAK1D,MAAM,OAAO,eAAe;IAI3B,gBAAgB,CAAC,KAA0B;QAC1C,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAC/C,CAAC;IACD,MAAM;QACL,OAAO,CACN,qEAAc,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;YACrF,0EAAmB,IAAI,EAAC,GAAG;gBAC1B,gEAAS,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;oBACrE;wBACC,uEAAgB,CACR;oBACT;;wBAC4C,0DAAG,IAAI,EAAC,sBAAsB,cAAY;oJAElF;oBACJ,qSAII,CACK,CACS;YACpB,0EAAmB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,6BAAsB,GAAI;YACjF,0EAAmB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,8BAAuB,GAAI;YACpF,0EAAmB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,8BAAuB,GAAI;YACpF,0EAAmB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,+BAAwB,GAAI;YACvF,0EAAmB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,6BAAsB,GAAI;YACjF,0EAAmB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,8BAAuB,GAAI;YACrF,0EAAmB,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,iCAA0B,GAAI;YAC3F,0EAAmB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,+BAAwB,EAAE,IAAI,EAAC,SAAS,GAAG;YACtG,0EAAmB,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,gCAAyB,EAAE,IAAI,EAAC,SAAS,GAAG;YACxG,0EAAmB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAC1D,4EAAsB,CACH;YACpB,0EAAmB,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS;gBAC5D,uEAAgB,IAAI,EAAC,MAAM,cAAyB;gBACpD,4DAAK,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC/C,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,oBAAoB,WAEpD;oBAClB,wEACC,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,yEAAyE,EAC9E,IAAI,EAAC,UAAU,eAEE;oBAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,aAE1D;oBAClB,wEAAiB,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,aAEnE;oBAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,kBAEtE,CACb,CACa;YACpB,0EAAmB,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS;gBAClE,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,eAExB;gBAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,gBAE3B;gBAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,gBAEhE;gBAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,kBAE3B;gBAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,wCAExB,CACC;YACpB,0EAAmB,IAAI,EAAC,SAAS;gBAChC,2EAAmB,CACA;YACpB,0EAAmB,IAAI,EAAC,kBAAkB,4BAA0C,CACtE,CACf,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Listen, 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\t@Listen(\"smoothlyUrlChange\", { target: \"window\" })\n\turlChangeHandler(event: CustomEvent<string>) {\n\t\tconsole.log(\"smoothlyUrlChange\", event.detail)\n\t}\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=\"/notifier\" label=\"Notices\" content={<smoothly-notifier-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

@@ -42,7 +42,7 @@ export class SmoothlyAppRoom {
     }
     render() {
         var _a;
-        return (h(Host, { key: '416a7250b9c2f2a42060522a0c305d3e10c530e2', class: { "smoothly-mobile-mode": this.mobileMode } }, h("li", { key: '13946e4e07e65dd755e6752c7c24b0e9f70a6519' }, h("a", { key: 'be5cc463ec7a2adeb513da59cb925de5f470242f', href: (_a = this.paths[0]) === null || _a === void 0 ? void 0 : _a.pathname, onClick: e => this.clickHandler(e) }, this.icon && h("smoothly-icon", { key: '9b76338e6f64f0331f00d85cbc164da9951051e6', name: this.icon }), this.label && h("span", { key: '1e12b7e8e3b35920f3f5c162e41208e4a87a5033', class: "label" }, this.label))), h("div", { key: '1e3e09244c7e623768dfee215c9a63a801fdf663', ref: e => (this.contentElement = e) }, this.content && h("smoothly-lazy", { key: '1f5938ff9fd197cf96761e5ee6868b45213c18a7', content: this.content }), h("slot", { key: 'f68188a185d5b6792b6dd7b3c971e69145fcb554' }))));
+        return (h(Host, { key: 'a85747f78cb72957e52a35bb4a5ddf7fd38c8901', class: { "smoothly-mobile-mode": this.mobileMode } }, h("li", { key: '2a89979ce87b7cbcbc250014d6c60110bdf8c7eb' }, h("a", { key: 'e7c03470ceab8f52195b90eb04d97678a75368a4', href: (_a = this.paths[0]) === null || _a === void 0 ? void 0 : _a.pathname, onClick: e => this.clickHandler(e) }, this.icon && h("smoothly-icon", { key: '0b40566be9199d9c34b75ec1260fac0e962c0fd6', name: this.icon }), this.label && h("span", { key: 'e55412f3a1c041d81b1d3a4e7751a315eafeede3', class: "label" }, this.label))), h("div", { key: '30eb0eda3109314348f4036ed6206779ad8cee96', ref: e => (this.contentElement = e) }, this.content && h("smoothly-lazy", { key: '929973767465e67ba49580978d83811f31637b9f', content: this.content }), h("slot", { key: 'a96c18f28066755f450174e9372e4ef8a25a7c57' }))));
     }
     static get is() { return "smoothly-app-room"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,14 +21,14 @@ export class SmoothlyBackToTop {
             "--bottom": this.bottom,
             "--right": this.right,
         };
-        return (h(Host, { key: 'b0263cb27cc406847d1ddfcdb68517e45dc750c7', style: cssVariables, onClick: () => {
+        return (h(Host, { key: '5743000aaec20538ad6a57688015cb4afd65d56b', 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: 'f13bb2fd7f5a707333a59065914e9293d1dd004f', name: "caret-up-outline" })));
+            } }, h("smoothly-icon", { key: '39ed5f8fb75c131e62e588101ec26fca43c7ca2c', name: "caret-up-outline" })));
     }
     static get is() { return "smoothly-back-to-top"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SmoothlyBurger {
         this.open = !this.open;
     }
     render() {
-        return (h(Host, { key: '707b857b83fc245e0279bda323904ee1cc8e85ee' }, h("smoothly-icon", { key: 'f514b6a05f9feaab4f13cf46778993c3106697e3', name: "menu" })));
+        return (h(Host, { key: '000c346b45f190a4616e30bd6b64c24a00d0be00' }, h("smoothly-icon", { key: 'be31c4e7dc3a8848a633801f705988329602805b', name: "menu" })));
     }
     static get is() { return "smoothly-burger"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyButtonDemo {
     render() {
-        return (h(Host, { key: '533286a87d0525479bd2ee9e28e3b4f0a96d4028' }, h("section", { key: '83c431cb9866c7e9ed66d000c45db12cba32a5c1' }, h("smoothly-button-demo-standard", { key: '9be3c679df5dae790c20267466f0e59e7129e590' })), h("section", { key: '63c5a3497203d471629c514b4ad65062a65803e4' }, h("h4", { key: '4aea5b53872940382d8955d747731846e293bb80' }, "Confirm button (two clicks)"), h("div", { key: '0d06137cb8e7e2f0d27c7c9bcee216f6a582ff33' }, h("smoothly-button-confirm", { key: 'd10630d444951f251fd00100cbef18074e7d206b', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: 'c2b0cd87fe14786eaa690e51dd91ace6443aa3c4', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: 'fa26113fbfdaea0ee2c0b4723084a69b54d7804b', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: 'cbceb8ffdeffeb6231bb4775a12aeca6599e7eb5', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: '5bbbaeccd43ee1b930a73a2fa676345835f9646a', name: "trash-outline", size: "tiny", fill: "outline" }))), h("smoothly-toggle-switch-demo", { key: '1bd1095e2c679a2526d31987873334f51d175e85' }), h("h4", { key: '6d22aa735b0d7f16093b216086441d0d722a6421' }, "Links with icons"), h("smoothly-button", { key: '7a9cf02c47b1ac104935336f57c07d9eacd865eb', type: "link" }, h("smoothly-icon", { key: 'fe0f7094ce66691d5e10ee2f5f6d65782a37a380', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: '723452282f7551547060378c9057d40e4f729be7', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: '2da735678c8066ac9ca1a0c8fc42be6f71968997', name: "call", slot: "start" }), h("a", { key: 'dd1747fde83a34074dd35a505a7305bb608fcf3a', href: "https://google.com" }, "link")), h("smoothly-button", { key: 'd9aa99e8d2dfecc0766e4322051a142028f1d749', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: '6e64f4b3686c18f23b2215a41c53f87785835d1f', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: 'da1b853513b11781bcd032cf4d7e5f771baa2ed9' }, "Size and Color test"), h("smoothly-button", { key: '8eb4c40f66e75ab99c197ba42c8a4e3f192dd9a5', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '60c02db208c08a07c50c56ccb228eb333f67a59c', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: '8d6d6a13382b24bc44fa2153dcdeae8212169a97', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: '1c4cce72723efcde85b1308535263324e4b49041', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: '256c0622be653968e784e8a2a598b88a51dc80f7', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'd381847e99dca57bd315a6b7438b3e1e55172cc2', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: '6ff5845f5a0d82d9c99817696e9be364d9da950a', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: 'e14f96677b4aed688dc8f0ea0b596c6b585f15b0', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: '4cac9d4923a21476b5f6dc4de0430153477200fa', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: 'b1a485089eea221cab4a23be46a83c3c2e9c2929' }, "Expand examples"), h("smoothly-button", { key: '71aa9bd0791d0e326d9d0721fb2f8eb0d2875164', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: 'b316c727f5f529a63649558012ee790cb1e53750', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: '2afe5f6a00cbc405f8b7901f5e118d03adcd243e' }, "Fill examples"), h("div", { key: '8aad1d8d07c40c2ada40a18ebcbc7c89d8652eef' }, h("smoothly-button", { key: '63b8df9f6a45f6ff81168f9c3ad43344acc0c4ab', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: '33d1f688aa67a1db212a9b7aa7147de4f8279ae6', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: 'cda371d608f548bfceb958fedb0a7eb22cdc5c83', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: '39824d2393567df80731477784e31bad5b019f90', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: 'd429cf372e423e882717f0867adb31ffd5d45dc6', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: 'e8473ef999c9f3bb56da4f58b51f593e7ebc4a1b', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: 'e26709d399f9747d657a805ce69f997127dd46e3', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: '99abc1c65692daf112f2d2b1660918951ae60559', name: "basketball" }))), h("h4", { key: '99be735e4b2c91170daf2e3f0d5779a69d7ef08f' }, "Buttons with Icon in \"start\""), h("div", { key: 'af0724fe2f9605a199d1b392d0307a948bc02b0c' }, h("smoothly-button", { key: '38a7a2af64996af6adc7514d8ee407eaf2c7878b', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: '951d2c413089f67b6ebe3c6d9f566ad5267cf4ae', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: '6ee1bc2af768f123a12e294016cc917aa4bd1c0e', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: '9d0e80208a6e68f919cc7276073232a368cb111a', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: 'e5366d8f3ed7a2cf41cece51570301f145c67e19', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: 'a0ad0a9620d853fda8d7e594031c04a0ec689445', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: 'c94e929cfe5f738f2a3235f43a1f4da5e0c9fc36', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '71a2f51f71668101315aa8533b5bfcf366d7fc5a', name: "call" })), h("smoothly-button", { key: 'f33069cba505b599106e46dd64b9c8d5d7af72b1', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '23f5cfce66c47cfe7a7bc61270d366dc1a4b1df2', name: "airplane" }))), h("h4", { key: '0e1d80f018cb083f747dca33ac1579623130e4b4' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: 'a6fb030807e47ece0af3e864fd1021dd073bb694', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: '257becef67d6cc074ae9ea15c4aa7f4310b6512e', name: "arrow-forward", slot: "end" })), h("h4", { key: 'dae9d6d89805ba3dbe25d10b078150475f097f97' }, "Test for icon button"), h("div", { key: '430c1bc4c47a98cf456a84a2d5ab2668777f01cd' }, h("smoothly-button", { key: '3c58c97ef2193b38eab09a4e533dba5b4f20a4e4', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '59426dc2bd35c313d6619b44f13d517aa7c034ce', name: "call" })), h("smoothly-button", { key: '0fb117873692f75b51c92e333d3f835cd5fbe74f', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: '7162fcc07788dd9829abafb5b7f38e786b86c298', name: "search-outline" })), h("smoothly-button", { key: 'f46d225a20b28efeafcb952544ff5600988ada74', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: '787a26836d6788196c5f3761f66c680704df9817', name: "checkmark-circle" }))), h("h4", { key: '2d8596d90b04536a298e7375e2a4ad3b0c463fbc' }, "Link examples"), h("div", { key: '5af7537287d37938616bc0478f7cc63e757720e5' }, h("smoothly-button", { key: 'b6faae4aa4fd72b87c7181ec146dfda0cfa7a248', type: "link" }, "type link"), h("smoothly-button", { key: '4d56453b6a595c09cb70cd8708392effda6f9279', type: "button", fill: "clear" }, h("a", { key: '607e553ae06c24cb513fe90ecca476295b719283', href: "https://google.com" }, "link")), h("smoothly-button", { key: '9a397311efd0a89849a6c8016fce61bf0639cea0', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: '466df22b0f9265755db176b4947f39cb3892d331' }, "Disabled buttons"), h("div", { key: 'b146d15d620300b8da5e134618a1b3f904024f61' }, h("smoothly-button", { key: '637ee09aedbde2ff0342d469b50bd181a632308c', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: '0bdca6978fd1908f3c529668bfe3c128987522a5', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))), h("smoothly-back-to-top", { key: 'f217299a63164d3d4bcbda3d9ab1b4da44a8f99f' })));
+        return (h(Host, { key: '41fbe591e1a0c9ab6d1d73335a9b9f4a5a3c4d93' }, h("section", { key: '59b6da9df3532752d3e5dcf9763c527d165bcf1f' }, h("smoothly-button-demo-standard", { key: '27bf9cd1746a1718bf887dcef5d79230b01318ff' })), h("section", { key: 'e7e87e4c84c0e8df43d56f217196e27a9bb5670e' }, h("h4", { key: '8bf5cff46e4146474a9b91bfe8b83db89dd13c3a' }, "Confirm button (two clicks)"), h("div", { key: '3c341489427dbf76dc4e9a200c23f58174696591' }, h("smoothly-button-confirm", { key: '75793866c6111afbd5aeadf1bc6251f1efa9d592', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: '14bdceddb01044ae6979af4a0c8efe0970e81e3d', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: '33058b7d3638a0ca28aee23a5fb238d60356b16d', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: 'd7d306d14262d7b43c5c37af91ffb79f0be82b14', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: '7ea300edde779ca34db97bb2fe60f0051b1e366d', name: "trash-outline", size: "tiny", fill: "outline" }))), h("smoothly-toggle-switch-demo", { key: 'c6e8b4c78605733c73bab3c1aa8ae5e770cc14e4' }), h("h4", { key: '8e92524469b1b4e0a59d14907e8df2f4e7680887' }, "Links with icons"), h("smoothly-button", { key: '4ca461c47396b88dd9c276248d2fb425255e26f8', type: "link" }, h("smoothly-icon", { key: '07c089e06c38afc5d0abe83491c38716486225c6', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: 'b1c765d706ee22acb4368b8a67b1faddb591581a', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: 'd3188cb32fd389fb88a3a1e760fe33867265c5fc', name: "call", slot: "start" }), h("a", { key: '9bdf562304a25ce3024ca58cb53fff7c4b04acb6', href: "https://google.com" }, "link")), h("smoothly-button", { key: '5da225cc3dfd1638a54fc9ce533cd038cccc808e', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: 'a2417e1fbdff1b064e1cc3f61c4fc1615291e44d', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: '54a1da928e2c9c48638a12dd3768c001ba38a77f' }, "Size and Color test"), h("smoothly-button", { key: 'bce9b7538f39f17b0377f723310eadbad511ed80', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '210799c91bfe94fb54b3434fd99e67075cc91b43', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: '374856692cefcb96deb1a38758eb4fec6f7808ab', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: 'e807e6793fb358e6ced92caecb1d0feab2f011c7', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: '9bcde023dd0e12a84835bdd3d0c93d7602485246', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'f98fb61b19dfbc7bbf29a740e7a5ae1997861c80', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: '6a46ea925f111b8c1d8b4510577d57f10e49ed1e', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: '3ced819c355f03ef775ace7ccfbb0206bbc07b6a', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: '3257cef08250f67f8ec2666130e3ea0645a8e2c7', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: '0a0800062a9f545328408b50f91d9f080cdee158' }, "Expand examples"), h("smoothly-button", { key: '02fabfb6c3583fb8853d82c4b97245428253774a', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: '51ddb0b657a2648909072cac84055478db97f95d', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: '52624dee081a11c096585822d810cf4288059379' }, "Fill examples"), h("div", { key: '2c1eeadd860b6115dd7fdd0b2f4f8538a564269a' }, h("smoothly-button", { key: '9e5454cac152c3eaea53cb55f607ca32ab09ff62', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: '188d4c19f60645acb41e0f47f4a96da2e544b8c0', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: '8587e3a0015b27248dd5b0cfa801e8abd962c5ab', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: '557848720b2df5e0425ba66f892b5bf29fa5ea2f', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: 'bb9406a007325c258a6a7b1039fcb1665c0abd3a', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: 'ed23a5661e678f293cbfa5745d684e6b10dc8c1a', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: '910b4a12a963dc64747c0d37eac3ce437215982f', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: 'f32e72f63b447d69655d51eb23fb23671132c34f', name: "basketball" }))), h("h4", { key: '13a6bf24881c6eb2c7753b6cc5a23dfe8c16f5bc' }, "Buttons with Icon in \"start\""), h("div", { key: 'cc0e96b1435883957159795474f8cf7aead9586d' }, h("smoothly-button", { key: '963d08b7ffe3533daa1a933ce66263616258f92b', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: '6fd017cf57e5ebdf63078003e02d92c68c8f4af5', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: '0bfde99dba0e56974c4132d2ef6c727c9a2a809f', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: '5780d006fe5a007b68f17c537934ebae8fb23480', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: '00e418dec2de5f78e40f56a38bff2e66f0ea8744', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: 'eed0a2bb3c839dd3d914dc0a07e1e3c51e3c5bf3', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: '7ccffbe4c12666ce4f167f0fdc9b6bc7078faeb0', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '56531f0dd24f7c5bb0ae63fcf7b82935b60d24f2', name: "call" })), h("smoothly-button", { key: '8466fd4b388ad0e5411ba5f31975aaf6a1b0680b', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '1472f81c21140b5a8ee4408a947657cd673bd1dc', name: "airplane" }))), h("h4", { key: '0e2ac17f379dd54737037e4d3b32ad256ebf8494' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: 'a4350f353ce14cb9adb6b362b0b11e527c0cd9fe', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: 'c8e56f3ab255349c872b991ec76de6c6ab878066', name: "arrow-forward", slot: "end" })), h("h4", { key: '4a318ff840e33a41e1afbdc2e328430ac4bbc830' }, "Test for icon button"), h("div", { key: '9305973351f925768f74b64f7b790c92b1588839' }, h("smoothly-button", { key: 'da959f375b10df462b6bf8df9d5104dce89fb9d0', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '141d5fa125a2a34220c4cf0320ec45ca3fe31139', name: "call" })), h("smoothly-button", { key: '0987067c106765e51df6f9586aa1d45d942ef125', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: '5fa23e7a1d9b315af5354b55fc4eefd9835e0a44', name: "search-outline" })), h("smoothly-button", { key: '60e76fbb66064799f114cc841c813f9ee1d7d065', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: '1ae4510d90d1b47baadee8f6ed7dd492066bd3e9', name: "checkmark-circle" }))), h("h4", { key: 'fadbc9d0a253d68f24b030d2d52d73d5947d335a' }, "Link examples"), h("div", { key: '8b4ced5d7bbb2e479073f04cfb98e7f98b41f01c' }, h("smoothly-button", { key: '128369132e142d37361b6d640fde4d2743e145a7', type: "link" }, "type link"), h("smoothly-button", { key: 'b9f05aa9925ca88c1aa65f4e0b3040bed9d01e83', type: "button", fill: "clear" }, h("a", { key: '9b565879faf7af07377103494a04b9c3c3a53c8a', href: "https://google.com" }, "link")), h("smoothly-button", { key: '69355e4bbbf46fd49597bc3db62d31548d112f87', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: 'dbc23f33d5d74c0147f658672f7a4fcfb166df9d' }, "Disabled buttons"), h("div", { key: '0b6d087a8e7ca3a3c1b94159f126962b6c622b20' }, h("smoothly-button", { key: '636c5d7b4ddfee2ca6b912b8c8f65e06b5a64136', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: 'da4a2457eef26c077d603bd3482764ce357918ad', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))), h("smoothly-back-to-top", { key: '2906fd515608fe4a3c880755bbb9dfee63d94889' })));
     }
     static get is() { return "smoothly-button-demo"; }
     static get originalStyleUrls() {

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

@@ -15,10 +15,10 @@ export class SmoothlyButtonDemoStandard {
         }, 100);
     }
     render() {
-        return (h(Host, { key: 'c109a1c44628d1b42425859649047a002ee16ce0' }, h("h2", { key: '30b5293b4446f0202ba93d4dfff6b3e73ecd8976' }, "Button Standard"), h("smoothly-form", { key: '6281f5092e984b1dfc19a0efcb104d05ab5d8e48', onSmoothlyFormInput: e => (this.props = e.detail), looks: "grid" }, h("smoothly-input-checkbox", { key: '77ac5fe8bf329861e476539c8625fd5820bdc413', name: "text.useColor", checked: true }, "Use Color as Text"), h("smoothly-input-select", { key: '0dbc3a3420ecefc797b9bdba4f453c90d66c8d1f', name: "size" }, h("span", { key: 'a989af18c47839ff1d5b1e31450062aec0eb3651', slot: "label" }, "Size"), ["small", "large", "icon", "flexible"].map(size => (h("smoothly-item", { value: size, key: size }, size)))), h("smoothly-input", { key: '68d2793e921608a9fa1951b6bd97b87dd87a3e10', name: "text.value", value: "Button" }, "Text", h("smoothly-input-clear", { key: 'bb3938f242bf725507e7ece9cfdf7cb314bca1f1', slot: "end" })), h("smoothly-input-radio", { key: '797d38475df5bc28ac171152407459d98383233b', name: "expand", clearable: true }, h("span", { key: '3210bb5bee8ff0184edfcf6747246efc50ab0752', slot: "label" }, "Expand"), h("smoothly-input-radio-item", { key: 'ebbd079aa41839ba2ed8078880b3f546371b4dc7', value: "block" }, "block"), h("smoothly-input-radio-item", { key: 'daf621085701675377fc460d85e9e328bf09ddd6', value: "full" }, "full"), h("smoothly-input-clear", { key: 'dca4f783b5140ff4c1f0d2aaa1ee9a6fde9f8147', slot: "end" })), h("smoothly-input-select", { key: '9d1cdf02e4b762052d2abd3b431f420e554a28c9', name: "fill" }, h("span", { key: 'b7095efe1d384897bcbd15353f57ff7da0718f50', slot: "label" }, "Fill"), Fill.values.map(fill => (h("smoothly-item", { value: fill, key: fill }, fill)))), h("smoothly-input-checkbox", { key: '78c942e631eef9e23c2f8cd47b8521ad2279c7c1', name: "disabled" }, "Disabled"), h("smoothly-input-select", { key: '976eb85785d873c38d676634f6f54269804b474f', name: "type" }, h("span", { key: '76cbdc4271456d0c2edf6233bdf7dcdfeee9467e', slot: "label" }, "Type"), ["button", "submit", "reset", "link"].map(type => (h("smoothly-item", { value: type, key: type }, type)))), h("smoothly-input-checkbox", { key: '15cd8593b09827f44817b15ebd28f4702faa1bb7', name: "rounded" }, "Rounded"), h("smoothly-input-select", { key: 'c93bda31e420e209cc7cd2253943a868a3b53864', name: "icon", menuHeight: "8items" }, h("span", { key: '6b76f90f3ecb8c46e8b66a6fb348b658938a3bf8', slot: "label" }, "Icon"), Icon.Name.values.map(icon => (h("smoothly-item", { value: icon, key: icon }, h("smoothly-icon", { name: icon, size: "small", tooltip: icon })))), h("smoothly-input-clear", { key: '0ebe8cb52112672443dd94922191fc5f3b7fb20c', slot: "end" })), h("smoothly-input", { key: '5860bfcdf0a2de4c2109bde9072a114db9de4ba1', name: "tooltip", value: "Tooltip" }, "Tooltip", h("smoothly-input-clear", { key: '32672407cf8cbffdec719c479f9615bc3198dc79', slot: "end" }))), h("div", { key: 'bfe436596b1585265ea0b711a43831e722c696ac', class: "buttons" }, Color.values.map((color, index, colors) => {
+        return (h(Host, { key: 'd6e6ca6091ae99e7203ec3d88a00d4b486f5f3bd' }, h("h2", { key: 'b62fd377ec00749b0f0f7b8cff1e2e2fdceb318d' }, "Button Standard"), h("smoothly-form", { key: 'c9c1113d5c7073b66d0cfbd90bfa552ca3104d37', onSmoothlyFormInput: e => (this.props = e.detail), looks: "grid" }, h("smoothly-input-checkbox", { key: '0666c152084c24ec1596ab16d09b04da4f885752', name: "text.useColor", checked: true }, "Use Color as Text"), h("smoothly-input-select", { key: '77fa423c1bed60c446bad2fee6ef4927610ac8af', name: "size" }, h("span", { key: 'd5cd74d1252542454a5fb6441d2099da14a53023', slot: "label" }, "Size"), ["small", "large", "icon", "flexible"].map(size => (h("smoothly-item", { value: size, key: size }, size)))), h("smoothly-input", { key: 'b6df255a745261b34ef164f04c5458c77a9c286b', name: "text.value", value: "Button" }, "Text", h("smoothly-input-clear", { key: '0ee5dff1bd206c5db7d1928773cef6890fb2ed80', slot: "end" })), h("smoothly-input-radio", { key: 'f6f3027ea26fc6c6d077b79bbb228b6cd0809e54', name: "expand", clearable: true }, h("span", { key: '33436d08686b4714e0cfdb0cea7ba6b082b666ed', slot: "label" }, "Expand"), h("smoothly-input-radio-item", { key: 'be55407c3191954aca07baf6aa027ac6bbe9d106', value: "block" }, "block"), h("smoothly-input-radio-item", { key: '1e94daa9639011bf686019ba4883524f0073fae6', value: "full" }, "full"), h("smoothly-input-clear", { key: '3b51e51710dbac5a260d3396546285234f55ad9e', slot: "end" })), h("smoothly-input-select", { key: '73b66b593f926e9035e4502bb8978deac7675d76', name: "fill" }, h("span", { key: '5b143acb8c018f8c37d50788d77c8935fb5e014f', slot: "label" }, "Fill"), Fill.values.map(fill => (h("smoothly-item", { value: fill, key: fill }, fill)))), h("smoothly-input-checkbox", { key: 'ef134a75c0dc58a8ef42ab5f382132eb8163452a', name: "disabled" }, "Disabled"), h("smoothly-input-select", { key: 'ad79838c8c83d40eeb08b1c5b83d6e82a9b6c87c', name: "type" }, h("span", { key: '1581c9346c7c2443324996f8e2b79d03f31241da', slot: "label" }, "Type"), ["button", "submit", "reset", "link"].map(type => (h("smoothly-item", { value: type, key: type }, type)))), h("smoothly-input-checkbox", { key: '05a368b01328adf76df30553a714934b582c16f6', name: "rounded" }, "Rounded"), h("smoothly-input-select", { key: 'a8298ce4893589cdef6de8b311d393e1d4d7bd1d', name: "icon", menuHeight: "8items" }, h("span", { key: 'f0a06face2985f21d7159adb1ce523483268644a', slot: "label" }, "Icon"), Icon.Name.values.map(icon => (h("smoothly-item", { value: icon, key: icon }, h("smoothly-icon", { name: icon, size: "small", tooltip: icon })))), h("smoothly-input-clear", { key: '5791bab3057dac0dfcbd69b3c593b331878b4ed0', slot: "end" })), h("smoothly-input", { key: '8c650a560e278a4aac4040ee101e4e1346ca3a54', name: "tooltip", value: "Tooltip" }, "Tooltip", h("smoothly-input-clear", { key: 'e67bfad19b0bc374f025055140a689bb45ec4dbb', slot: "end" }))), h("div", { key: '0c312b6d27ddb2a1a80c04661345c703b2622414', class: "buttons" }, Color.values.map((color, index, colors) => {
             var _a, _b;
             return (h("smoothly-button", { onClick: e => console.log(`Clicked button with color: ${color}`, e), tooltip: this.props.tooltip, ref: el => colors.length - 1 == index && (this.lastButton = el), color: color, expand: this.props.expand, fill: this.props.fill, disabled: this.props.disabled, shape: this.props.rounded ? "rounded" : undefined, size: this.props.size, type: this.props.type, key: color }, this.props.icon ? h("smoothly-icon", { name: this.props.icon }) : undefined, ((_a = this.props.text) === null || _a === void 0 ? void 0 : _a.useColor) ? color : (_b = this.props.text) === null || _b === void 0 ? void 0 : _b.value));
-        }), h("div", { key: 'dc35cbaca69e970cca164c25cb00889a8e2d57f3', class: "height-text" }, this.heightText))));
+        }), h("div", { key: '638acf6f59bd885acb4262f43e377afc22e35b79', class: "height-text" }, this.heightText))));
     }
     static get is() { return "smoothly-button-demo-standard"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class SmoothlyButton {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '232453b5d6aae82be66b10cc89a4bc1dbfecfb8c', title: this.tooltip }, h(Button, { key: 'e83e04ffda9c99d7ba4a9a7bcc65c3adfff1aab6', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '9ca4777b578e3d16d9d16c88c5c22e97256c3d16' }))));
+        return (h(Host, { key: 'fddb810b2465ce82a68ce0bf4789aa8f14f79303', title: this.tooltip }, h(Button, { key: '3c08a7871e9ed69611790646f87fc7dae834330c', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '8048ac9a2c4e450201ef15b82f66532c253783d9' }))));
     }
     static get is() { return "smoothly-button"; }
     static get encapsulation() { return "scoped"; }

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

@@ -65,10 +65,10 @@ export class Calendar {
     }
     render() {
         var _a, _b, _c;
-        return (h(Fragment, { key: 'ce6f5ed6897c671cd7317ba890f420b82b797271' }, h("smoothly-input-month", { key: '670fd797951b17f0e26c7f073bd31aa087280625', 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: '51ec0570b1b71eb9ff8bca9984ecf40550abe435' }, h("smoothly-input-month", { key: '1beb2d18f5a08e93d88fddca59675078d8662715', 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);
-            }, onSmoothlyUserInput: e => e.stopPropagation() }, h("div", { key: '627d7dd4e5ddf05c5408ce8f9b255e028e089ed8', slot: "year-label" }, h("slot", { key: '1103cb741e629b6f4b797d9d304bb85d4407e9d4', name: "year-label" })), h("div", { key: 'a1ab52b83ad62c7b80d30b65df99d17f0aca15c1', slot: "month-label" }, h("slot", { key: 'feac55da56ff9dd5108e39733b63d0923fa019de', name: "month-label" }))), h("table", { key: '1389cd23c50d790139c31d627024cdc22b10ed35' }, h("thead", { key: '1c3ef2d2584eef6e7b4be81b5d6268b111ac3105' }, h("tr", { key: 'e75be690b817d27820c03bc041107387ee60cbf8' }, 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 => {
+            }, onSmoothlyUserInput: e => e.stopPropagation() }, h("div", { key: '14ed1a3cc6dd8fe89d7ac4f1450f391ccb0bff77', slot: "year-label" }, h("slot", { key: 'c07b485adf7b6b4aa71d3ceb10d530aa029c652d', name: "year-label" })), h("div", { key: 'cd1e232ded9c2ac84156de7419bc46bdd4e01680', slot: "month-label" }, h("slot", { key: '1255e6cef5898b90aba12716639774957e09cd86', name: "month-label" }))), h("table", { key: '8ada3e2ac6abf42710c8611d9264ddbc7691e307' }, h("thead", { key: '1f686102dc5f57bbc838d11d984e85407d44fdda' }, h("tr", { key: '41ab20afc9b1a4491f5070345f779dc6238dd8d3' }, 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.doubleInput ? this.onClickDoubleInput(date) : this.onClick(date))

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

@@ -30,13 +30,13 @@ export class SmoothlyCheckbox {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (h(Host, { key: '763aae06e9d812115cb85043301d794b71d4a732' }, h("smoothly-icon", { key: '023be637a87ff601a8975ffda197fb457b367855', tooltip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (h(Host, { key: 'fbd039e375e497e461a6d4ac906692d27b459f44' }, h("smoothly-icon", { key: 'e995284c2cabc1e13812897e75e9351d8b22835d', 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: 'c662591df20f423f403f95e8acb809d489dcbe67', htmlFor: this.name }, h("slot", { key: 'ede830f9908702be0ad48c78417a339a4f81320d' })), h("div", { key: '1393e9bf654f328ae7449918d1b3c823c01ed9df', class: "expansion" }, h("slot", { key: '0deff11a253e3c75740d5a2714a11a9b3dd62931', name: "expansion" }))));
+                        : "empty" }), h("label", { key: '986df6b596c4564f06338ad383f48d21b99fcd72', htmlFor: this.name }, h("slot", { key: 'f9dd99a00a88f9284ca1ec0e336f91ca19da8c26' })), h("div", { key: 'ca8c0df8aaae2d66d1a705ea25a71deedd5b9de4', class: "expansion" }, h("slot", { key: '29382f691e1ad7d3bbffe0778e313da2a331250a', name: "expansion" }))));
     }
     static get is() { return "smoothly-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SmoothlyColor {
     render() {
-        return h("slot", { key: '9728b3c2ff6a7b2890f24fc7c715621685ebebb7' });
+        return h("slot", { key: '67d52082e0be362de77639ac961e535151783eb4' });
     }
     static get is() { return "smoothly-color"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,7 +18,7 @@ export class SmoothlyButtonConfirm {
         }
     }
     render() {
-        return (h(Host, { key: 'c074a83b5c1adf25489bd21d6ddd877bce15b91b', warning: this.clickTimeStamp }, h("smoothly-button", { key: 'f4c7658b1c98dc7a7b3bfdd427fba714b43de7d8', 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: 'c41cfe01abddd88b047e6cf90da0864fe13a9d7c', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: 'df2f31430eb709a846295c8eb9f1241598c08a35', 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: 'f442c9e90dc109936afe5267f36ad482a6a841d9' }))));
+        return (h(Host, { key: '4412f32553a126e383e1d9bf32d1d0013eb85bc9', warning: this.clickTimeStamp }, h("smoothly-button", { key: '8f53b5dfa7d10e669536b87c7d91a9fe2f05a240', 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: 'be8bbedf8b038e06468c5aac4c813a5af41205ff', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: '719d905afde3e78e2297eba4bb7cc37e1a8728d6', 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: 'f3add649906ef5e0d5dd6a7fb504a2af4efe0e66' }))));
     }
     static get is() { return "smoothly-button-confirm"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,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: '580c08f364516b186c0870e887ae128a5e7d79d9', 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: 'c2bcd0dea7476367642b1890e4d178168c302f2e', 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 : "")));
     }