smoothly 1.2.1-alpha.61 → 1.2.1-alpha.62

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

@@ -82,13 +82,13 @@ const SmoothlyCheckbox = class {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (index.h(index.Host, { key: '8f3dc9923bbbde784811bad8c2db92e91c2dfe2d' }, index.h("smoothly-icon", { key: '4412894cf8e0fc502f412410e1805ba22b8e2bca', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (index.h(index.Host, { key: 'face01fc07b26eaf527a0f9d7559953354e34992' }, index.h("smoothly-icon", { key: 'b93038d3020b625e687c6da87a7e36f1e594c66f', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
                 ? "close-outline"
                 : this.intermediate && !this.checked
                     ? "remove-outline"
                     : this.checked && !this.intermediate
                         ? "checkmark-outline"
-                        : "empty" }), index.h("label", { key: '247172868c121af95b33c04343cac8598df40d13', htmlFor: this.name }, index.h("slot", { key: 'a683b47c7c54efd11a03c31a1e0e20bdf782bae9' })), index.h("div", { key: '103ec2f2b7b10b8dd5e33b7750f666bcc004f37e', class: "expansion" }, index.h("slot", { key: '58bcd1fd4e4c7c57e234efeb33dd2a2b7b2fe0c8', name: "expansion" }))));
+                        : "empty" }), index.h("label", { key: 'c503a44c24490a86019aef9cae8e7ae7ec84f7ff', htmlFor: this.name }, index.h("slot", { key: 'd7be72b4300bdb3ba32d327bc5e0cc302b45e4b2' })), index.h("div", { key: '84981ab79d0b95528abe9f66231bbfdaf859b994', class: "expansion" }, index.h("slot", { key: '5b54e125312338abb6cde3df313211e7aee45771', name: "expansion" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

@@ -10,7 +10,7 @@ const SmoothlyInputCheckboxDemo = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3c8530deb7ac6b81fd703ef18aa24844caebc230' }, index.h("h2", { key: '012b0c5e9b7ee184ed1c25d1eba8b75b2c43ed56' }, "All inputs"), index.h("smoothly-form", { key: '67d7aed0c6be4199b7d1142e4863ba6ba72d8193', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '43413a387e1cce179da34e87470e40db7a8a8b01', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '61493890f37a75f01be55ee9c0ad7c5389859c0c', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '056851c8ba611bfea718cdf48125c23db3cfd09a', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'a53c9fbe5f5c8456978d7bad47c64b1b255f8529', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '6b86c957cb89fe161fa8161a2be57ffb8635ec39', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '2685a05dc3914a6bf6192665017fafb987e2dff8', clearable: true, name: "radioFirstInput" }, index.h("p", { key: 'e3ea61067bf6207dcd68f03a66c6c2dd9d3fcc18', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'e330713067182512e3d4583aac527b7c935d632a', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '5d77211e3a89a41003541a1df24cfeff9a6cbfd7', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'e987f5290b7d9c2241f64195896e4acf0a81badb', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '451d554d11394e6ad9e61597d2820186cded8a13', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: 'e96286811c16784e955edeace957893013638777', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'f39108e6072b31d3314b19519eb3c3b4774a6abc', slot: "label" }, "Month"), index.h("smoothly-item", { key: 'cd67170179927293f5bdf30777fad9513a90f8d2', value: "1" }, "January"), index.h("smoothly-item", { key: '351d10451f722d9460c87fa63620e8dc5c96dc8b', value: "2" }, "February"), index.h("smoothly-item", { key: '1088cde11aca189350f24c250cd3c9b246ce3b43', value: "3" }, "March"), index.h("smoothly-item", { key: '5084a9bca750bdcf14d169a9e76e7d17b58efdc3', value: "4" }, "April"), index.h("smoothly-item", { key: '345e1b9d542a599f80cc585288f0628a1c399364', value: "5" }, "May"), index.h("smoothly-item", { key: 'da79f1e2e06e936e519973e0bbe816912aabcbe2', value: "6" }, "June"), index.h("smoothly-item", { key: 'c23d8e2a24e5cad601f4c9bcdfa87a132898a560', value: "7" }, "July"), index.h("smoothly-item", { key: 'ba869711f6a193c2330457dde49f5ff55f2feeb4', value: "8" }, "August"), index.h("smoothly-item", { key: '748c0791743707bd5faccf7671fe8cac1ab17adc', value: "9" }, "September"), index.h("smoothly-item", { key: '6b62a2efbf23938d41b887b216d2595b9f02ca13', value: "10" }, "October"), index.h("smoothly-item", { key: '76dc99a8f8e681ebb853023cabde80fbce106fed', value: "11" }, "November"), index.h("smoothly-item", { key: '4982c0da0f74f201a0a9bb9a8605059eb0c658fa', value: "12" }, "December"), index.h("smoothly-input-clear", { key: '8e813be64561c6200a2b50f2540e3c301a64fa89', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '8a3bb885cede296276d57be6e93369fb93ff3824', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '6f5ebe69f456c7505a90dc557eb05b3266ce6539', value: "folder", selected: true }, index.h("smoothly-icon", { key: '2b925e79df654dbedad88185028036fe01888109', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '28ee65f30dbd38136d61da521fdd41f93c9aef8e', value: "camera" }, index.h("smoothly-icon", { key: 'b90d15ddab5a8b4d12be892f6ecd117bf064b6be', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'b998dc4a72e202dea374f2e91b1f9b44ade32769', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '31c1d90733bb276403108a46c514b7d00e45b46d', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '8f2e8242620b8ff7379697bc510e41dd2b9a9397', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: 'b45458ce18a1f0cfd9c07e3ec6ecd1eb71effddb', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '371bd8d4118dc0ed604dec0a77c6c00ce0603386', slot: "end" })), index.h("smoothly-input-range", { key: '51a3bc8344d72cce05d3564f7d1b355bc3c0fdf1', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '9e74939a48e22278b7b37b96b8fbef054b998893', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '97d1c06f581a78765678e115d61c14f74e74b29d', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '6c3de8e3023724e34d98da9a85aacc4851b9b6ca', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '62d2615b31651f36ae5f8dae5242d3b5d22a7852', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: 'bdc58c28a7cd33516f403da7fec2689482862dce', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '625410b8c74c8f41926c8b65fe2d0516b914033b', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: '726a9fe71325cb838f5e3913e6df3b656a98aa46', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '375273e7f3efd04dc6f6cce4796157c6a806c8d5', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: '3e422ace57df9960be4bb08c6fbb4cb156700b63', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: 'df252e105ba1f4d8123c8f72428f48a413f3ecd0', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: 'eb39bcda1e6b17e932d4ee4e1041f6e8ad493aac', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '246a778c2e95db5f44634d32c1b2c64e21a302fb', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '17748f8e0ad3a679cddf927535f5b5f8885f8b10', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '5f0dcbf6a1f5ab54cebf5a0fe2141c52307af4a7', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: '10b593f084bfba8b6bae2c80e25032f8bfebf89d' }, index.h("h2", { key: 'd1fb2435b6ab956d1a1e41f7b889bfb1d4458d19' }, "All inputs"), index.h("smoothly-form", { key: '90613d1d1030240fc973f57c5ec835722b6dcf16', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '2e9c84db6cbc753af0f899408ebddcad7488b239', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '008538407fcb824401d30cbd369978f1493dfe37', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: 'ba0c3efe4b64a40e3befec00b4ce3d70cc7c5b8b', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'b296fc689acde789a6e234200de07129d0fe126c', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '32f2a5d4b29b1675cb1a6ddb46021eef8881ec39', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '54412070a2783b4505066fb1b8c5287d8bcda05b', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '4de14c44ebeeca6180aaaebd963f779ad5a8388f', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'a7219fcefa566821ac081afb25ef56e9abd7c2dc', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '80ee4a0d8abd2acc0fe4059804af976fb2a01293', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: 'e1fe95069556daa400d17c9f4bbacdaf4281d497', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '7bc5367d04f85b00716a8d2d8a6dd4d72ab7a05d', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '9f8310aba9f717da51ef41a4e75a486b9c0ca878', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: 'd42ce059112550ce32da552f8c7355f9d95d98eb', slot: "label" }, "Month"), index.h("smoothly-item", { key: 'e794eccf7831c7168c7c15f2e1050c52590a3353', value: "1" }, "January"), index.h("smoothly-item", { key: '568c857360fa631fdc9242a90831ea1023024972', value: "2" }, "February"), index.h("smoothly-item", { key: '4d60b4d2fb1b4700d9975f4f66933836ac81832b', value: "3" }, "March"), index.h("smoothly-item", { key: 'b20d5b365c8f68ed62f7066c9e82ad523ce33785', value: "4" }, "April"), index.h("smoothly-item", { key: '5606f83bfb31d613177749d29ba5350be81a8fcf', value: "5" }, "May"), index.h("smoothly-item", { key: '3dbbf060dde6e066e6c2561150b7637b1fe7f027', value: "6" }, "June"), index.h("smoothly-item", { key: '89da7a0f64ce6eb16c5c53ece0f2e62dc5721156', value: "7" }, "July"), index.h("smoothly-item", { key: '8afc1192bd23b5136854cd6717cf8e9fc7f4f7bf', value: "8" }, "August"), index.h("smoothly-item", { key: '776cf40a1a87bdac4fad827a684b3f48d36b9ce4', value: "9" }, "September"), index.h("smoothly-item", { key: '953e77db5fa54c9120fa3c5dd727d423e6533df8', value: "10" }, "October"), index.h("smoothly-item", { key: '85a2e0583c52dec1a2c924ab66da038c054c929e', value: "11" }, "November"), index.h("smoothly-item", { key: '63a9e234b7f9cde1b036f318fb5c0dd7a2114d62', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'adf55cc7af2ee3f31434569e6c97c8cd9943cbc7', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '0259cd6a275181848b6877f8135599703ff5fdbe', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'b2d5619aa47a0eb8eab6d0401c18cc038a79996d', value: "folder", selected: true }, index.h("smoothly-icon", { key: '5296365a8a4d0abe9357d0d383356e612e82bae2', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: '7f43e4002c3a2bb801b5c95aeb80b86951c48c00', value: "camera" }, index.h("smoothly-icon", { key: '2f381cb3ad8b4ecb27fa4308b2ac736263357d9c', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '6b616cf5ddd4d0fa85909cedc1aa2f29522d3870', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: '83d71865567648d6250c8c17428fa13a3671f3a0', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '7c773d82eab8d4840db92f6c80c5ec0ed15508a6', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '7c826477335785771e0e9cf82535974f57dac774', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '8b2f71ffce261fda1b19ce691fe00f772b36f477', slot: "end" })), index.h("smoothly-input-range", { key: 'df376f29f6c5a34451016e7c1f2d4be64dc96f69', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: '990b7ceb7acad59e3b283d2b9f4d0a7cc16a33bb', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: 'e0e2134aa0d0ecd2ba71c404474ea9440eefd48b', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: 'a21caf4968868b89238f66e15365d962ea8054d1', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: '82426e22efd211781ef035ef3b6f87919d8aacc4', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: 'a0b050a71ee0f8e91c7b3b1f14da556524981d07', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '99056a74c404f8c3a51013407d344981392f7f91', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'd67e67c5ab0251bee48042b319af3417bc5287c2', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '4a5923b6b1423c293f722f1cb8c124d3a762e264', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'e3e352b1b27e28681203f1174e70fd8cb87380f2', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '3c33d1b6bdd5ce12b4a2bf3349319ae740515c80', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '91063cb06f5c3686ed471dfae9f145ba8ee5f699', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: 'f5425341ad97afd73e7298c83da789099a2d02be', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '9ec02acf768fd6515008fa5a8175981708d4eb97', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '5302e168ffea2b6a628b747e921a40bbab957cb5', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };
 

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

@@ -37,7 +37,7 @@ const SmoothlySubmit = class {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (index.h(Submittable.Button, { key: '81374bb3ab857fc8a7944ae84df0a68854ad258c', disabled: this.disabled, type: this.type }, index.h("slot", { key: 'bb3c95260ff1ffb07cb806dfe998f027f5ff112a' })));
+        return (index.h(Submittable.Button, { key: '831af4459da02ff6cbe3ef5361ce21a4969facde', disabled: this.disabled, type: this.type }, index.h("slot", { key: '8c0ec50155ca4cbe2444cfb83f2191ab1f85d46b' })));
     }
 };
 SmoothlySubmit.style = SmoothlySubmitStyle0;

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

@@ -29,7 +29,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '05691d1b33e0e33e808cfb3f34719de721fc4689' });
+        return index.h("slot", { key: 'fcb5f32d466ba65bc2d0cb54bb298c2eaf935350' });
     }
 };
 SmoothlyTriggerSink.style = SmoothlyTriggerSinkStyle0;

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

@@ -25,7 +25,7 @@ const SmoothlyTriggerSource = class {
         }, window);
     }
     render() {
-        return index.h("slot", { key: '9c41efd11c61ca225a5ee79d6559b43249ebdb25' });
+        return index.h("slot", { key: 'a95a22a6c9a94567d9ec1705399495f97cca1b64' });
     }
     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_99.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-icon-demo\",{\"display\":[32],\"props\":[32]}],[2,\"smoothly-theme-demo\"],[0,\"smoothly-display-demo\",{\"downloadingSpinner\":[32]}],[0,\"smoothly-button-demo\"],[2,\"smoothly-dialog-demo\",{\"openModal\":[32],\"openTallModal\":[32],\"showFrame\":[32]}],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[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-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"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\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[6,\"smoothly-toggle\",{\"selected\":[1540],\"shape\":[513],\"disabled\":[516],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[2,\"smoothly-table-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[6,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[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\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"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\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"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\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"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\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"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],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"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,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[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]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[513,\"error-message\"],\"initialValue\":[32],\"state\":[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\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"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\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[6,\"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\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"smoothly-app_98.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-table-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[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]}],[0,\"smoothly-button-demo\"],[4,\"smoothly-app\",{\"label\":[513],\"color\":[1],\"home\":[1],\"menuOpen\":[1540,\"menu-open\"],\"selected\":[32],\"selectRoom\":[64]},[[8,\"popstate\",\"locationChangeHandler\"],[0,\"smoothlyRoomSelect\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoad\",\"roomLoadedHandler\"],[8,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedChanged\"]}],[6,\"smoothly-app-room\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"path\":[1],\"selected\":[1540],\"content\":[16],\"getContent\":[64],\"setSelected\":[64]}],[2,\"smoothly-tabs-demo\"],[2,\"smoothly-form-demo-pet\",{\"hasOwner\":[32],\"owner\":[32],\"value\":[32]}],[2,\"smoothly-form-demo-all\"],[2,\"smoothly-input-demo-standard\",{\"duration\":[32],\"options\":[32]}],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-schedule\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-table-demo-colspan\"],[2,\"smoothly-table-demo-nested\"],[2,\"smoothly-table-demo-simple\"],[2,\"smoothly-form-demo-controlled\",{\"name\":[32],\"currency\":[32],\"date\":[32]},null,{\"name\":[\"nameChanged\"]}],[2,\"smoothly-form-demo-date\"],[2,\"smoothly-form-demo-date-range\"],[2,\"smoothly-table-demo-filler-row\",{\"cats\":[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-theme-guide\"],[2,\"smoothly-input-price-demo\",{\"currencies\":[32],\"currency\":[32]}],[6,\"smoothly-notifier\",{\"icon\":[4],\"notices\":[32]},[[0,\"notice\",\"onNotice\"],[0,\"remove\",\"onRemove\"]]],[6,\"smoothly-theme-picker\",{\"element\":[1]}],[6,\"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\",{\"visible\":[1540],\"open\":[1540],\"mediaQuery\":[513,\"media-query\"],\"history\":[32]},[[0,\"click\",\"clickHandler\"],[9,\"resize\",\"resizeHandler\"]],{\"open\":[\"openChanged\"]}],[6,\"smoothly-modal\",{\"open\":[1540],\"closable\":[516],\"align\":[513]},null,{\"open\":[\"openChanged\"]}],[2,\"smoothly-frame\",{\"url\":[1],\"name\":[513],\"origin\":[1],\"send\":[64]}],[6,\"smoothly-label\",{\"hue\":[2],\"description\":[1],\"shape\":[513]}],[2,\"smoothly-table-demo-nested-inner\",{\"data\":[16]}],[6,\"smoothly-filter\",{\"detailChildren\":[32],\"criteria\":[32],\"expanded\":[32]},[[0,\"smoothlyFilterUpdate\",\"updateHandler\"],[0,\"smoothlyFilterManipulate\",\"manipulateHandler\"],[0,\"smoothlyFilterField\",\"filterFieldHandler\"]]],[6,\"smoothly-filter-select\",{\"label\":[1],\"property\":[1],\"menuHeight\":[1,\"menu-height\"],\"multiple\":[4],\"type\":[1],\"looks\":[1025]},[[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyInputLooks\",\"smoothlyInputLooksHandler\"]]],[6,\"smoothly-filter-input\",{\"label\":[1],\"property\":[1],\"placeholder\":[1],\"needle\":[32]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[6,\"smoothly-table-filler-row\"],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-table-row-group\",{\"align\":[516],\"open\":[1540]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[6,\"smoothly-tabs\",{\"tabs\":[32],\"selectedElement\":[32]},[[0,\"smoothlyTabLoad\",\"onInputLoad\"],[0,\"smoothlyTabOpen\",\"openChanged\"]],{\"selectedElement\":[\"onSelectedChange\"]}],[2,\"smoothly-theme-color-variant\",{\"color\":[513],\"variant\":[513]}],[6,\"smoothly-input-edit\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"type\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-foot\"],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-table-expandable-row\",{\"open\":[1540]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-trigger\",{\"color\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"name\":[1],\"value\":[8]},[[0,\"click\",\"onClick\"]]],[6,\"smoothly-input-checkbox\",{\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"checked\":[1028],\"value\":[4],\"looks\":[1537],\"color\":[1537],\"disabled\":[516],\"register\":[64],\"unregister\":[64],\"getValue\":[64],\"clear\":[64],\"listen\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[64]},null,{\"checked\":[\"elementCheck\"]}],[6,\"smoothly-input-color\",{\"value\":[1025],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-date-range\",{\"name\":[513],\"color\":[1537],\"looks\":[1537],\"readonly\":[1540],\"showLabel\":[516,\"show-label\"],\"start\":[1025],\"end\":[1025],\"placeholder\":[1],\"invalid\":[4],\"max\":[1],\"min\":[1],\"changed\":[1028],\"value\":[32],\"open\":[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\":[\"updateValue\"],\"end\":[\"updateValue\"],\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-clear\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-input-file\",{\"changed\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[6,\"smoothly-input-radio-item\",{\"value\":[1032],\"selected\":[1540],\"looks\":[1537],\"name\":[1025]}],[6,\"smoothly-input-radio\",{\"changed\":[1028],\"value\":[1032],\"looks\":[1537],\"color\":[1537],\"clearable\":[4],\"readonly\":[1540],\"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,\"smoothlySelect\",\"smoothlyRadioInputHandler\"]],{\"value\":[\"valueChanged\"],\"readonly\":[\"watchingReadonly\"]}],[6,\"smoothly-table-body\"],[6,\"smoothly-table\",{\"columns\":[2]},[[0,\"smoothlyTableExpandableRowChange\",\"smoothlyTableExpandableRowChange\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChange\"]]],[6,\"smoothly-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-input-date\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"changed\":[1028],\"readonly\":[1540],\"invalid\":[4],\"value\":[1025],\"open\":[1028],\"max\":[1025],\"min\":[1025],\"showLabel\":[516,\"show-label\"],\"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\"]],{\"value\":[\"onStart\"]}],[6,\"smoothly-input-reset\",{\"color\":[1],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"size\":[513],\"shape\":[513],\"display\":[1540],\"type\":[513],\"tooltip\":[1]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-cell\",{\"span\":[514]}],[6,\"smoothly-table-row\",null,[[0,\"smoothlyTableExpandableCellRegister\",\"smoothlyTableExpandableCellRegisterHandler\"],[0,\"smoothlyTableExpandableCellChange\",\"smoothlyTableExpandableCellChangeHandler\"]]],[6,\"smoothly-input-range\",{\"value\":[1026],\"looks\":[1537],\"color\":[1537],\"changed\":[1028],\"defined\":[1028],\"readonly\":[1540],\"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\"]],{\"value\":[\"valueChanged\"]}],[2,\"smoothly-toggle-switch\",{\"checkmark\":[516],\"selected\":[1540],\"disabled\":[516],\"size\":[513],\"color\":[513],\"fill\":[513]}],[6,\"smoothly-calendar\",{\"month\":[1025],\"value\":[1025],\"start\":[1025],\"end\":[1025],\"max\":[1025],\"min\":[1025],\"doubleInput\":[516,\"double-input\"],\"firstSelected\":[32]},null,{\"start\":[\"onStart\"],\"end\":[\"onEnd\"]}],[6,\"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\",\"setAllowPreviousMonth\",\"setAllowNextMonth\"],\"min\":[\"setAllowPreviousMonth\"],\"max\":[\"setAllowNextMonth\"]}],[6,\"smoothly-input-submit\",{\"delete\":[516],\"color\":[1],\"icon\":[8],\"expand\":[513],\"fill\":[513],\"disabled\":[1540],\"display\":[1540],\"shape\":[513],\"size\":[513],\"toolTip\":[1,\"tool-tip\"]}],[6,\"smoothly-button-confirm\",{\"color\":[1],\"name\":[513],\"doubleClickTime\":[2,\"double-click-time\"],\"expand\":[513],\"fill\":[1],\"disabled\":[516],\"shape\":[1],\"size\":[1],\"clickTimeStamp\":[32]}],[4,\"smoothly-form\",{\"color\":[1537],\"value\":[1040],\"action\":[1],\"validator\":[16],\"type\":[1],\"readonly\":[1028],\"looks\":[513],\"name\":[513],\"prevent\":[4],\"changed\":[1028],\"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\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[2,\"smoothly-display\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"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],\"inCalendar\":[516,\"in-calendar\"],\"ordered\":[516],\"multiple\":[4],\"clearable\":[4],\"changed\":[1028],\"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,\"smoothlyItemSelect\",\"onItemSelect\"],[0,\"keydown\",\"onKeyDown\"]],{\"selected\":[\"onSelectedChange\"],\"required\":[\"onRequiredChange\"],\"filter\":[\"onFilterChange\"],\"readonly\":[\"watchingReadonly\"],\"open\":[\"onClosed\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"disabled\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[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]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[6,\"smoothly-input\",{\"color\":[1537],\"looks\":[1537],\"name\":[513],\"value\":[1032],\"type\":[513],\"required\":[516],\"showLabel\":[516,\"show-label\"],\"autocomplete\":[1],\"placeholder\":[513],\"disabled\":[4],\"readonly\":[1540],\"toInteger\":[4,\"to-integer\"],\"currency\":[513],\"min\":[2],\"max\":[2],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[513,\"error-message\"],\"initialValue\":[32],\"state\":[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\"]],{\"currency\":[\"typeChange\"],\"type\":[\"typeChange\"],\"state\":[\"stateChange\"],\"value\":[\"valueChange\"],\"readonly\":[\"readonlyChange\"]}],[2,\"smoothly-icon\",{\"color\":[513],\"fill\":[513],\"name\":[513],\"size\":[513],\"rotate\":[514],\"flip\":[513],\"toolTip\":[1,\"tool-tip\"],\"latestPromise\":[32],\"document\":[32]},null,{\"toolTip\":[\"nameChanged\"],\"name\":[\"nameChanged\"]}]]],[\"smoothly-input-checkbox-demo.cjs\",[[2,\"smoothly-input-checkbox-demo\"]]],[\"smoothly-checkbox.cjs\",[[6,\"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\"],\"unavailable\":[\"unavailableChanged\"]}]]],[\"smoothly-color.cjs\",[[6,\"smoothly-color\",{\"color\":[513]}]]],[\"smoothly-country.cjs\",[[2,\"smoothly-country\",{\"value\":[1],\"text\":[1],\"language\":[32]}]]],[\"smoothly-submit.cjs\",[[6,\"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\",[[6,\"smoothly-trigger-sink\",{\"context\":[16],\"destination\":[1],\"filter\":[1]},[[0,\"trigger\",\"TriggerListener\"]]]]],[\"smoothly-trigger-source.cjs\",[[6,\"smoothly-trigger-source\",{\"listen\":[1]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -100,7 +100,6 @@
     "components/theme/demo/index.js",
     "components/theme/guide/index.js",
     "components/theme/picker/index.js",
-    "components/toggle/index.js",
     "components/toggle-switch/index.js",
     "components/toggle-switch/demo/index.js",
     "components/trigger/index.js",

package/dist/collection/components/burger/style.css

@@ -1,22 +1,22 @@
-:host([visible]){
+:host([visible]) {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
 }
-:host([visible]) .burger smoothly-icon{
-	font-size: 1.7em;
+:host([visible]) .burger smoothly-icon {
+	--smoothly-icon-size: 3rem;
 	cursor: pointer;
 	margin-right: 1em;
 }
 :host:not([visible]){
 	display: none;
 }
-:host:not([open]) smoothly-icon{
+:host:not([open]) smoothly-icon {
 	transform: rotate(0deg);
 	transition: transform 100ms ease-in-out;
 }
-:host([open]) smoothly-icon{
+:host([open]) smoothly-icon {
 	transform: rotate(-90deg);
 	transition: transform 100ms ease-in-out;
 }

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

@@ -3,8 +3,8 @@ export class SmoothlyButtonDemo {
     render() {
         return [
             h("h2", { key: 'bddbcdcb9ce5d83b6bfa7b6ecfdc6aa39a2eb566' }, "Buttons"),
-            h("section", { key: '1a68d5f5e150439e623fa625432c0b76d84cb4da' }, h("h4", { key: 'ce297567bb70f6f61cb5c9adfce457b96a727dee' }, "Confirm button (two clicks)"), h("div", { key: '6b8561f4fe3001800c5a058e01a023361e8ff5fc' }, h("smoothly-button-confirm", { key: 'c26ec515d6e59142694394336d6c408f9d77d5c2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: 'bc1fe30703e9469b80851611286309c2465b6708', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: '2c5ad6e48b66c4aac2b85dc8ea27b292b9229054', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: 'b00eff042a7e4ad8d84dbd5928499dfe93e0aade', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: '180734788ed2a6bf6dd7b833ec6e2bb8c8aa4d65', name: "trash-outline", size: "tiny", fill: "outline" }))), h("h4", { key: 'e25fbefe45792c9e30a2c57a0c653b7a9ee5d459' }, "Toggle button"), h("smoothly-toggle", { key: '382d2e1645b0414d8b913ba02b564f265d0fe208' }, h("smoothly-icon", { key: '446740388ba67c61a8378d4386735a1812ff083c', name: "card", fill: "solid", slot: "icon-slot" })), h("smoothly-toggle", { key: '8c950bbecec8807ac73da93e6bae99cd096d2cba' }, h("smoothly-icon", { key: 'dfdc829247bda20f9d9da36c10ed659ae6f897df', name: "briefcase", slot: "icon-slot" })), h("smoothly-toggle", { key: 'a79c5236bb4ebe6a136b81350cffcd5803d090dd' }, h("smoothly-icon", { key: '4a25c345c49c70ddefcd938c2efec421c6ba5818', name: "airplane", slot: "icon-slot" })), h("smoothly-toggle-switch-demo", { key: 'd44f03242ec60165ee941700e1f774a9deca8ed1' }), h("h4", { key: '83079e47b2bfc64da81d2332a581619cbddf4500' }, "Links with icons"), h("smoothly-button", { key: '7a62c92041257209c1615bbd673c1c50ee6d9739', type: "link" }, h("smoothly-icon", { key: '5059b784526f638a691ee8241dd3732585a0a6f6', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: '450c4299a9ceaa31f1a2143ddbe848b559a3fadf', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: '3e5702b60edb4bf36bb5b13013b5ed49b22038ff', name: "call", slot: "start" }), h("a", { key: '916ff6ccb76afbece7f15bd26ffa061d1f4c7357', href: "https://google.com" }, "link")), h("smoothly-button", { key: '1f3ac00e99ee9175ade176b729968ab280e374f5', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: '182ee7d973137fc0fe569506cc26b907d56044d2', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: '9c98f39214d58734e0a2cd2564ec94887c3789b2' }, "Size and Color test"), h("smoothly-button", { key: '4a381c7b2abb9bc25aa2071d515d00e554373729', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '2bdc73f7f47144d1eb767d93ff24501f03ee0154', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: '2ac63d611e15bfeaf6accf58fb19e8f1fe7f10f3', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: '435d959f703ae620a35414fa8ac41091f039470f', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: 'a683db9beb1103e8f7d751a8886f929a28fd7f9f', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'a06b826626ac02d53287fce5933309dbad62775e', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: 'd92c3f767c215b97f981090e6713db3c9cdd5fc3', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: '60b5814702944be4d69c8660f9b00b3d546db670', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: '285602770a1a6b7b88d5362b537a135474cd36d6', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: '93cd7e3412684091fd54e33327ef6ffca2ccfdde' }, "Expand examples"), h("smoothly-button", { key: '71115ebbaef4062bb92631e2dc9314e487d70a63', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: 'ab9bab41d8f104bfcf8fb512de68cfc8abb80248', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: '7fe80cd1213ac4288e742f8e53db704a80160619' }, "Fill examples"), h("div", { key: '78f772042275f540ac76027f27405703b5612342' }, h("smoothly-button", { key: '354c986b170c0650afefe849c38b68869e3a89de', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: '11078a864ac2f2aff15c9c0ecbf1b72604a528fb', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: 'e873de608e6734d48797e70a52b59c96539f9963', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: 'e280e4627d6178ed829504e3fd819b237b368310', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: '4bc537c2cf113821d4fb48dba73058c5b5b06103', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: '0328a79c6c5070cdbdab3dfc7b59685848ae8a25', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: 'f770f700014802c3384ee791776a17cfd2baee5d', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: '4d83d78c29a011365538a376716e62f55469aa7f', name: "basketball" }))), h("h4", { key: 'dd52fc042e985c7e5dd4f70ad659aa5a67f113fd' }, "Buttons with Icon in \"start\""), h("div", { key: '354ff7082e404bae0580939d262cdadd82c741c1' }, h("smoothly-button", { key: '748b62961a706bf020067a86d38133aaed392295', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: 'c71be2a99d2fad8f4714f0b1951dabd7ae300ca6', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: 'edbc409832eb913072e35015c91b34ac8a1c1c0b', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: '7778e217541f3bd0c57458714b7a2a74e926790f', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: '56b928c4e487cfad1d87ce4c394eb32bf922bee8', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: '8b0ca775e79d0d67c3df54a5ee018979062d8005', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: 'b201e3fd2b2fa39a67ff755bc6bf507b713d22b2', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '2422da1f02def727ae2d849b4fca259625d28186', name: "call" })), h("smoothly-button", { key: '559bc69c4a2648ddb795eadd71d11881ede60e07', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '8d7ca205ca86f1869524db0b989175fb61577b3a', name: "airplane" }))), h("h4", { key: '0d20d1ef4c4f5a92d3ba9c52e3c9bbc102082669' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: '9d5303af3e3e9ff1213274745210e683c6386ffd', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: 'f1b0fce6a32ab6718a49692fc678e2c8b8fa2c06', name: "arrow-forward", slot: "end" })), h("h4", { key: '71c1e32c6c99fa92676c4ae29ababc379b2eff31' }, "Test for icon button"), h("div", { key: '2a792664efad4614124252fde55024c579d4c0cb' }, h("smoothly-button", { key: 'd3b0ab0e85860c2c94213977159b6e26f438c98b', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: '10feac29e11998eeaccb5759bc0f4cf841ac69da', name: "call" })), h("smoothly-button", { key: 'fc2f6b2ca9b8b02eaaea5da9ddc4b4d42eb8619b', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: 'ea95489a7735a94b6028ef37a9f36a97d7c26f6e', name: "search-outline" })), h("smoothly-button", { key: '2629f414b94958e22f4dbae0f9ff0eb143dd5f36', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: 'e5b1d7012a76cc0fa159cb2ac226ebcd584bf43d', name: "checkmark-circle" }))), h("h4", { key: '071beba6f628300fbe06e3159e5024948761e099' }, "Link examples"), h("div", { key: '86ba2c9206940302eb5ca3794f74939c7942263a' }, h("smoothly-button", { key: '1e5f643cbbf49929e918da57f6151ddd0725f8c7', type: "link" }, "type link"), h("smoothly-button", { key: '5e25581e6ea3cf136b0996c9f0c6675477e76768', type: "button", fill: "clear" }, h("a", { key: '51123cd62d7c2e0c403593ed3653bcf1dcf6529a', href: "https://google.com" }, "link")), h("smoothly-button", { key: '84687567a4672a87845b3315164aec9aa49d8b06', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: 'afd95ebfba2102c4b3a15befc25018bd45df58da' }, "Disabled buttons"), h("div", { key: 'af549870028d91bd5a492b830f568cb64d89484f' }, h("smoothly-button", { key: '03a442de0f43105cc129e9d395669b9a9d854df9', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: 'b9019e75b010aa0d338f56280017bf1ad9c8b04b', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
-            h("smoothly-back-to-top", { key: '555b6062cb2308beb7ee4b2cee9bc55758888707' }),
+            h("section", { key: '1a68d5f5e150439e623fa625432c0b76d84cb4da' }, h("h4", { key: 'ce297567bb70f6f61cb5c9adfce457b96a727dee' }, "Confirm button (two clicks)"), h("div", { key: '6b8561f4fe3001800c5a058e01a023361e8ff5fc' }, h("smoothly-button-confirm", { key: 'c26ec515d6e59142694394336d6c408f9d77d5c2', name: "confirm", shape: "rounded", color: "danger", size: "large" }, "Delete"), h("smoothly-button-confirm", { key: 'bc1fe30703e9469b80851611286309c2465b6708', name: "confirm-icon", shape: "rounded", color: "success", size: "icon" }, h("smoothly-icon", { key: '2c5ad6e48b66c4aac2b85dc8ea27b292b9229054', name: "checkmark-outline", size: "tiny" })), h("smoothly-button-confirm", { key: 'b00eff042a7e4ad8d84dbd5928499dfe93e0aade', name: "confirm-icon", shape: "rounded", color: "danger", size: "icon", fill: "outline" }, h("smoothly-icon", { key: '180734788ed2a6bf6dd7b833ec6e2bb8c8aa4d65', name: "trash-outline", size: "tiny", fill: "outline" }))), h("smoothly-toggle-switch-demo", { key: '05f0025358df19ae26c50e988f75488f41da289d' }), h("h4", { key: 'a9d8bcaea4a0f4faefb18091126dbcdf41f310d9' }, "Links with icons"), h("smoothly-button", { key: '167bbb5902842ca9bffce2c147d628d56e400190', type: "link" }, h("smoothly-icon", { key: 'd072acb7417bacbe2f7ecdc46aabda39cbdbfc06', name: "checkmark-circle", slot: "start" }), "type link"), h("smoothly-button", { key: '009968c3ec3174984ea7d2d0f8583283dac79cd7', type: "button", color: "warning", fill: "default" }, h("smoothly-icon", { key: 'a006bec82e32c090679bf672067786ad20ee1a1c', name: "call", slot: "start" }), h("a", { key: 'f07b7790a97c5ee46d0f9b2208c7adc6be83b578', href: "https://google.com" }, "link")), h("smoothly-button", { key: '6bc40589a121c17134918def9047a9f4c5849d92', link: "https://google.com", type: "link" }, h("smoothly-icon", { key: '7fe282e07c20828f9d3370fc652212dbfbffeb22', name: "arrow-forward", slot: "end" }), "link + type link"), h("h4", { key: '8ba8336502afd8345f6fb4e4fab960482ae518a8' }, "Size and Color test"), h("smoothly-button", { key: '8853f3af8f2a529da7b4e852bb97b683b83305df', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), h("smoothly-button", { key: '58bacfecc8658277fce79ca8c92b09269d98dd9a', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), h("smoothly-button", { key: 'ad0d74e0a69340b75589a4758a09aac2dcb76f00', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), h("smoothly-button", { key: '440876e5df141e0c8ac44027661f8e575921699f', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), h("smoothly-button", { key: '2c7792f5eab260fc72dea8d02a69f870e017c461', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), h("smoothly-button", { key: 'e6a5713a3f4c683442c44c7dce5d4b14d5ed137b', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), h("smoothly-button", { key: '9344764b926c4b7620a116f7811c569e2825440d', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), h("smoothly-button", { key: '47ee717243171483731ddb1645c4769dc02386e8', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), h("smoothly-button", { key: 'fcb45ba51f2efd49e3bb1601213d3e7ad020fbbd', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), h("h4", { key: '2445eacd62ea0749ed0bdcd7a624fc9d0003b69e' }, "Expand examples"), h("smoothly-button", { key: '9cdb6cfac5d2806e522c2764aaf4f3f8b24bd81c', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), h("smoothly-button", { key: '72c233f139b871a57202f29cc3f2d26bd45900a2', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), h("h4", { key: 'b6912697d2018ba136133d3d21349c8fade175fb' }, "Fill examples"), h("div", { key: 'e4095adae1b21cac1437407a4b032ebf2b5857fb' }, h("smoothly-button", { key: '537fb2c0df80f137e082ff7b0cfd3fd6dd0dbe46', shape: "rounded", color: "primary", fill: "solid" }, h("smoothly-icon", { key: '9982e7b95ca149470e6d5b34967f46cad195a35f', name: "checkmark-circle", slot: "start" }), "Fill Solid"), h("smoothly-button", { key: '9a7021a7c1743c2c46a8a67159d2cda23e4579c2', shape: "rounded", color: "secondary", fill: "outline" }, h("smoothly-icon", { key: '469608b3bfc55b192d773f42ef70e567795ca455', name: "checkmark-circle", slot: "start" }), "Fill Outline"), h("smoothly-button", { key: '52a5d266726a031d6b66b3a1180ad37623dd74c9', shape: "rounded", color: "tertiary", fill: "clear" }, h("smoothly-icon", { key: '94e036929040b6ac859a055bde8ad09e804ad1fd', name: "checkmark-circle", slot: "start" }), "Fill Clear"), h("smoothly-button", { key: 'f48dfdc3b4151689bfe7c3f069156b8e97ccd485', size: "icon", shape: "rounded", color: "success", fill: "solid" }, h("smoothly-icon", { key: '729e24c3f27ee5ee5d9ac91a872d0ebaf232ef06', name: "basketball" }))), h("h4", { key: 'f6925e64d522c3049c3df03ae5572e7cb79b91aa' }, "Buttons with Icon in \"start\""), h("div", { key: '4caf500f1fc1e0bc4fdefbada8053ec53d919859' }, h("smoothly-button", { key: '69248dd64f9f1e6bd2eb72d9bb060d2adc95230e', shape: "rounded", fill: "solid", color: "warning" }, h("smoothly-icon", { key: '326c813748e85699bf9378ae903f82c3a94a99fe', name: "checkmark-circle", slot: "start" }), "Check"), h("smoothly-button", { key: 'e32f179237d11e7168f6b9d86584a941e7c132ba', shape: "rounded", fill: "solid", color: "secondary" }, h("smoothly-icon", { key: 'ac60c8faa7ee073a8193a670c1f4195331930f43', name: "basketball", slot: "start" }), "Check"), h("smoothly-button", { key: '19388cc01865030341d6e481e17f2b8201f7e2a2', shape: "rounded", fill: "solid", color: "success" }, h("smoothly-icon", { key: '9ef487e2d5ee74050fb1d544d2cd38cba4e031ff', name: "call", slot: "start" }), "Check"), h("smoothly-button", { key: '551d64ac42aff595a46024e330dd09db0985f958', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: 'c834b6e258f7a992a28349103b8029384fde8a60', name: "call" })), h("smoothly-button", { key: '747732c4f71779e75dd1e28f1279afbb5ca9977f', size: "flexible", fill: "solid", color: "success" }, h("smoothly-icon", { key: '39095a422a92dae1516d70fc6cd307886dd44f8d', name: "airplane" }))), h("h4", { key: 'bbbc29959dfe655b2d9cce283dea0fb02429a834' }, "Buttons with Icon in \"end\""), h("smoothly-button", { key: '24d19a5ecc1208b8a918027a8e32b7148554380e', fill: "solid", color: "light" }, "Go Forward", h("smoothly-icon", { key: '263940589ee234ba91a0ee6d80474b3df208a27f', name: "arrow-forward", slot: "end" })), h("h4", { key: '94736445a17a3cf6880880463e181f50b41e919a' }, "Test for icon button"), h("div", { key: '445605a6a79169dff7f1d8fc06afe4aa71279fc5' }, h("smoothly-button", { key: 'e2bf3d70b09f51ef033160538ee894ed7e5a5704', size: "icon", fill: "solid", shape: "rounded", color: "success" }, h("smoothly-icon", { key: 'bb6eeb8eefa8c9ded0804b62976fa3dea30e6f04', name: "call" })), h("smoothly-button", { key: '0dc78ad3f658c896c2f1094dbb378319ce081b7e', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, h("smoothly-icon", { key: 'a07d3a8a103b9ce19b11b91f2464b8e7089d1337', name: "search-outline" })), h("smoothly-button", { key: '0408dea25ae083f2427cf347677914478426dbbc', size: "icon", shape: "rounded", color: "secondary" }, h("smoothly-icon", { key: '38337dd0de50a5dcfe4d1ccd070826cfc0cd6124', name: "checkmark-circle" }))), h("h4", { key: '15e4d907e44d0c9191acf970a7ffa718b0baf537' }, "Link examples"), h("div", { key: 'f966263b0a25dd27dc146a28ba03774813c6469a' }, h("smoothly-button", { key: 'b1a65a0fd62273af3cb6d982ee98c7a1c565fb20', type: "link" }, "type link"), h("smoothly-button", { key: '2b19c2d53a823dcc74426b12309e6854d3a4923d', type: "button", fill: "clear" }, h("a", { key: '45c4ce410828bfb775464872aaa7e6ab6e0e800e', href: "https://google.com" }, "link")), h("smoothly-button", { key: 'c98b71da6960956e031b99d23e53cc5a123341a3', link: "https://google.com", type: "link" }, "link + type link")), h("h4", { key: '559ef66961156a0c954e7a6009283a8328a4dd48' }, "Disabled buttons"), h("div", { key: '5856c23cde78acfc84c73b78aaa5c1b1f1e82c43' }, h("smoothly-button", { key: '6da6041b5d6b51adc0cc19ecf074412d7183fe7b', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), h("smoothly-button", { key: '57e28f82cf722df8dc9ecfb0bff304a345e27018', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
+            h("smoothly-back-to-top", { key: 'a1d78b61fcc3da58bd3f8683fbeccb34bbcb3ef3' }),
         ];
     }
     static get is() { return "smoothly-button-demo"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn [\n\t\t\t<h2>Buttons</h2>,\n\t\t\t<section>\n\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t</div>\n\t\t\t\t<h4>Toggle button</h4>\n\t\t\t\t<smoothly-toggle>\n\t\t\t\t\t<smoothly-icon name=\"card\" fill=\"solid\" slot=\"icon-slot\" />\n\t\t\t\t</smoothly-toggle>\n\t\t\t\t<smoothly-toggle>\n\t\t\t\t\t<smoothly-icon name=\"briefcase\" slot=\"icon-slot\" />\n\t\t\t\t</smoothly-toggle>\n\t\t\t\t<smoothly-toggle>\n\t\t\t\t\t<smoothly-icon name=\"airplane\" slot=\"icon-slot\" />\n\t\t\t\t</smoothly-toggle>\n\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\ttype link\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\tlink + type link\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Primary + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\tColor Secondary + Default\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\tColor Warning + Large\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Danger + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Success + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Dark + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Medium + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Light + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\tColor Secondary + Default\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\tColor Warning + Large\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Solid\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Outline\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Clear\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\tGo Forward\n\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\tDisabled\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\tDisabled link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t</section>,\n\t\t\t<smoothly-back-to-top />,\n\t\t]\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/demo/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from \"@stencil/core\"\n@Component({\n\ttag: \"smoothly-button-demo\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyButtonDemo {\n\trender() {\n\t\treturn [\n\t\t\t<h2>Buttons</h2>,\n\t\t\t<section>\n\t\t\t\t<h4>Confirm button (two clicks)</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm\" shape=\"rounded\" color=\"danger\" size=\"large\">\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"success\" size=\"icon\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-outline\" size=\"tiny\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t\t<smoothly-button-confirm name=\"confirm-icon\" shape=\"rounded\" color=\"danger\" size=\"icon\" fill=\"outline\">\n\t\t\t\t\t\t<smoothly-icon name=\"trash-outline\" size=\"tiny\" fill=\"outline\" />\n\t\t\t\t\t</smoothly-button-confirm>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-toggle-switch-demo />\n\t\t\t\t<h4>Links with icons</h4>\n\t\t\t\t<smoothly-button type=\"link\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\ttype link\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"button\" color=\"warning\" fill=\"default\">\n\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t\tlink + type link\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Size and Color test</h4>\n\t\t\t\t<smoothly-button color=\"primary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Primary + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" shape=\"rounded\">\n\t\t\t\t\tColor Secondary + Default\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" size=\"large\">\n\t\t\t\t\tColor Warning + Large\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"danger\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Danger + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"success\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Success + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"tertiary\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Tertiary + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"dark\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Dark + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"medium\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Medium + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"light\" fill=\"solid\" size=\"small\" shape=\"rounded\">\n\t\t\t\t\tColor Light + Small\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Expand examples</h4>\n\t\t\t\t<smoothly-button color=\"secondary\" fill=\"solid\" expand=\"full\">\n\t\t\t\t\tColor Secondary + Default\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button color=\"warning\" fill=\"solid\" expand=\"block\">\n\t\t\t\t\tColor Warning + Large\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Fill examples</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"primary\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Solid\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"secondary\" fill=\"outline\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Outline\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" color=\"tertiary\" fill=\"clear\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tFill Clear\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"success\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"basketball\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Buttons with Icon in \"start\"</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"warning\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\t<smoothly-icon name=\"basketball\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button shape=\"rounded\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" slot=\"start\" />\n\t\t\t\t\t\tCheck\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"flexible\" fill=\"solid\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"airplane\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Buttons with Icon in \"end\"</h4>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\">\n\t\t\t\t\tGo Forward\n\t\t\t\t\t<smoothly-icon name=\"arrow-forward\" slot=\"end\" />\n\t\t\t\t</smoothly-button>\n\t\t\t\t<h4>Test for icon button</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button size=\"icon\" fill=\"solid\" shape=\"rounded\" color=\"success\">\n\t\t\t\t\t\t<smoothly-icon name=\"call\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"warning\" fill=\"solid\">\n\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button size=\"icon\" shape=\"rounded\" color=\"secondary\">\n\t\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Link examples</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button type=\"link\">type link</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"button\" fill=\"clear\">\n\t\t\t\t\t\t<a href=\"https://google.com\">link</a>\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button link=\"https://google.com\" type=\"link\">\n\t\t\t\t\t\tlink + type link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<h4>Disabled buttons</h4>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"secondary\">\n\t\t\t\t\t\tDisabled\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"https://google.com\" disabled>\n\t\t\t\t\t\tDisabled link\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t</section>,\n\t\t\t<smoothly-back-to-top />,\n\t\t]\n\t}\n}\n"]}

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

@@ -56,10 +56,10 @@ export class Calendar {
     }
     render() {
         var _a, _b, _c;
-        return (h(Fragment, { key: '7b1fb3ef1cbdc1d5e6613384e64da895fcaa5cf3' }, h("smoothly-input-month", { key: 'ad67fc659c6a18d45132f422733ea24d7d56dd2b', 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: '818f64c07d09772dcf0ca9a9d561b5745684c9ae' }, h("smoothly-input-month", { key: 'b407c0b400e94cfad36c372bf8353ad1fe52a5fd', name: "month", value: (_a = this.month) !== null && _a !== void 0 ? _a : this.value, min: this.min, max: this.max, inCalendar: true, next: true, previous: true, showLabel: false, onSmoothlyInput: e => {
                 e.stopPropagation();
                 "month" in e.detail && typeof e.detail.month == "string" && (this.month = e.detail.month);
-            } }, h("div", { key: 'b5da7a44e2576313b98caa246146c74eea0cdae3', slot: "year-label" }, h("slot", { key: '3862506ef62aaa5226d366b65351549a74c9ec6e', name: "year-label" })), h("div", { key: 'c1e36c66c30e6540039271fd1719c9d4438c8afa', slot: "month-label" }, h("slot", { key: 'e88f780f22b3e310b87df52e430de3d40de4d552', name: "month-label" }))), h("table", { key: 'a7ef6dc817715ed613e895b668c4ef1bf4cd1386' }, h("thead", { key: '6ddbd34b74a61affd2afee8ff27c44461a542224' }, h("tr", { key: '79141f617b4eacbd6dbc8f17045281a5a0a49ace' }, generate.weekdays().map(day => (h("th", null, day))))), generate.month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : isoly.Date.now()).map(week => (h("tr", null, week.map(date => {
+            } }, h("div", { key: '46d05aa65a4a0de959e2bb79f00fd6bce67662a1', slot: "year-label" }, h("slot", { key: 'cbd40bacc7fa9a661916deb52e5538e163de5067', name: "year-label" })), h("div", { key: '26f35188e898cbd35a20ab6d5f469418bfc5952d', slot: "month-label" }, h("slot", { key: '79ece04c1955c45809892accb4c692a3277a2c4b', name: "month-label" }))), h("table", { key: '3002ee275ea4b53934e14fa27d08ba67d79a993d' }, h("thead", { key: 'f6d280f29660fe107ef459e4cdc8a829b91d26b0' }, h("tr", { key: 'cdeaec6bc32757bb65c130618e9ea92b668acc25' }, generate.weekdays().map(day => (h("th", null, day))))), generate.month((_c = (_b = this.month) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : isoly.Date.now()).map(week => (h("tr", null, week.map(date => {
             var _a, _b, _c, _d;
             return (h("td", { tabindex: 1, onMouseOver: () => (this.withinLimit(date) ? this.onHover(date) : undefined), onClick: this.withinLimit(date) ? () => this.onClick(date) : undefined, class: {
                     selected: date == this.value || (this.doubleInput && (date == this.start || date == this.end)),

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

@@ -32,13 +32,13 @@ export class SmoothlyCheckbox {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (h(Host, { key: '8f3dc9923bbbde784811bad8c2db92e91c2dfe2d' }, h("smoothly-icon", { key: '4412894cf8e0fc502f412410e1805ba22b8e2bca', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (h(Host, { key: 'face01fc07b26eaf527a0f9d7559953354e34992' }, h("smoothly-icon", { key: 'b93038d3020b625e687c6da87a7e36f1e594c66f', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
                 ? "close-outline"
                 : this.intermediate && !this.checked
                     ? "remove-outline"
                     : this.checked && !this.intermediate
                         ? "checkmark-outline"
-                        : "empty" }), h("label", { key: '247172868c121af95b33c04343cac8598df40d13', htmlFor: this.name }, h("slot", { key: 'a683b47c7c54efd11a03c31a1e0e20bdf782bae9' })), h("div", { key: '103ec2f2b7b10b8dd5e33b7750f666bcc004f37e', class: "expansion" }, h("slot", { key: '58bcd1fd4e4c7c57e234efeb33dd2a2b7b2fe0c8', name: "expansion" }))));
+                        : "empty" }), h("label", { key: 'c503a44c24490a86019aef9cae8e7ae7ec84f7ff', htmlFor: this.name }, h("slot", { key: 'd7be72b4300bdb3ba32d327bc5e0cc302b45e4b2' })), h("div", { key: '84981ab79d0b95528abe9f66231bbfdaf859b994', class: "expansion" }, h("slot", { key: '5b54e125312338abb6cde3df313211e7aee45771', name: "expansion" }))));
     }
     static get is() { return "smoothly-checkbox"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -25,7 +25,7 @@ export class SmoothlyButtonConfirm {
         }
     }
     render() {
-        return (h(Host, { key: '92ecc0cbcbe8a3c567a5b6f5839f4f5e422866e9', warning: this.clickTimeStamp }, h("smoothly-button", { key: 'bf8ce05dfa68aa34801975f5c590b98837f918f0', 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: '9ba0e4fcbb52a958443e4e2d9aca9e0f1c9b31e3', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: 'c2e053984ab532494fa5d5c9cff0dfd4f236fa57', 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: 'c485c3a61102c224621ba0ef0390a24932be5956' }))));
+        return (h(Host, { key: '316a3f9fb74039c7a6b80c0b665582c9c016176b', warning: this.clickTimeStamp }, h("smoothly-button", { key: 'c4e4a4845ccb4ca9b599957eafe177494f03f124', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: "warning", disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("smoothly-icon", { key: 'd7763547cf321bbff31ce9fa437c0d7753b4767c', name: "alert-outline", fill: this.fill, color: "warning", size: this.size === "icon" ? "tiny" : "small" })), h("smoothly-button", { key: 'f3e3af94612519e43694139c91bfca618293af94', fill: this.fill, expand: this.expand, size: this.size, shape: this.shape, color: this.color, disabled: this.disabled, type: "button", onClick: event => this.clickHandler(event) }, h("slot", { key: '38fbabcf48c532abea1fde79454acb5785955b77' }))));
     }
     static get is() { return "smoothly-button-confirm"; }
     static get encapsulation() { return "scoped"; }

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

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

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

@@ -6,7 +6,7 @@ export class SmoothlyDialogDemo {
         this.showFrame = false;
     }
     render() {
-        return (h(Host, { key: 'bb869a1a3c54958bdf29a0094d3649afa81770e5' }, h("smoothly-button", { key: '1ef55f5b1f3b350bd7d33348d8370f6cd95a289d', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '1867bfeda91bc8f39c4b2e2cf00ec971845b97cb', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), h("smoothly-button", { key: 'a24d0a80108afdad983900b1abf9b6093a29673e', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: 'e30f0149b3d8dc8037da0470815c9aa704d2d7c4', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '76e559f061029a850bbdfcb2c7b9eae66bec49a9', slot: "header" }, "Modal"), h("span", { key: 'f2429c7978f5a14db471fd643a608581232e6b99' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '7cbb9b7df38d30076d8fb1074640a5447e8c9def', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: '274d9655b7f23b7ce891e736b31924dc00fe8c0c', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: '284f4e666fafa5e9de84f0fd19014657e9c4ea28', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, h("h2", { key: '78f7eda89834a0228792e95bf9d78f1cef6dab93', slot: "header" }, "Modal"), h("smoothly-summary", { key: '41ec8ae55ee1241e1935db9e5035450d4f50832d' }, h("div", { key: '4a807f599a75573c249539f7e8a456b44f4280cd', slot: "summary" }, "Lorem ipsum"), h("div", { key: 'eca8bdcd9bd740a4597b28f7fc7361ec9ecb3753', slot: "content" }, Array.from({ length: 10 }).map(() => (h("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))), h("smoothly-button", { key: 'a1da70bd2670e5ebe2f209286c6c626b0c3a233a', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: '41e8a92ef77e563f4cf59eeb17d6c0c90a21f20f', closable: true }, h("smoothly-frame", { key: '7296968b616654ad2ca0a757fbe7b0b8a8d06c31', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
+        return (h(Host, { key: 'f7ae2fc97658b0aa8c08755714792ec4399224da' }, h("smoothly-button", { key: 'f99ac0d5c89394052b2d6faab955d8b2634e2b5f', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '8e6a1ff75c6469816cdd206fe6afa2c8eead8684', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), h("smoothly-button", { key: 'c8af4a1887f7f2c005926bec9032038e1fa43d3b', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: '534b00fc5e74c9539ba8106b0c9cf382463448b3', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '82a998800b4e7ea57210a3116cdf35eec00aa952', slot: "header" }, "Modal"), h("span", { key: 'edeb8eaa859444f30e3f95b76fab7db2b322683f' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '50a4de7de97c55783fdd3e8167ec9fac4395d16a', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: 'd4740cdac6527a55b692c04dd70ad17fefbe7eb8', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: '0beaeb3ab4f2af395a3aa0257674f38f55faabd6', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, h("h2", { key: '453c4ded8638235b6dc0ff5c043b57d37995be4d', slot: "header" }, "Modal"), h("smoothly-summary", { key: '871fc4ad53812e7331093c43dee851b14d33f726' }, h("div", { key: '720c732d6f03309304d677b6292b853ac38257f8', slot: "summary" }, "Lorem ipsum"), h("div", { key: '2e5632e1402f5ff2830e63dc56be723549c2a90e', slot: "content" }, Array.from({ length: 10 }).map(() => (h("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))))), h("smoothly-button", { key: '5fb59dab67d31d2783855d1e0c4f67197a7eaa04', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: '939b4f257b01be10467dc90b45801402df5f70e3', closable: true }, h("smoothly-frame", { key: '83c2ac363001992a0673506df8317b30b487ff60', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
     }
     static get is() { return "smoothly-dialog-demo"; }
     static get encapsulation() { return "scoped"; }

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

@@ -19,7 +19,7 @@ export class SmoothlyDialog {
         };
     }
     render() {
-        return (h("section", { key: 'ca3b4f95802da90bb96a3b40b780205f8e1d2bb4' }, h("div", { key: '23b2def77984b4f28b0f7f2719f30aa909556ae7', class: "header" }, this.closable && (h("smoothly-trigger", { key: '260384e3d9d2c34a770ac59a82912e0932d4da94', fill: "clear", name: "close" }, h("smoothly-icon", { key: '3293bf5b361612548e6e631bcb080f2ffaf58626', name: "close-circle", fill: "solid", color: this.color }))), this.header ? h("h1", null, this.header) : h("slot", { name: "header" })), h("div", { key: 'cc6034964e9c26f536359962d95bfa3b6ce51417', class: "content" }, h("slot", { key: '77b99186cf1535cc8faa03edd6dda4b7e561fd69' }))));
+        return (h("section", { key: 'd13e5bf2132afe9b22f3ed6f3f3d5c96f8f61fc2' }, h("div", { key: '9f0c40b2efb77ef63312ef5c6e70e55f6605b3b5', class: "header" }, this.closable && (h("smoothly-trigger", { key: '2cbd48cb261f1c5e951a385a4e87e5af8ef3f9fa', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'c87a41fd9350c00fa41965eb95a8ef8366a12361', name: "close-circle", fill: "solid", color: this.color }))), this.header ? h("h1", null, this.header) : h("slot", { name: "header" })), h("div", { key: 'f50603dce6e75b2254469f688c055610590df737', class: "content" }, h("slot", { key: '2774f7a85f71e91ce07c1dd4c6fd48b53c589b47' }))));
     }
     static get is() { return "smoothly-dialog"; }
     static get encapsulation() { return "scoped"; }