smoothly 1.2.1-alpha.34 → 1.2.1-alpha.36

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: '33374fbe48da6c74749b7735e32fd42ccd0b4ec0' }, index.h("h2", { key: 'd30d0ff945b34349e829bd9ac15ede4ada7ad800' }, "All inputs"), index.h("smoothly-form", { key: 'c7a1109511b161e6e4c8557df45aa75d49ddb88a', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: 'e5e25a51c221df85616c5d03a1cc363b910343d1', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: '2e28b9eb577e5b9a753a128ad45fc6e7c6ea2703', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '39d3a9c8e623b34f51f2454aa12a7a31c45a70b3', size: "icon", slot: "end" })), index.h("smoothly-input", { key: '16763e61b1a3d8464342849abd043d280454176e', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '0fc1fd9096e9177d8ef90b3e7fcc0d78c8265846', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: '66540366207b22adccd2a767d95c16794f86ef50', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '054654fa5c7c571fc470687ffa34983e1ea203aa', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: 'a9ee8e9aacac877585c6a146803e104c43c18ee4', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: '1d5a3adace8639b11ddb6c83a2bfacd5e2723ee6', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '03ca014c5205ec38ea6abf71b3554f4c0110da22', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '5e2e97062e99a822baa4425cb68ec7f49cc6ec68', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '5a869cd1168effe9beae324c619f179936a9b69b', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '3575cdb76dea38bd63b28104cd3a2a396e057e03', slot: "label" }, "Month"), index.h("smoothly-item", { key: '32a8dc77de6a45b238ba5bf80fd68d551ee502b9', value: "1" }, "January"), index.h("smoothly-item", { key: 'b0ad410addd0c49d01c6236591d481ea79f7c782', value: "2" }, "February"), index.h("smoothly-item", { key: '523e86884de22e8bdd41366c9a6c1fd4cdccb01c', value: "3" }, "March"), index.h("smoothly-item", { key: '3b4beefdc25bf189fbb19c244328e65e74ed2a32', value: "4" }, "April"), index.h("smoothly-item", { key: 'f1c776984b1c6bb63ecc7a5bf9ef77b61f4b6f8b', value: "5" }, "May"), index.h("smoothly-item", { key: '26fd397eeabf1d10bc3030777988b102aa78b045', value: "6" }, "June"), index.h("smoothly-item", { key: '94a6cde312ae18110f04ccea3f252bebb46a8522', value: "7" }, "July"), index.h("smoothly-item", { key: '4c3357e3c50fb5b5f4ddcbde7fe0065b1861db97', value: "8" }, "August"), index.h("smoothly-item", { key: '152ac227a3a3a298b664345be3bfcba71e25db2a', value: "9" }, "September"), index.h("smoothly-item", { key: '03941c6fb1e192eb402123595b54527c31e0a8c2', value: "10" }, "October"), index.h("smoothly-item", { key: '41373dde4d8f7fbbcf4fa437a544502335de3abb', value: "11" }, "November"), index.h("smoothly-item", { key: 'c8e9db901bc76b0a84cfb0b2fc4b66b1fb7715a1', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'f00cd1bb5c047d55427437888f6eeeff78dfc041', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: '7122d64d871bdd48c327131eb4438be46da2879d', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: '1136fb92088fad3c1ca67506261917cf42403e68', value: "folder", selected: true }, index.h("smoothly-icon", { key: '1b503cc5fdfbe37e9ae75074b1827352cf58366a', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'da60693be0533e4c664214ec7cc6717997103ade', value: "camera" }, index.h("smoothly-icon", { key: '588785b3ec7a5702d04723b8020f849a2508228d', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: 'b7a77ef83f59cbdb51943cf2c6393f0979c54dd9', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'f9c71628eabc618fc169cdf275a4ecf0360af841', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '05045f9821e0a5f236da79df925a3682c4b04e7a', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: '88b9801a8925c34046e47ccc6fe933dafdda3e53', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '98a7462c4448c29c0f85a97f9b59828f42043e43', slot: "end" })), index.h("smoothly-input-range", { key: '9905bc08beca4429fff4d2a12154c247b23ce093', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: 'f7dec05c66b26dd5545c58c68ee85fe2381b469a', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '3e92e2f0dcfc2c679bf43ce7bcd7c67591c6db03', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: '26aad4992e53deab2eb68bf001b5c5a615e09100', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'eb04bfca64f2247450d7b63c1cd226d0ef9349c9', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '244ef4f79126ea2daa4218163b1ed47d7e834729', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '286d9b49597ddbc783dab155d43986dd102ca34d', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: '7e272aa57a25cc6867ddd71cc27f8ba74f4ed05e', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '4b09cd2fd738c110121450ebcb7f7792554cf012', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'eb97510162a5ac5bafdaf467baeae44b2365d435', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '7e1c51b4086b13e3e348fc5d2f3465fabde0776e', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: 'cd984c775e86973fb8dd73e01d3c9ce75cbbfd53', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '1f8d2dd14e7a9e632dc3c621da1f3f009242de6e', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '9ff8d21c8b50a1b94b3474911d983667aa26ee78', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '2d553e247adf58270de8c89ac401732399df0b88', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (index.h(index.Host, { key: 'a6f376b95e198f8e4a10b9bb933c40d4c031b011' }, index.h("h2", { key: 'b3744c82937a71878155530e7a15c8b185f6e617' }, "All inputs"), index.h("smoothly-form", { key: '25deb2cc9256bad2ad18853bb5f372838cfe0a1d', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, index.h("smoothly-input", { key: '008a8813ced7189f41fb920bd1683ee5648018a1', readonly: true, name: "First Name", value: "John" }, "First name"), index.h("smoothly-input", { key: 'b62469d3afdc886f4c727c16ff367e8ab133bd3a', name: "Last name", value: "Doe" }, "Last name", index.h("smoothly-input-clear", { key: '7166466f1c170e9e5dfe7655798fe99cbf7dfbdf', size: "icon", slot: "end" })), index.h("smoothly-input", { key: 'd0d53c69e02b2420405a5da3d8d7bebaa673cde3', type: "phone", name: "Phone", value: "777888999" }, "Phone", index.h("smoothly-input-reset", { key: '100841b4979cd6915e4e36e1d3fc37eb50b75f08', size: "icon", slot: "end" })), index.h("smoothly-input-radio", { key: 'd8cc8e56e26024dcc35ae48d812887be4b8b3af8', clearable: true, name: "radioFirstInput" }, index.h("p", { key: '37ee1b07f23f7e004985da92bef2e3d26cb816ea', slot: "label" }, "Clearable"), index.h("smoothly-input-radio-item", { key: '20d1411240069e89ee5ccf8b330a8d058bcb965f', slot: "options", value: "first" }, "Label 1"), index.h("smoothly-input-radio-item", { key: 'da656e4feb53aa2831a9be30c8d75250d6514c98', selected: true, slot: "options", value: "second" }, "Label 2"), index.h("smoothly-input-radio-item", { key: '23dea65e0f2f957d58c943777c97b3b2ffc120e5', slot: "options", value: "third" }, "Label 3")), index.h("smoothly-input-color", { key: '9359c38d48945a727167ded78a3805a2df83f89a', name: "color", value: "#479f56", output: "rgb" }, "Color"), index.h("smoothly-input-select", { key: '56687357823a0b53abc878049a4ce76b90d61497', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, index.h("label", { key: '1c106111b353bbb025097529db997c69010f6145', slot: "label" }, "Month"), index.h("smoothly-item", { key: '8569d0c0bdd5061cd6092ec9eb81a77e9e8bc1b1', value: "1" }, "January"), index.h("smoothly-item", { key: 'ab0f990709601d93274516c88dda16cf5c6b9c1c', value: "2" }, "February"), index.h("smoothly-item", { key: '1af7b2877392961baacf042d98a9e8e6a382338e', value: "3" }, "March"), index.h("smoothly-item", { key: 'fe3b4d3500f617afafc51f89f4d32892f6ce33fe', value: "4" }, "April"), index.h("smoothly-item", { key: '1944a5db20307fac3ebcdd1d0a32fcab157bfe50', value: "5" }, "May"), index.h("smoothly-item", { key: 'd949d04947e37bbdba9b36b2c8ba442a95dd431a', value: "6" }, "June"), index.h("smoothly-item", { key: '79a809f66889f27dc191b114fcb1e278baedf043', value: "7" }, "July"), index.h("smoothly-item", { key: '7477373025012d3539f184efec2ceabd52565c23', value: "8" }, "August"), index.h("smoothly-item", { key: '1803036533fcced262056902363f68846c1493f4', value: "9" }, "September"), index.h("smoothly-item", { key: '475d4e4bacfc63956180bc6b1dc9ae6d0d5b87fb', value: "10" }, "October"), index.h("smoothly-item", { key: 'f8890466af21d148b90aead11d1daa9a9fec5019', value: "11" }, "November"), index.h("smoothly-item", { key: 'da8f7e423de7059a525a125252c424fb75cd9a48', value: "12" }, "December"), index.h("smoothly-input-clear", { key: 'fa937815fb2c168b79ce36393ea0e48e0c29c4d0', size: "icon", slot: "end" })), index.h("smoothly-input-select", { key: 'd5a1bd69e592ba5065831fa8038f71b9c1478aa1', name: "select-icon", clearable: false, showSelected: false }, index.h("smoothly-item", { key: 'd2bd3fcb5f639f8e831b8bdfd35eaf12ea67a472', value: "folder", selected: true }, index.h("smoothly-icon", { key: '132f42bdc075baabbec8fab3f09e6e4c61b521cc', size: "small", name: "folder-outline" })), index.h("smoothly-item", { key: 'd2251cf2d45f2f675fffc8244dd8dc7d6cd252da', value: "camera" }, index.h("smoothly-icon", { key: '72e1ac99f39535b86645ccf14d559c12995eb8c4', size: "small", name: "camera-outline" }))), index.h("smoothly-input-checkbox", { key: '111fc6e078f24c088cffed107e3e51b95862909f', name: "checkbox" }, "Check the box"), index.h("smoothly-input-checkbox", { key: 'd8c05a00060289c70bd1f555fe22157413b7864c', name: "checkbox2", checked: true }, "Check the box 2"), index.h("smoothly-input-date-range", { key: '11fbaaa3c1e8a80b1c959f664db6ab993428ce7b', start: TimeZone.Date.now(), end: TimeZone.Date.now() }), index.h("smoothly-input-date", { key: 'afe6ca0f5e3bc4cdedbc7b2e8e6bc0925c63b3d5', name: "date" }, "Date", index.h("smoothly-input-clear", { key: '9389dd63bd5188c18cc18d33b153e384e3b070cc', slot: "end" })), index.h("smoothly-input-range", { key: '1c0aaf3d37de892eaacbb648084d8ad2d6e2720d', step: 1, name: "range3", value: 20000 }, "Select"), index.h("smoothly-input", { key: 'd6b37d39e3b59a32a06f51fdb980c5832cefcc5e', name: "pets.0.name" }, "First Pet's Name"), index.h("smoothly-input-range", { key: '3a8935abc92e6c30b6ab618f8329a758bb1d9ae1', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), index.h("smoothly-input", { key: 'ec4a04854d1ec1eff8053255ae8785ce451acd70', name: "pets.1.name" }, "Second Pet's Name"), index.h("smoothly-input-range", { key: 'aa4d94ad2ac104aeb8b5e77f944ea0a86cf624fe', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), index.h("smoothly-input", { key: '1ff6583d9011c58ba2bb9aa33754efdf84ad1759', name: "pets.2.name" }, "Third Pet's Name"), index.h("smoothly-input-range", { key: '2cd4750a0a06d5089403695c8047c19e77474ba3', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), index.h("smoothly-input-file", { key: 'e942f9e50f461ec91a13e4e82b3c74bd8afd1de1', name: "profile", placeholder: "Click or drag your profile picture here..." }, index.h("span", { key: '203f38abd284c44b70af481b3279b65abff495b3', slot: "label" }, "Profile"), index.h("smoothly-icon", { key: 'a3834d3cad37f9c15fa189d496cd9dec1a069b58', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), index.h("smoothly-input-clear", { key: '71f9e216baec6ab76a48201213ecc57e93d9b0f3', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), index.h("smoothly-input-edit", { key: '1ace06c75ba81a89e133b2a2f30d67b9b1669464', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), index.h("smoothly-input-reset", { key: '5536f9c2e7d05f90d1bdeac2fee7750b9099c5ed', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '886b8b6c023e025ec3de1cef7af4c28f26189be0', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), index.h("smoothly-input-submit", { key: '6dd2fea9587776d370ce3edc5eee3345391c1280', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 };
 

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

@@ -29,7 +29,7 @@ const SmoothlyTriggerSink = class {
         }
     }
     render() {
-        return index.h("slot", { key: '853396c89cb0ed929cee2c4e5bbf4efa7f6e65ce' });
+        return index.h("slot", { key: '687672f602078fad85ca1b42295a02e312ba897f' });
     }
 };
 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: 'd86bd8adf68784eff60bc0336bcd4fee9321200c' });
+        return index.h("slot", { key: '1260a3c079cf2809fe3c77370f8bf149a558674e' });
     }
     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_107.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[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,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"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-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-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\"],[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]},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-next-demo-nested-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[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-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]}],[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\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-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\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-next-table-body\"],[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-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[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-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\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"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\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"selectable\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[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-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],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[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,{\"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-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_107.cjs\",[[0,\"smoothly-app-demo\",{\"baseUrl\":[1,\"base-url\"]}],[2,\"smoothly-form-demo\"],[2,\"smoothly-next-demo\"],[2,\"smoothly-input-demo\",{\"duration\":[32],\"alphanumeric\":[32]}],[2,\"smoothly-table-demo\"],[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,\"smoothlyRoomSelected\",\"roomSelectedHandler\"],[0,\"smoothlyRoomLoaded\",\"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-next-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-demo-filtered\",{\"criteria\":[32],\"cats\":[32],\"selector\":[32]},[[0,\"smoothlyFilter\",\"onFilterUpdate\"],[0,\"smoothlyInput\",\"smoothlyInputHandler\"]]],[2,\"smoothly-table-testing\",{\"counter\":[32]}],[2,\"smoothly-next-demo-group\"],[2,\"smoothly-form-demo-transparent\"],[2,\"smoothly-form-demo-typed\"],[2,\"smoothly-next-demo-colspan\"],[2,\"smoothly-next-demo-nested\"],[2,\"smoothly-next-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\"],[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-next-demo-nested-inner\",{\"data\":[16]}],[2,\"smoothly-notification\",{\"notice\":[16],\"closable\":[4],\"icon\":[4],\"tick\":[32]},[[0,\"trigger\",\"onTrigger\"]],{\"notice\":[\"onUpdatedNotice\"]}],[2,\"smoothly-back-to-top\",{\"opacity\":[1],\"bottom\":[1],\"right\":[1],\"visible\":[32]}],[2,\"smoothly-theme-color\",{\"color\":[1]}],[6,\"smoothly-next-table-row-group\",{\"align\":[516],\"open\":[1540]}],[6,\"smoothly-submit\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"prevent\":[4]},[[0,\"click\",\"clickHandler\"]]],[6,\"smoothly-table-expandable-row\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table-cell\"],[6,\"smoothly-table-expandable-cell\",{\"open\":[1540],\"allowSpotlight\":[32],\"spotlight\":[32]},[[0,\"click\",\"onClick\"],[0,\"smoothlyTableLoad\",\"handleTableLoaded\"]],{\"open\":[\"openChanged\",\"handleSpotlight\"],\"allowSpotlight\":[\"handleSpotlight\"]}],[6,\"smoothly-table\",{\"root\":[1540],\"color\":[1537],\"align\":[513],\"open\":[1540]},[[0,\"smoothlyExpandableLoad\",\"handleExpandableLoaded\"],[0,\"smoothlyExpandableChange\",\"handleExpandableState\"],[0,\"smoothlySpotlightChange\",\"handleSpotlightState\"],[0,\"smoothlyNestedTable\",\"handleNestedTable\"],[0,\"smoothlyExpansionLoad\",\"handleEvents\"],[0,\"smoothlyExpansionOpen\",\"handleEvents\"]]],[6,\"smoothly-table-footer\"],[6,\"smoothly-table-header\",{\"name\":[513]}],[6,\"smoothly-table-row\",{\"open\":[1540]},[[0,\"smoothlyExpansionLoad\",\"onExpansionLoad\"],[0,\"smoothlyExpandableChange\",\"onExpansionChange\"],[0,\"smoothlyExpansionOpen\",\"onExpansionOpen\"]]],[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-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]}],[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\"]]],[2,\"smoothly-filter-toggle\",{\"icon\":[1],\"properties\":[16],\"toolTip\":[1,\"tool-tip\"],\"not\":[4],\"flip\":[516],\"active\":[1028]}],[6,\"smoothly-summary\",{\"open\":[1540],\"color\":[1],\"fill\":[1],\"size\":[1]},[[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]]],[6,\"smoothly-next-table-foot\"],[6,\"smoothly-tab\",{\"label\":[1],\"open\":[1540]},[[0,\"click\",\"onClick\"],[0,\"smoothlyInputLoad\",\"onInputLoad\"],[0,\"smoothlyInput\",\"onInputLoad\"]],{\"open\":[\"openHandler\"]}],[2,\"smoothly-filter-field\",{\"criteria\":[8],\"clear\":[64]}],[6,\"smoothly-lazy\",{\"show\":[1028],\"content\":[16]}],[6,\"smoothly-next-table-expandable-cell\",{\"span\":[514],\"open\":[1540],\"close\":[64]},null,{\"open\":[\"openChange\"]}],[6,\"smoothly-next-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\"]}],[2,\"smoothly-load-more\",{\"triggerMode\":[1,\"trigger-mode\"],\"name\":[1],\"multiple\":[4],\"inView\":[32]}],[6,\"smoothly-next-table-body\"],[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-next-table\",{\"columns\":[2]},[[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChange\"]]],[6,\"smoothly-next-table-cell\",{\"span\":[514]}],[6,\"smoothly-next-table-head\",{\"scrolled\":[32]}],[6,\"smoothly-next-table-row\",null,[[0,\"smoothlyNextTableExpandableCellRegister\",\"smoothlyNextTableExpandableCellRegisterHandler\"],[0,\"smoothlyNextTableExpandableCellChange\",\"smoothlyNextTableExpandableCellChangeHandler\"]]],[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-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\"],[8,\"smoothlyFormSubmit\",\"windowSubmitHandler\"],[0,\"smoothlyFormSubmit\",\"submitHandler\"],[0,\"smoothlyInputLoad\",\"smoothlyInputLoadHandler\"],[0,\"smoothlyFormDisable\",\"smoothlyFormDisableHandler\"]],{\"value\":[\"watchValue\"],\"readonly\":[\"watchReadonly\"]}],[2,\"smoothly-spinner\",{\"size\":[513],\"overlay\":[516]}],[6,\"smoothly-input-select\",{\"invalid\":[4],\"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\",{\"type\":[1],\"label\":[1],\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"],\"toInteger\":[4,\"to-integer\"],\"currency\":[1],\"country\":[1],\"format\":[16]}],[6,\"smoothly-item\",{\"value\":[8],\"selected\":[1540],\"marked\":[1540],\"selectable\":[516],\"deselectable\":[4],\"filter\":[64]},[[0,\"click\",\"clickHandler\"]],{\"selected\":[\"selectedWatcher\"]}],[2,\"smoothly-display-json\",{\"value\":[8],\"collapseDepth\":[2,\"collapse-depth\"]}],[6,\"smoothly-button\",{\"color\":[513],\"expand\":[513],\"fill\":[513],\"disabled\":[516],\"type\":[513],\"size\":[513],\"shape\":[513],\"link\":[1]}],[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-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],\"invalid\":[516],\"changed\":[1028],\"errorMessage\":[1,\"error-message\"],\"initialValue\":[32],\"state\":[32],\"getValue\":[64],\"listen\":[64],\"register\":[64],\"unregister\":[64],\"clear\":[64],\"edit\":[64],\"reset\":[64],\"setInitialValue\":[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,{\"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-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/components/button/Button.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { redirect } from "../../model";
 export const Button = ({ disabled, type, link }, children) => {
-    return disabled && (link || type == "link") ? (h("slot", null)) : type == "link" ? (h("a", { href: link, onClick: !link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link))) }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" }))) : type == "download" ? (h("a", { href: link, target: "_blank", download: true }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" }))) : (h("button", { disabled: disabled }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" })));
+    return disabled && (link || type == "link") ? (h("slot", null)) : type == "link" ? (h("a", { href: link, onClick: !link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link))) }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" }))) : type == "download" ? (h("a", { href: link, target: "_blank", download: true }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" }))) : (h("button", { type: "button", disabled: disabled }, h("slot", { name: "start" }), h("slot", null), children, h("slot", { name: "end" })));
 };
 function convert(path) {
     let result;

package/dist/collection/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,MAAM,GAA2C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE;IACpG,OAAO,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7C,eAAa,CACb,CAAC,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACpB,SAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7G,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,SAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ;QACtC,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,CACH,cAAQ,QAAQ,EAAE,QAAQ;QACzB,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB,CACT,CAAA;AACF,CAAC,CAAA;AACD,SAAS,OAAO,CAAC,IAAY;IAC5B,IAAI,MAAkC,CAAA;IACtC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC1C,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAA;SAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACzB,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;;QAEvD,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;IAE7G,OAAO,MAAM,CAAA;AACd,CAAC;AAED,SAAS,KAAK,CAAC,IAAY;IAC1B,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA;AAC9E,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\"\nimport { redirect } from \"../../model\"\n\nexport const Button: FunctionalComponent<Button.Properties> = ({ disabled, type, link }, children) => {\n\treturn disabled && (link || type == \"link\") ? (\n\t\t<slot></slot>\n\t) : type == \"link\" ? (\n\t\t<a href={link} onClick={!link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link)))}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : type == \"download\" ? (\n\t\t<a href={link} target=\"_blank\" download>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : (\n\t\t<button disabled={disabled}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</button>\n\t)\n}\nfunction convert(path: string): string {\n\tlet result: ReturnType<typeof convert>\n\tif (path.startsWith(window.location.origin))\n\t\tresult = new URL(path).pathname\n\telse if (path.match(/^\\//))\n\t\tresult = new URL(path, window.location.origin).pathname\n\telse\n\t\tresult = new URL(`${window.location.pathname.replace(/\\/+$/, \"\")}/${path}`, window.location.origin).pathname\n\n\treturn result\n}\n\nfunction local(path: string): boolean {\n\treturn new URL(path, window.location.origin).origin == window.location.origin\n}\nexport namespace Button {\n\texport interface Properties {\n\t\tdisabled: boolean\n\t\ttype: \"link\" | \"button\" | \"download\"\n\t\tlink?: string\n\t}\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,MAAM,GAA2C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE;IACpG,OAAO,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAC7C,eAAa,CACb,CAAC,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CACpB,SAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7G,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,CACxB,SAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ;QACtC,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,CACJ,CAAC,CAAC,CAAC,CACH,cAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ;QACvC,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB,CACT,CAAA;AACF,CAAC,CAAA;AACD,SAAS,OAAO,CAAC,IAAY;IAC5B,IAAI,MAAkC,CAAA;IACtC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC1C,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAA;SAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACzB,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;;QAEvD,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;IAE7G,OAAO,MAAM,CAAA;AACd,CAAC;AAED,SAAS,KAAK,CAAC,IAAY;IAC1B,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA;AAC9E,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\"\nimport { redirect } from \"../../model\"\n\nexport const Button: FunctionalComponent<Button.Properties> = ({ disabled, type, link }, children) => {\n\treturn disabled && (link || type == \"link\") ? (\n\t\t<slot></slot>\n\t) : type == \"link\" ? (\n\t\t<a href={link} onClick={!link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link)))}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : type == \"download\" ? (\n\t\t<a href={link} target=\"_blank\" download>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : (\n\t\t<button type=\"button\" disabled={disabled}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</button>\n\t)\n}\nfunction convert(path: string): string {\n\tlet result: ReturnType<typeof convert>\n\tif (path.startsWith(window.location.origin))\n\t\tresult = new URL(path).pathname\n\telse if (path.match(/^\\//))\n\t\tresult = new URL(path, window.location.origin).pathname\n\telse\n\t\tresult = new URL(`${window.location.pathname.replace(/\\/+$/, \"\")}/${path}`, window.location.origin).pathname\n\n\treturn result\n}\n\nfunction local(path: string): boolean {\n\treturn new URL(path, window.location.origin).origin == window.location.origin\n}\nexport namespace Button {\n\texport interface Properties {\n\t\tdisabled: boolean\n\t\ttype: \"link\" | \"button\" | \"download\"\n\t\tlink?: string\n\t}\n}\n"]}

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

@@ -6,7 +6,7 @@ export class SmoothlyDialogDemo {
         this.showFrame = false;
     }
     render() {
-        return (h(Host, { key: '6f23592546df981ab328a997d491fc38dd018cd9' }, h("smoothly-button", { key: '10c77679cf0d56bc2a6f72a811af6a8565c8a089', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '3ac4824da8c88e874ef3ce1fd074c14eb03b564c', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text"), h("smoothly-button", { key: '129d197f52ccfacf87c4af5fa0ce3a3ec200ba4e', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: '951f8764d9b57d24399ac51550c886fdcdce98a6', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '074bfe974be4887ec60e5ce0d12c2b4a27cf1891', slot: "header" }, "Modal"), h("span", { key: '48e53abb102dc62d4b4d65d804cf9b3cf9bcfead' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '81cc4d058f49ab4525046ec2ef589876bc269555', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: 'e611c3c8a644d96d6db2444f4229aae82b6f2795', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: 'b8d779280ad362372b67c2fa03d29c2c301bb36e', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail) }, h("h2", { key: '9f9ed5125ec6df8b09afef98c8e6aea9689c0512', slot: "header" }, "Modal"), h("div", { key: 'ae95b36b3a1d30d8877dc070060d0099e08a576e' }, 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: 'c6de6bc0b9aff9c63a95d4ac210ae9314537936d', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: 'b4b59028c956dc34e857556bf0c3f909dca4dd77', closable: true }, h("smoothly-frame", { key: '0e7f75e998a37d4c0d02041c694f1b05563230d8', url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })))));
+        return (h(Host, { key: '6f23592546df981ab328a997d491fc38dd018cd9' }, h("smoothly-button", { key: '10c77679cf0d56bc2a6f72a811af6a8565c8a089', fill: "solid", color: "light", onClick: () => (this.openModal = true) }, "Open Modal"), h("smoothly-button", { key: '3ac4824da8c88e874ef3ce1fd074c14eb03b564c', fill: "solid", color: "light", onClick: () => (this.openTallModal = true) }, "Open Modal with long text and top-aligned."), h("smoothly-button", { key: '90b57556f3c083e437e6adf978ca5985d2dcbdac', fill: "solid", color: "light", onClick: () => (this.showFrame = !this.showFrame) }, "Show Frame"), h("smoothly-modal", { key: 'd3302307ea096a2f80305f2d5ef18fa5e97a723e', closable: true, open: this.openModal, onSmoothlyModalChange: e => (this.openModal = e.detail) }, h("h2", { key: '7659aef15bb808a8057ecf1be592d3a98c84000c', slot: "header" }, "Modal"), h("span", { key: '68eec929d76adaf9abb535220d7fbe7a7fcf8b0a' }, "Are you sure you want to confirm this action?"), h("smoothly-button", { key: '85963882f77a2d5d05076a873dc612a9dbb1d735', slot: "actions", color: "success" }, "Confirm"), h("smoothly-button", { key: 'a106ae037ea3c9ec9bbcc33f6a00324220b07b61', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openModal = false) }, "Cancel")), h("smoothly-modal", { key: '9d91b3f59755964920ae0a9dba277b7de4795d09', closable: true, open: this.openTallModal, onSmoothlyModalChange: e => (this.openTallModal = e.detail), align: "top" }, h("h2", { key: 'b8f58b34e93ea54fdb83880b6a132aedd530d69b', slot: "header" }, "Modal"), h("smoothly-summary", { key: '454a5f57522f0dbb0e2eb56365d62968a07b8f8c' }, h("div", { key: '17607ba2a7b918eed58e4f827697aaccc1a3849b', slot: "summary" }, "Lorem ipsum"), h("div", { key: 'fda1929764661b8ceee7fff0de965716590d04fb', 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: 'c176e661ec34df09bde9beffdf502264851a9548', slot: "actions", color: "light", fill: "outline", onClick: () => (this.openTallModal = false) }, "Cancel")), this.showFrame && (h("smoothly-dialog", { key: '0596a4eba8b82b63d6711cb8f9e840eebf537072', closable: true }, h("smoothly-frame", { key: '1a027bc120e983af8790e4b03d47195b092deaa4', 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/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,kBAAkB;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE;YAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gCAEpE;YAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E;YAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;gBACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW;gBAC5B,+GAA0D;gBAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B;gBAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF;YAEjB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;gBAC7G,2DAAI,IAAI,EAAC,QAAQ,YAAW;gBAC5B,8DACE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CACrC,6cAMI,CACJ,CAAC,CACG;gBACN,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF;YAEhB,IAAI,CAAC,SAAS,IAAI,CAClB,wEAAiB,QAAQ;gBACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal closable open={this.openTallModal} onSmoothlyModalChange={e => (this.openTallModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip\n\t\t\t\t\t\t\t\tex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu\n\t\t\t\t\t\t\t\tfugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia\n\t\t\t\t\t\t\t\tdeserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dialog/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,kBAAkB;;yBACT,KAAK;6BACD,KAAK;yBACT,KAAK;;IAE1B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,iBAEhE;YAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iDAEpE;YAClB,wEAAiB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,iBAE3E;YAElB,uEAAgB,QAAQ,QAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;gBACrG,2DAAI,IAAI,EAAC,QAAQ,YAAW;gBAC5B,+GAA0D;gBAC1D,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,cAE7B;gBAClB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAElF,CACF;YAEjB,uEACC,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,qBAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,EAC3D,KAAK,EAAC,KAAK;gBACX,2DAAI,IAAI,EAAC,QAAQ,YAAW;gBAC5B;oBACC,4DAAK,IAAI,EAAC,SAAS,kBAAkB;oBACrC,4DAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CACrC,6cAMI,CACJ,CAAC,CACG,CACY;gBACnB,wEAAiB,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAEtF,CACF;YAEhB,IAAI,CAAC,SAAS,IAAI,CAClB,wEAAiB,QAAQ;gBACxB,uEAAgB,GAAG,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC3E,CAClB,CACK,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-dialog-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialogDemo {\n\t@State() openModal = false\n\t@State() openTallModal = false\n\t@State() showFrame = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openModal = true)}>\n\t\t\t\t\tOpen Modal\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.openTallModal = true)}>\n\t\t\t\t\tOpen Modal with long text and top-aligned.\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button fill=\"solid\" color=\"light\" onClick={() => (this.showFrame = !this.showFrame)}>\n\t\t\t\t\tShow Frame\n\t\t\t\t</smoothly-button>\n\n\t\t\t\t<smoothly-modal closable open={this.openModal} onSmoothlyModalChange={e => (this.openModal = e.detail)}>\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<span>Are you sure you want to confirm this action?</span>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"success\">\n\t\t\t\t\t\tConfirm\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t<smoothly-modal\n\t\t\t\t\tclosable\n\t\t\t\t\topen={this.openTallModal}\n\t\t\t\t\tonSmoothlyModalChange={e => (this.openTallModal = e.detail)}\n\t\t\t\t\talign=\"top\">\n\t\t\t\t\t<h2 slot=\"header\">Modal</h2>\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<div slot=\"summary\">Lorem ipsum</div>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t{Array.from({ length: 10 }).map(() => (\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n\t\t\t\t\t\t\t\t\tdolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n\t\t\t\t\t\t\t\t\taliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum\n\t\t\t\t\t\t\t\t\tdolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui\n\t\t\t\t\t\t\t\t\tofficia deserunt mollit anim id est laborum.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-button slot=\"actions\" color=\"light\" fill=\"outline\" onClick={() => (this.openTallModal = false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-modal>\n\n\t\t\t\t{this.showFrame && (\n\t\t\t\t\t<smoothly-dialog closable>\n\t\t\t\t\t\t<smoothly-frame url=\"https://www.wikipedia.org/\" name=\"parent\" style={{ height: \"80vh\" }} />\n\t\t\t\t\t</smoothly-dialog>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -11,35 +11,35 @@ export class SmoothlyDisplayDemo {
     }
     render() {
         return [
-            h("main", { key: 'fd051f67ea55f254181be2b43716e84e00cabb05' }, h("fieldset", { key: 'bea8026fe521ec050e1780416fa9e32989b2afa4' }, h("h2", { key: 'ef4c1a656d67796afc8f9c5c9db63c04f96aab4c' }, "Smoothly display"), h("dl", { key: '8deda943fa8ead28b6df1b007907f6d9dbf66d85' }, h("dt", { key: 'caf0ad2fe220cdb62d47140efd9684998246e2c3' }, "Duration"), h("dd", { key: 'f1c4659bf36f0a327fabba9314042dace342c13b' }, h("div", { key: '30872a9bd82d2814a82cf53ec42f3a7b3fe13b3a' }, h("div", { key: '5f733cc2b6a745712e246479c59b8aa3daf11312' }, h("smoothly-display", { key: '1998b9c2061fa468aa9fffe4d733a8a683baae05', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), h("div", { key: '159344fc77844facc8960a4f71a99813623a7763' }, h("smoothly-display", { key: 'd0f14a4f05e1b9353b9a0b389c17e3fbd7537b1b', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), h("div", { key: 'cc65ac80578b939be2d3802fd3a5ded8fbf5b384' }, h("smoothly-display", { key: '489a7d80e18f1bb9d26eb8e807467f0cd8e0e1dc', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), h("div", { key: 'a7d5607906b992f698a00d293872dd5cfc65ad42' }, h("smoothly-display", { key: 'b868bb9a2ce5b8b0bab62e4ab90f5ed8172b2dc1', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), h("div", { key: 'bf53f2aae5ab5cdb6f7d98aba73a9e382fb98bd6' }, h("smoothly-display", { key: 'd27e664c4d0007dccfae976a13b3c3e202d7052b', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), h("div", { key: '7e7ab059fe4ce79836b9b3c63a212e5ab9e4b36c' }, h("smoothly-display", { key: '388670fcb5c8371244c4112d0cf5f0050b59b134', style: { display: "inline" }, type: "duration", value: {} }), " h"), h("div", { key: 'e34c143b748072810cec75427ee497bfa25f92d7' }, h("smoothly-display", { key: 'bc74a20668e2b2b8e5561ebcd79fcff63c7886d7', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), h("dt", { key: '04d7d7e6d8695b50afd0c80d7b8123d22a96a0a0' }, "text"), h("dd", { key: '0a51fa2990fa85c8154e2a14ad374252104d8658' }, h("smoothly-display", { key: '75b7cf9296c52cda27db01cc201b4417e2f19288', type: "text", value: "text" })), h("dt", { key: '3c9fa1e7b2eda3a838d779885ad48073a1e7ca78' }, "postal code"), h("dd", { key: 'adcfacf0c296667c4a98919fc64ff1b6823f253c' }, h("smoothly-display", { key: 'f35d166fc0ae74f26d9dab3ce217edf1e8df348e', type: "postal-code", value: "752 31" })), h("dt", { key: '5dd7df04105283e70182a8c24d69c7abc1632a0e' }, "password"), h("dd", { key: 'd785701c8d5e6ce9dddfe618b91f113b1cc47694' }, h("smoothly-display", { key: 'd9a04bc3d9c62eebf4b8fa192ee43544e25f48ec', type: "password", value: "password" })), h("dt", { key: '72a245580c0d67958d821918a64634089badf6e0' }, "email"), h("dd", { key: '4e2129c4690821e35017a025378a52a82d9c6e12' }, h("smoothly-display", { key: '6f60bb0a22b496b52f76d72c25f9c4959c275174', type: "email", value: "test@example.com" })), h("dt", { key: 'b47e6d91ac2ad5839eff3f2ed72793406c447381' }, "price"), h("dd", { key: '5ed6dc4d1894989f8c59e85a9d6b3474b1838d46' }, h("smoothly-display", { key: '88d50f738cc333ee0284011ded0e5bc2eb90eb01', type: "price", value: "13.37", currency: "SEK" })), h("dt", { key: '52b377e012d006448361e4190e85238eab82f425' }, "price without decimals"), h("dd", { key: '2d070cde97c125943423c28dd37a1bec7f1bf521' }, h("smoothly-display", { key: 'a63703e7aa73188db4b78d2378f2e30d491b35d7', type: "price", value: 200, currency: "SEK", toInteger: true })), h("dt", { key: '10348b35a582998ee6107a2b5c55a589e0d8c66d' }, "price with decimals if they are set, otherwise no decimal"), h("dd", { key: 'da178ce35a352086c815f4cfac4096e34abbaef7' }, h("smoothly-display", { key: '08b7c0ba00f0b9b57d1ea8cc4b537bf6b632c2b0', type: "price", value: 200.2, currency: "SEK", toInteger: true })), h("dt", { key: 'd7db59b325e85da3458ac99916b9bcf67ea567ff' }, "price with decimals"), h("dd", { key: '526c59b42c339389a0839a0ee96299d184850d2c' }, h("smoothly-display", { key: '2d7ebb7450b5eb08ee6ff7ada84034db4cfb06ab', type: "price", value: 200.2, currency: "SEK" })), h("dt", { key: '0417d708b6db96a1a3d08ccb552dc3704383f498' }, "percent"), h("dd", { key: '8c35ad31827aeddb6b205a7009e9987d317a813c' }, h("smoothly-display", { key: 'ebd4dd2565a20e48d31724b44d11b5cb44ae5277', type: "percent", value: "42" })), h("dt", { key: '65a23b48dbed3e8e7b50725148acd17891e19ddd' }, "phone"), h("dd", { key: '515ed149215811c8434f340256f8b4d331763db9' }, h("smoothly-display", { key: '6b7422b4b8387e74ef38aba7e8567f11b263cf9a', type: "phone", value: "0101881108" })), h("dt", { key: 'c1fe3e553de1313a579833275f43246d0673f812' }, "card number"), h("dd", { key: '6078440f5880b8442e388517f42660362841db2a' }, h("smoothly-display", { key: '6eb5a018d0d6f7f8458955369481294408d4fdf4', type: "card-number", value: "4111111111111111" })), h("dt", { key: '4ac0a352835d49083a89465d7fea27f951d2c4ac' }, "card expires"), h("dd", { key: 'db0cbb3b0795b19ffbf184da0dd2625eb8fb8918' }, h("smoothly-display", { key: 'd9ee4dc173460f0952d77053d12c68fce7feddc6', type: "card-expires", value: "7/22" })), h("dt", { key: '515cacce3dca652dfba9bf5528211576231495e5' }, "card csc"), h("dd", { key: '9f6c2d8490963f09828993d42ee16b9ffc5e0d0f' }, h("smoothly-display", { key: '1afda51b0213c77cf3b353bade47671790475112', type: "card-csc", value: "987" })), h("dt", { key: 'e7204fbb88672bf46f9551d7cf50e750cc8bbb38' }, "date"), h("dd", { key: '34fcebf482a696d179efbccc0708b8e71e8726d1' }, h("smoothly-display", { key: 'a55391a66ccc1cf033a2519fdf3b75c2510cb11f', type: "date", value: "2022-07-07" })), h("dt", { key: '4a818e58e65af6b0b27d090fb53909f4030a0442' }, "date time"), h("dd", { key: '18874fbe62d3f0d4758fbcb3ea56c28698285c23' }, h("smoothly-display", { key: '137a6be8368b02ec204b5baa82bf455f69a2fded', type: "date-time", format: {
+            h("main", { key: '39eb7bb72cea0c312714780bd9db27a77836a07d' }, h("fieldset", { key: '46b0779510e3c6ee1106a6b3a83a13d41ac63b2e' }, h("h2", { key: 'f680e63af56e7d50cc660eac1a1b81de653d48bd' }, "Smoothly display"), h("dl", { key: '26c00ce48352dde5b499bdd170488ffc0e9be984' }, h("dt", { key: '8dbadab550b83b5bfc4acf8cff7b61d7ffd43af9' }, "Duration"), h("dd", { key: 'fc8689620efd6dd6e1ab8d1390b8d813be2520ca' }, h("div", { key: '6ef111616240ac903eb2af7f2636936611c0a4f8' }, h("div", { key: '7dc311657409ada5e96ce832158c020e55c4cc45' }, h("smoothly-display", { key: '80fa4e17d62413c7699b94ef3ffa286f04b3f7b8', style: { display: "inline" }, type: "duration", value: { hours: 13, minutes: 100 } }), " h"), h("div", { key: 'e36d5b6131c20a99397c4c59f1dd2aace482dd9d' }, h("smoothly-display", { key: '2858bd44eda1a0e81e22cd7f156ada646ce74e4b', style: { display: "inline" }, type: "duration", value: { hours: 8 } }), " h"), h("div", { key: 'ad4757c65bfdee5ec7eaec6ca93985f8205ef629' }, h("smoothly-display", { key: 'e6b76219a8a754060a122303f9946fd3bac53ac3', style: { display: "inline" }, type: "duration", value: { minutes: 3 } }), " h"), h("div", { key: '5448e1f01cde73667fcddb1c12322bb3580570fd' }, h("smoothly-display", { key: '716327a3acf4cc15693d1dd4bc4a2652ed10c6e5', style: { display: "inline" }, type: "duration", value: { hours: -13, minutes: 100 } }), " h"), h("div", { key: '7163c5acb2a9f3dcb9c620866a1bde90548f1d9a' }, h("smoothly-display", { key: '75f2c509df90c14512e0ff6f9b218806c3b1d690', style: { display: "inline" }, type: "duration", value: { hours: -8 } }), " h"), h("div", { key: '67bf890913db1d4907a7d8dc4a1386a85b30bb49' }, h("smoothly-display", { key: 'f38320854b7cbe1133ac214fda629cdb6e34fd04', style: { display: "inline" }, type: "duration", value: {} }), " h"), h("div", { key: 'a0a553d3d7f1bf1e28c58f307e1cfc56dede0a86' }, h("smoothly-display", { key: 'dc28a4fab596e16a1180a6ff1d0ee081d2250efb', style: { display: "inline" }, type: "duration", value: { minutes: -3 } }), " h"))), h("dt", { key: 'cc4498418d1266333357fa9a47cfe267fefc4cb1' }, "text"), h("dd", { key: 'dbd253f9d092d730792090edc0d1c7294cd3268b' }, h("smoothly-display", { key: '4b140b91c5b2e268dc691c4b2789ab1ad113cf9f', type: "text", value: "text" })), h("dt", { key: '7a7655e9282322688e901e034483e09aefe8dc69' }, "postal code"), h("dd", { key: '3f880dcdad765deeb5bce0cfa92341cf08e42ceb' }, h("smoothly-display", { key: '253b67d433924b812db35ac4b9442e8df6fb456e', type: "postal-code", value: "752 31" })), h("dt", { key: 'a344618739cc1ce559ac80554f09405901643514' }, "password"), h("dd", { key: '0f6f97055179d534b56754e9f4ffe868982f8364' }, h("smoothly-display", { key: '0a95e73ffd18edec818388c6451e10e74ac25a1f', type: "password", value: "password" })), h("dt", { key: 'd799959280bd357c59c1458620947ceb8261a8bc' }, "email"), h("dd", { key: '6d822ad99d14d7ac68dfe5e60e76bc4f62039c60' }, h("smoothly-display", { key: 'df086753232838bbec2b4d6fe17a02e7640c7ec3', type: "email", value: "test@example.com" })), h("dt", { key: 'eade96bd9319f2782533ad3ee6e73a279780dcc4' }, "price"), h("dd", { key: '82580ddd52f3ec732054a92803c608241a03870c' }, h("smoothly-display", { key: 'db4df7924f25fe5c4b8c1ef79e4a2ccbfdb2b759', type: "price", value: "13.37", currency: "SEK" })), h("dt", { key: '6218fda2e606e48855cf22d2541a1b811f568a31' }, "price without decimals"), h("dd", { key: '6f7b2d3f397e98bfcf7031739b8ded01b39c45b8' }, h("smoothly-display", { key: 'eec6de2446c60659d6fcfba09d1e1867dc5bb5f9', type: "price", value: 200, currency: "SEK", toInteger: true })), h("dt", { key: '049e4dd01a1ecadf48febcb0c651b3a463373be7' }, "price with decimals if they are set, otherwise no decimal"), h("dd", { key: '55b856f1380424862dc75ddb5a5d4ff9d6d4393b' }, h("smoothly-display", { key: 'd53fa00ba54c27011a7769bf89fb048d5ac43c2f', type: "price", value: 200.2, currency: "SEK", toInteger: true })), h("dt", { key: '90d8a4d1e1649038656607cb0b65d805e3cb2aab' }, "price with decimals"), h("dd", { key: 'c9632b9d6252727300a101c585a8b26e5cc7fe51' }, h("smoothly-display", { key: 'fef95d8888886353708964a0bad03d716975c183', type: "price", value: 200.2, currency: "SEK" })), h("dt", { key: '7abf3203c89e5c502717cd9757c937e582c1b6c7' }, "percent"), h("dd", { key: '2fd5b7ec91de2fb4e0cbaf864ca258b852e88cca' }, h("smoothly-display", { key: '0e241291b20784a4d802a83e15dadf318079f236', type: "percent", value: "42" })), h("dt", { key: '6c48237d73aba23ab3f35980f898eff5c2b87364' }, "phone"), h("dd", { key: '53f16cee1b5c59599e8283cb4c22e751e8be1f3b' }, h("smoothly-display", { key: '0338829b491a27c9d345cac5190203339c41ac6e', type: "phone", value: "0101881108" })), h("dt", { key: 'afb89b8f0a49ad5bf1ef8bba4a51637f7ed57af1' }, "card number"), h("dd", { key: '29e4eb02d6924ed8f7ac2797377ea3bf7b3e0623' }, h("smoothly-display", { key: '745fefbafe113e1c12ace365f34c39938b3bb659', type: "card-number", value: "4111111111111111" })), h("dt", { key: '54a9b3bf222d4a9fa1bf1444b64fa7e6b4b7d5fd' }, "card expires"), h("dd", { key: 'a538c6af31872884cebb5e5667cd799d1cbe92dd' }, h("smoothly-display", { key: '511a2c804811e9e1d3195d4ab8dad15e3e73cae4', type: "card-expires", value: "7/22" })), h("dt", { key: '16fa7df01a7d60ec01af68a37d196e35ff8d6503' }, "card csc"), h("dd", { key: '0a3df0ba09f6fc7be53d17f0c87eece817a8145c' }, h("smoothly-display", { key: '1351526da17988597fd739fe805a0da21689b520', type: "card-csc", value: "987" })), h("dt", { key: '4ac6ff219663982e06b96e7b3d7661b7317cee7f' }, "date"), h("dd", { key: '6474b93898b9d357a4276a1801c0b1d739e8ae30' }, h("smoothly-display", { key: 'e6a43b2f91d87d9de7dd49583c97c93660157dfd', type: "date", value: "2022-07-07" })), h("dt", { key: 'ad203d97c4b014f6235005882d1e35f32c37d291' }, "date time"), h("dd", { key: '7869f2afaba99fd6c277707fd06dbc546e912377' }, h("smoothly-display", { key: 'c63424a1d505cedcd348aeddbc4083ec0fb99b43', type: "date-time", format: {
                     year: "numeric",
                     month: "short",
                     day: "numeric",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '81829d196bd5886e41d896369a9c20a0e9ac6475' }, h("smoothly-display", { key: '69d3bce166d11def43480659575c51c171c22a45', type: "date-time", format: {
+                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: 'bad6623c83aa440db37bba77404a0e3261406359' }, h("smoothly-display", { key: '70e4ab1844a5c575c54ef14314ce6f40423df47b', type: "date-time", format: {
                     year: "2-digit",
                     month: "long",
                     day: "2-digit",
                     hour: "2-digit",
                     minute: "2-digit",
                     second: "2-digit",
-                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: '9f8913ccf6eb9aa0320ccc96c5f63d1368e03cb5' }, h("smoothly-display", { key: '440dec80b84e484440f55e568d018a46ebdcc199', type: "date-time", format: {
+                }, value: "2022-07-07T02:02:02Z" })), h("dd", { key: 'b7d2b44b723b3d32e063a517034db9c6478a77c5' }, h("smoothly-display", { key: '12492a2754ccdcfa781e2ef46a2579ad3bbb49a0', type: "date-time", format: {
                     year: "numeric",
                     month: "2-digit",
                     day: "2-digit",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: 'ca5f7e206cf42b4bee3e885c8dd6fb5ce1fb414e' }, h("smoothly-display", { key: 'c2258980a847c8d2ac8c77a47e7a5772bce08ec8', type: "date-time", format: {
+                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '72fda443ec030240fd29071d1a3eca87e2fa77d2' }, h("smoothly-display", { key: '3bf63c1395a81d5da4c6594825a3120d99d36fd3', type: "date-time", format: {
                     year: "numeric",
                     month: "numeric",
                     day: "numeric",
                     hour: "numeric",
                     minute: "numeric",
                     second: "numeric",
-                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: '8b99f1ea1299e7001053e7b9deece7e6a15e2542' }, h("smoothly-display", { key: '89c93cace88996c65faa0791cc0ffd7a4e9e083a', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '570142486b7ab93ddd59d9f418a60d700c7817d5' }, h("smoothly-display", { key: '63dfcf83183fba060fceed447d4bcdd0c30eb5a9', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: '4cc6f5ba3ddd1b339d5fb015de456abae54aab43' }, h("smoothly-display", { key: '6c2f659af73220903642fd0807d1151f204ba837', type: "date-time", format: {
+                }, value: "2022-07-07T12:22:24Z" })), h("dd", { key: 'd9a5a251c68c83e51610bc8aac39c23a14a0da10' }, h("smoothly-display", { key: '8a7438690f5b6ba0bbad4d676ebd161538024540', type: "date-time", format: { year: "numeric", month: "short", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: 'f426a55591ef6e03405cce72c0e64eaff677beb3' }, h("smoothly-display", { key: '3402255ed959acefbc71333683b92dee43275d7d', type: "date-time", format: { year: "2-digit", month: "numeric", day: "numeric" }, value: "2022-07-07T00:00+02:00" })), h("dd", { key: 'cc2b1b59c5d789358fb67a6d48a5a9cdf7fe599b' }, h("smoothly-display", { key: '1f3a0edc25b8b9b34d6ffbe88787133bd145bc4c', type: "date-time", format: {
                     year: "2-digit",
                     month: "numeric",
                     day: "numeric",
@@ -47,21 +47,21 @@ export class SmoothlyDisplayDemo {
                     minute: "2-digit",
                     second: "2-digit",
                     timeZone: "Europe/Stockholm",
-                }, value: "2022-07-07T12:15Z" })), h("dt", { key: 'cb48cb11e0a8400291f08caa821b53cb443f8f12' }, "Display JSON"), h("dd", { key: '5f88f3eedffc8993d747898f9bf5dc9da06dbfb1' }, h("smoothly-display-demo-json", { key: '695a426dd6523dbac16fe830167f21e095499760' })))), h("h2", { key: 'e847b40c54e9c2343c3c572802732594110a3520' }, "With labels"), h("dd", { key: 'fa442318099a443bbc08f8b989993184afe12f57' }, h("smoothly-display", { key: 'e0b37f5c62a577c16805b7b3793a397ade55944e', label: "Today", type: "date", value: isoly.Date.now() }), h("smoothly-display", { key: 'e17917bd5c0ba53f198a218ac5377feb64a3219c', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), h("smoothly-display", { key: 'd8c0252e5b772d1328adcaff951d2394b4da4fdf', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), h("smoothly-display", { key: '3a020e58a1fbac08de20efa83040a6d2fff73d40', label: "Logs", type: "json", value: [
+                }, value: "2022-07-07T12:15Z" })), h("dt", { key: '747992d0fa309d7c8cbd13d8eb7818accbb6d522' }, "Display JSON"), h("dd", { key: 'bc2d0785dbb216170fd320a3e7ba000d532e54ff' }, h("smoothly-display-demo-json", { key: '6d23c6c7cc4720d60ea2160780f26ad10384d6f9' })))), h("h2", { key: '2e29c1a9d6b24b00ff6fc6c41201fecd16003684' }, "With labels"), h("dd", { key: 'e60a4cf0fa048db54972698f0c41c10dd420231f' }, h("smoothly-display", { key: 'c31dc1154af9e19ae130336862060106d3e1ca80', label: "Today", type: "date", value: isoly.Date.now() }), h("smoothly-display", { key: 'f442d5b680e29cffa32a35b5beab2281bb41d1e8', label: "Total amount", type: "price", currency: "SEK", value: 6789 }), h("smoothly-display", { key: '7054be327820ae495a87652e4eee220bd224835c', label: "Total amount", type: "price", currency: "GBP", value: 678.9 }), h("smoothly-display", { key: '164ed80432c0342192e83ddaea4f27a1b283b222', label: "Logs", type: "json", value: [
                     { type: "trace", message: "Hello" },
                     { type: "error", message: "Oh no!" },
-                ] })), h("fieldset", { key: '08d6ad86a6d79ff873156f7cb4d84360d8e92f38' }, h("h2", { key: '91450decd67bdc21c204adaa7f95d9d0d2f64107' }, "Test of different kinds of notifier"), h("button", { key: 'ded2972233a8361b91b75c8386ca3f3299735959', onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { key: '833fe76b9edaa48c4db0aed015bfd310936bd01a', onClick: () => this.noticeWarning(Notice.succeeded("This is a test success notice.")) }, "success"), h("button", { key: '5f74587f60215db920ea6a0b9a01702642e61745', onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { key: 'ed76217b6f2a5f84ecc04a04ebc13c1441958b39', onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { key: '7f7b974a4ed5528d8d226d380233e219203553bc', onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), h("fieldset", { key: '287c9ce5ae199417e9883b2d10c7f74e755ec0f1' }, h("h2", { key: '14379ccb8cc02c5041a11ba85b15785a4fd87711' }, "Smoothly spinner"), h("div", { key: '71d53a5d93355f097f377cf0665c299fe85746e8', style: { width: "fit-content" } }, "Large", h("smoothly-spinner", { key: 'ea3b1bc70eb21b536c561f33176caffd2891b6df', size: "large", style: {
+                ] })), h("fieldset", { key: 'ae8fda6783a1045b24a90f73d95eb75fef524c3b' }, h("h2", { key: '8b735feede5041d16621b35ab4ed65b4f6893e02' }, "Test of different kinds of notifier"), h("button", { key: 'eff36a6ecd92f817fcb196996b6677945e535c6a', onClick: () => this.noticeWarning(Notice.warn("This is a test warning notice.")) }, "warning"), h("button", { key: 'bedcbef25de624da67f1ce3b1d6413d7f170113e', onClick: () => this.noticeWarning(Notice.succeeded("This is a test success notice.")) }, "success"), h("button", { key: 'c6a9ac7dacf8cc450d2bfb02a2bcb85f484f0f24', onClick: () => this.noticeWarning(Notice.failed("This is a test danger notice.")) }, "danger"), h("button", { key: 'a31c5b25807dac6438f1d3aad447610260611dbf', onClick: () => this.noticeWarning(Notice.execute("This is a test execute notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "execute"), h("button", { key: '6875bd9cadd9f5eedfdc1dc41a68ef602f3ba160', onClick: () => this.noticeWarning(Notice.delay("This is a test delay notice.", () => new Promise(resolve => window.setTimeout(() => resolve([true, "This went great"]), 3000)))) }, "delay")), h("fieldset", { key: 'f7493cc029025477c394be2e48640f943e7d45df' }, h("h2", { key: '14f549bdca342919dd0cc6b6e039b387ca9d5f47' }, "Smoothly spinner"), h("div", { key: '2532ec422ca3c7f482fa2f80b8f0e188d00ed9e7', style: { width: "fit-content" } }, "Large", h("smoothly-spinner", { key: 'ca6bff694dfae13cbe31781fe75dc5a7f22726ce', size: "large", style: {
                     "--spinner-background": "200,255,200",
                     "--spinner-background-opacity": "0.2",
                     "--spinner-color": "0,130,0",
-                } })), h("div", { key: '0d5e895fdd77b5726b8c239e47cd044a067d1f2a', style: { width: "fit-content" } }, "Medium", h("smoothly-spinner", { key: '385f5a706c79db46521602b25a2b74010108c08d', size: "medium" })), h("div", { key: 'c7fa64f4652ec6c43d76f2479b7c0d495b839a39', style: { width: "fit-content" } }, "Small", h("smoothly-spinner", { key: '5c495259b28ce92f47998e40c30899ceaca44712', size: "small" })), h("div", { key: '788b86e0d1b31798d3ccb7a36b3b2ca30bbe5492' }, "Icon sized spinner on button", Color.types.map(color => (h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
+                } })), h("div", { key: '94e96d5ea29719b5ed508879df5905db45e9b892', style: { width: "fit-content" } }, "Medium", h("smoothly-spinner", { key: 'a54f39247c27520000ec8a35acc4dca1eab61269', size: "medium" })), h("div", { key: '694bb6839a34c4d3c159674ac9d7b8764e715a0a', style: { width: "fit-content" } }, "Small", h("smoothly-spinner", { key: 'a4842814663b330faa6eb266722507dea1f1b0f0', size: "small" })), h("div", { key: '11dd2fd0047e3de22abe1de29f63ac56898b715e' }, "Icon sized spinner on button", Color.types.map(color => (h("smoothly-button", { size: "icon", color: color, shape: "rounded", onClick: () => {
                     this.downloadingSpinner = true;
                     setTimeout(() => (this.downloadingSpinner = false), 3000);
-                } }, !this.downloadingSpinner && h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), h("h3", { key: 'bfc699d0d863be1f32947b2c6fc8e423cfe9c6e7' }, "Spinner with overlay"), h("div", { key: '8b104392475d98d3ed535266efb5e1e43242eec2', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", h("smoothly-spinner", { key: 'da19b77e7623e6e5beb7a79f481c1454c0ba54ae', overlay: true, size: "large", style: {
+                } }, !this.downloadingSpinner && h("smoothly-icon", { name: "download-outline" }), this.downloadingSpinner && (h("smoothly-spinner", { size: "icon", style: { "--spinner-background-opacity": "0" } })))))), h("h3", { key: '8e492b4dbad096875ccc36db465cd7441d33a6fa' }, "Spinner with overlay"), h("div", { key: '00c85d4ee92d8f2cefec690537912abd43f97707', style: { position: "relative", height: "10em" } }, "Large Overlay Spinner", h("smoothly-spinner", { key: 'd340e0a508673de5a44756e13a85cedcfe328e71', overlay: true, size: "large", style: {
                     "--spinner-background": "255,200,255",
                     "--spinner-background-opacity": "0.5",
                     "--spinner-color": "0,130,0",
-                } })), h("div", { key: '5db60a3ef1c609c086605215bf67587018350a2b', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", h("smoothly-spinner", { key: '5680ba103faabfaf100971b44bd593c78e829d6f', overlay: true, color: "secondary", size: "medium" })), h("div", { key: '5c1744129386116f82e90b461a82b41f1b1a7fa2', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", h("smoothly-spinner", { key: '986d2d8a53fc002aee01448f70959a084712c3a2', overlay: true, size: "small" }))), h("fieldset", { key: '3c8217e31e5895740f9ec2db68a5936ece213134' }, h("h2", { key: '230544e3d1daf869ffe78018507938ede4cdd25f' }, "Smoothly summary"), h("smoothly-summary", { key: '1ef51bf9f6f09efec5ce78320c8c8d887e832536' }, h("p", { key: 'bbb4e1c627cc29bcd3dcbf869123cd46fcee7c78', slot: "summary" }, "Some title"), h("p", { key: '98c3df7e2be91138ada47962a3d816ef7ca96116', slot: "content" }, "Some content")), h("smoothly-summary", { key: '0cee5711b5d4982d83a5af38de7b4a9d07f5b681', size: "large" }, h("p", { key: '01d3e7770a29191f3435ff71b5b910b1fe971986', slot: "summary" }, "Some title"), h("p", { key: '4bf19406510e9754aa6a6e80bf246250d16147b7', slot: "content" }, "Some content")), h("smoothly-summary", { key: '140ae2b80f6444ae1b0c6f010a986ad44a3ae660', color: "danger", fill: "clear" }, h("div", { key: '79d24ee9a8b34a5a1237133cf3b91b57a1939be9', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, h("span", { key: 'f356abe390f260e9a42fdda66618326133aa077d' }, "Person"), h("smoothly-icon", { key: 'adbc3c65da8c17a682f1f94dff503a2fb8b15f6c', name: "person", color: "light", fill: "clear", size: "tiny" })), h("p", { key: 'c9ee2266ff09249a525c04d5f336f7d837b683bf', slot: "content" }, "Some person information.")), h("smoothly-summary", { key: '8ceed261dadef7e9e1a36223034838843b193d95', color: "danger", fill: "clear", open: true }, h("p", { key: 'f463c38fc03dd5bd1f1888a1112f0ff81d333bbd', slot: "summary" }, "Some other title"), h("p", { key: '443efb036132d38db530da20d718f66659a30594', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), h("h2", { key: '3e0fe4420b481349bae4af2c0f82b3488be08dc1' }, "Label"), labels.map(l => (h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), h("smoothly-label", { key: '2a741a99f86afdb9facdc93c3e39eadc8087910d', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
+                } })), h("div", { key: '016fe696e6e74e25bda569a1699e6049ac92c889', style: { position: "relative", height: "10em" } }, "Medium Overlay Spinner", h("smoothly-spinner", { key: '66092e4011ae66dfaa436c55a39721be315c519a', overlay: true, color: "secondary", size: "medium" })), h("div", { key: '36a1cc846982bb5a1dc54c2f543c476b1fce8c91', style: { position: "relative", height: "10em" } }, "Small Overlay Spinner", h("smoothly-spinner", { key: 'b693e53a081661680f6a19ba81dacd2e41371902', overlay: true, size: "small" }))), h("fieldset", { key: '5a7e3b61ad86969f26a3679a58323a5a3e3eab65' }, h("h2", { key: 'bcc731681d6db9513cfc7391fcf3689233c2d540' }, "Smoothly summary"), h("smoothly-summary", { key: '28698a792708b9630138d21a00bd6e367c8d2836' }, h("p", { key: '43cddb839948c05ee1abe3e972b465601edcfa57', slot: "summary" }, "Some title"), h("p", { key: '7e170421c947e618d3c88c2c78bc937cf895e7d5', slot: "content" }, "Some content")), h("smoothly-summary", { key: '7766bc278e892e217b6e6441e41aa626d7ecf2d0', size: "large" }, h("p", { key: 'a0d83a3dacd955442983b2cbf086c95e5f54b87b', slot: "summary" }, "Some title"), h("p", { key: '2d5957d9d8bd0d0ad1a8f0b11eb2ff211879c393', slot: "content" }, "Some content")), h("smoothly-summary", { key: '9a03d40210651f64b7e3146b4f1f90d0af8e3b68', color: "danger", fill: "clear" }, h("div", { key: '91888525a78ae6cf2bfbf492d4b8dc205d4ac1da', slot: "summary", style: { display: "flex", gap: "0.3rem" } }, h("span", { key: 'a22f933241a444da80c6d89b65275c4f6592609d' }, "Person"), h("smoothly-icon", { key: 'c79775e186b742d77715789887948c93c2c5867b', name: "person", color: "light", fill: "clear", size: "tiny" })), h("p", { key: '41b5c81feda26d37aab0d42093de072484c53045', slot: "content" }, "Some person information.")), h("smoothly-summary", { key: 'b7d82ffdf718528fbd038b9ce51490cbce1226fe', color: "danger", fill: "clear", open: true }, h("p", { key: 'f09c420f105318297999e44fb90b3e22f3a89a67', slot: "summary" }, "Some other title"), h("p", { key: 'b2761d6607e63756c7e0ee18a9da1f16f5c48969', slot: "content" }, "A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.A lot more content, yes please. A lot more content, yes please. A lot more content, yes please. A lot more content, yes please.")), h("h2", { key: 'de8ca3994652d8f1dd8b364d79879a8ee638f9e6' }, "Label"), labels.map(l => (h("smoothly-label", { hue: l.hue, description: l.description, shape: "rectangle" }, l.name))), h("smoothly-label", { key: 'dd8c4d057d26e554b03aefc7a1cc63ccb4f162c4', color: "primary", description: "Using colors", shape: "rectangle" }, "Primary"))),
         ];
     }
     static get is() { return "smoothly-display-demo"; }

package/dist/collection/components/display/demo/json/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyDisplayDemoJson {
     render() {
-        return (h(Host, { key: '67b8c263dfe7d72e1072ba3d630ea74f0a05788a' }, [0, 1, 3, undefined].map(colapseDepth => [
+        return (h(Host, { key: 'a3e2a042bff06a25da98b43e95705b303a4e2d7c' }, [0, 1, 3, undefined].map(colapseDepth => [
             h("div", null, "collapseDepth=", colapseDepth !== null && colapseDepth !== void 0 ? colapseDepth : "undefined"),
             h("div", null, h("smoothly-display", { type: "json", value: json, collapseDepth: colapseDepth })),
         ])));

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

@@ -19,16 +19,16 @@ export class SmoothlyDisplay {
         const type = this.type;
         switch (type) {
             case "json":
-                result = h("smoothly-display-json", { key: '6b31a96e16b4b4f5a881fe9de434326d7262d302', value: this.value, collapseDepth: this.collapseDepth });
+                result = h("smoothly-display-json", { key: 'dae527906c3ef17061176ca4fa2b609136029d2a', value: this.value, collapseDepth: this.collapseDepth });
                 break;
             default:
                 result = tidily.format(this.value, type);
                 break;
             case "email":
-                result = h("a", { key: '8cdbbe4ee158e11761a3dabeffa6fd7165004639', href: "mailto:" + this.value }, tidily.format(this.value, type));
+                result = h("a", { key: '473961d0ae2df537bbd562de4c303b8a78579fe6', href: "mailto:" + this.value }, tidily.format(this.value, type));
                 break;
             case "phone":
-                result = h("a", { key: '17745ad8ad63df1451e314608b210dd31b35c8e7', href: "tel:" + this.value }, tidily.format(this.value, type, this.country));
+                result = h("a", { key: 'ccb2abfa11f6240d8e2defb0d603db7910d9bfa4', href: "tel:" + this.value }, tidily.format(this.value, type, this.country));
                 break;
             case "postal-code":
                 result = tidily.format(this.value, type, this.country);

package/dist/collection/components/display/json/index.js

@@ -6,7 +6,7 @@ export class SmoothlyDisplayJson {
         this.collapseDepth = undefined;
     }
     render() {
-        return h(JsonValue, { key: '4794f1dc5f6a104cc37ef15d6ff54650c2e162e6', value: this.value, collapseDepth: this.collapseDepth });
+        return h(JsonValue, { key: 'c09039321486768334c742e4efc26dab510d2ffc', value: this.value, collapseDepth: this.collapseDepth });
     }
     static get is() { return "smoothly-display-json"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/object/index.js

@@ -25,9 +25,9 @@ export class SmoothlyDisplayJsonObject {
     }
     render() {
         const nextCollapseDepth = typeof this.collapseDepth == "number" ? Math.max(this.collapseDepth - 1, 0) : undefined;
-        return (h(Host, { key: '096aba61e52c82b8fbddfa73b76ad5378898997b', class: { empty: this.empty, open: this.open } }, h("span", { key: '23b082be0c70e647b622f876ce92a91aebcdfcd5', class: "open-bracket", onClick: () => (this.open = !this.open), "data-length": this.length }, this.openBracket), h("span", { key: '851efa46e336cdcd39eb20b08106b37cf3189c53', class: "content" }, Array.isArray(this.value)
+        return (h(Host, { key: 'f0d5f6e755c48269ebeddd210961a91a45ac637c', class: { empty: this.empty, open: this.open } }, h("span", { key: '9d8da480999cb92e162e1472c4cf0c4253033553', class: "open-bracket", onClick: () => (this.open = !this.open), "data-length": this.length }, this.openBracket), h("span", { key: '4e540c3b7ab63546106d485b5e88849be5e497a3', class: "content" }, Array.isArray(this.value)
             ? this.value.map(v => (h("div", { class: "indent" }, h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))
-            : Object.entries(this.value).map(([k, v]) => (h("div", { class: "indent" }, h("smoothly-display-json-record-key", { value: k }), ":", " ", h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))), h("span", { key: 'ea5f8fbd4f35a2c5a462c66fbb9133f806655e64' }, this.closeBracket)));
+            : Object.entries(this.value).map(([k, v]) => (h("div", { class: "indent" }, h("smoothly-display-json-record-key", { value: k }), ":", " ", h(JsonValue, { value: v, collapseDepth: nextCollapseDepth }), h("span", { class: "comma" }, ","))))), h("span", { key: 'b8bd52db35dcf7bc14de9fdfe3b928eebdc04d7a' }, this.closeBracket)));
     }
     static get is() { return "smoothly-display-json-object"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/object/key/index.js

@@ -4,7 +4,7 @@ export class SmoothlyDisplayJsonRecordKey {
         this.value = undefined;
     }
     render() {
-        return h(Host, { key: 'e7e589428127bdfdc3a226523417e256788003f9' }, "\"", this.value, "\"");
+        return h(Host, { key: 'e76d5030ff940c6a7d9acf859603e6be834a3b81' }, "\"", this.value, "\"");
     }
     static get is() { return "smoothly-display-json-record-key"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/display/json/primitive/index.js

@@ -4,7 +4,7 @@ export class SmoothlyDisplayJsonPrimitive {
         this.value = undefined;
     }
     render() {
-        return h(Host, { key: '7fb3f1eae3a5a4e958aff79b218347ad089810cd', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
+        return h(Host, { key: '2b2dbfe65a076ca4c5e5b4f16b9431eeca85ffbc', class: this.value == null ? "null" : typeof this.value }, "" + JSON.stringify(this.value));
     }
     static get is() { return "smoothly-display-json-primitive"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/field/index.js

@@ -13,7 +13,7 @@ export class SmoothlyFilterField {
         this.smoothlyFilterField.emit(selectively.parse((_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ""));
     }
     render() {
-        return (h(Host, { key: '193bf2818e15324d19c9b775d2fcd621f97993c3', onKeyDown: (e) => e.key == "Enter" && this.filterFieldEmit() }, h("smoothly-input", { key: 'af427b9aa62eb3821c4f4c515e91540e4077cca2', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyBlur: e => {
+        return (h(Host, { key: 'f6098aa0fdc4a8be864ae688e5d792dfe5d7734f', onKeyDown: (e) => e.key == "Enter" && this.filterFieldEmit() }, h("smoothly-input", { key: '1f607179ee4cd0951e005a0a68f5d455a9bf3672', name: "filter", ref: e => (this.input = e), value: this.criteria.toString(), onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyBlur: e => {
                 e.stopPropagation();
                 this.filterFieldEmit();
             }, onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => {

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

@@ -36,11 +36,11 @@ export class SmoothlyFilter {
         this.filters.forEach(update => update(this.criteria));
     }
     render() {
-        return (h(Host, { key: '458866acba458b727749aab418c5d07b009f0886' }, h("slot", { key: '6deb9fb89f67c8adc89c88b67762b3200953ed29', name: "bar" }), h("smoothly-filter-field", { key: 'f3c3c18a6385b7abfeb82ec2320312f0a13f439e', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: '5e7586e48cd66190af3d48ab013c1af4ff006acf', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
+        return (h(Host, { key: '8fa96851dc8a5b97455ffcc90d8edb4f556e1a5e' }, h("slot", { key: '0a3c57ae72c5f8902d2b5f97de96c78fe6b1e091', name: "bar" }), h("smoothly-filter-field", { key: 'fdc85964b77a2aa02effa9f1a634164a35086f52', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: '5a2a3f4582bb4ceb282c4ef6be1d439efd19ddc0', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
                 this.clear();
-            } })), h("div", { key: '742d3c1ab86806412d5ab95bf19249feffb2cd35', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: 'e8837329167c794efbcbb255ca9c50def503ef3f', name: "detail" })), h("smoothly-icon", { key: '0ebf30bb6797347fa77dec156f48c4b0a9d22e89', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
+            } })), h("div", { key: '6b7bba3c3a30cb4f9b562481d2921d595ea7e5fa', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: '5cdea6994206c24a2c62e1ac3208e03b6263468e', name: "detail" })), h("smoothly-icon", { key: '85d0324d62c557048e3caaaae33b2d8b0d0d4897', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
                 this.expanded = !this.expanded;
-            } }), h("div", { key: '31f476a863f44affca3c643529331e769f9658a0', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
+            } }), h("div", { key: 'f57ac805ce77fcc263d7c68581db9ae98566cf41', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
     }
     static get is() { return "smoothly-filter"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/input/index.js

@@ -63,7 +63,7 @@ export class SmoothlyFilterInput {
             (rest.length == 0 || (!!criteria.criteria && this.findInstanceOf(criteria.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-input", { key: '90646ba0c33a81236352bc130c9139d652473b64', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: 'f6ba39d46857fb3ac409c9ae4cc404b0dca9a7bd' })));
+        return (h("smoothly-input", { key: '743a8c6c26b12a10833791e322c06887a93a23c2', name: this.property, value: this.needle, type: this.type, placeholder: this.placeholder, onSmoothlyBlur: e => e.stopPropagation(), onSmoothlyFormDisable: e => e.stopPropagation(), onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyChange: e => e.stopPropagation(), onSmoothlyInput: e => this.inputHandler(e) }, this.label, h("slot", { key: '68eacc299a625d16ce66b0eec27e4db1b0b6fb4c' })));
     }
     static get is() { return "smoothly-filter-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/select/index.js

@@ -99,7 +99,7 @@ export class SmoothlyFilterSelect {
         return result && this.property.split(".").reduceRight((r, e) => selectively.property(e, r), result);
     }
     render() {
-        return (h("smoothly-input-select", { key: '7880e87f45d9227a6663854c8eb427ac39f0bce8', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (h("span", { key: 'b1ec133090f874ce79645ba2e82718d78590282c', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), h("slot", { key: '87022479beb55154bc3006ec2ac564865f37a9c8', name: "items" })));
+        return (h("smoothly-input-select", { key: 'd033eebdc74a6a25c7c9059d2f5ce06dc1c3fadc', ref: e => (this.selectElement = e), name: this.property, looks: this.looks, multiple: this.multiple, menuHeight: this.menuHeight, onSmoothlyInputLooks: e => e.stopPropagation(), onSmoothlyItemSelect: e => e.stopPropagation(), onSmoothlyInput: e => this.selectHandler(e) }, this.label && (h("span", { key: '74642e91b226596e425c6f676f6f855354bd0a39', slot: "label" }, [this.label.slice(0, 1).toUpperCase(), this.label.slice(1, this.label.length)].join(""))), h("slot", { key: 'bf075d1fee4c85cd8953b79cf9831c2d47b71b23', name: "items" })));
     }
     static get is() { return "smoothly-filter-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/filter/toggle/index.js

@@ -72,7 +72,7 @@ export class SmoothlyFilterToggle {
             (rest.length == 0 || (!!check.criteria && this.findInstanceOf(check.criteria, rest.join(".")))));
     }
     render() {
-        return (h("smoothly-icon", { key: '2fc0a0d6ad73406cacdb79964618ec4a97f7cfdf', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
+        return (h("smoothly-icon", { key: 'dd151c8e540e1808b87d0a291f3a2c5aba7ee321', fill: "clear", color: this.active ? "success" : "medium", name: (this.active ? `${this.icon}` : `${this.icon}-outline`), toolTip: this.toolTip, onClick: () => this.activeHandler(true) }));
     }
     static get is() { return "smoothly-filter-toggle"; }
     static get encapsulation() { return "scoped"; }