smoothly 1.4.0 → 1.6.0

package/dist/components/smoothly-app-demo.js

@@ -1,102 +1,102 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$1z } from './p-9bb1e20b.js';
-import { d as defineCustomElement$1y } from './p-33cdc807.js';
-import { d as defineCustomElement$1x } from './p-758edf83.js';
-import { d as defineCustomElement$1w } from './p-49deb5fc.js';
-import { d as defineCustomElement$1v } from './p-0eacf5f4.js';
-import { d as defineCustomElement$1u } from './p-a4614623.js';
-import { d as defineCustomElement$1t } from './p-6140aafa.js';
-import { d as defineCustomElement$1s } from './p-182310f5.js';
-import { d as defineCustomElement$1r } from './p-ec207ccc.js';
-import { d as defineCustomElement$1q } from './p-f4c50262.js';
-import { d as defineCustomElement$1p } from './p-11cc925c.js';
-import { d as defineCustomElement$1o } from './p-42fba537.js';
-import { d as defineCustomElement$1n } from './p-b8107946.js';
-import { d as defineCustomElement$1m } from './p-ff99dcde.js';
-import { d as defineCustomElement$1l } from './p-51cb1946.js';
-import { d as defineCustomElement$1k } from './p-21601376.js';
-import { d as defineCustomElement$1j } from './p-d9989605.js';
-import { d as defineCustomElement$1i } from './p-8309d8d7.js';
-import { d as defineCustomElement$1h } from './p-940e5b8e.js';
-import { d as defineCustomElement$1g } from './p-065742a9.js';
-import { d as defineCustomElement$1f } from './p-6ce1475e.js';
-import { d as defineCustomElement$1e } from './p-d0935bef.js';
-import { d as defineCustomElement$1d } from './p-16c06f14.js';
-import { d as defineCustomElement$1c } from './p-2498d762.js';
-import { d as defineCustomElement$1b } from './p-f5758759.js';
-import { d as defineCustomElement$1a } from './p-f3e69915.js';
-import { d as defineCustomElement$19 } from './p-4d18f37f.js';
-import { d as defineCustomElement$18 } from './p-559c35a3.js';
-import { d as defineCustomElement$17 } from './p-8677ee6e.js';
-import { d as defineCustomElement$16 } from './p-aac94573.js';
-import { d as defineCustomElement$15 } from './p-d20010f3.js';
-import { d as defineCustomElement$14 } from './p-d209231e.js';
-import { d as defineCustomElement$13 } from './p-33f636a1.js';
-import { d as defineCustomElement$12 } from './p-a9bd3ecf.js';
-import { d as defineCustomElement$11 } from './p-7995e164.js';
+import { d as defineCustomElement$1z } from './p-382b5857.js';
+import { d as defineCustomElement$1y } from './p-3b26fe6c.js';
+import { d as defineCustomElement$1x } from './p-ec3b9004.js';
+import { d as defineCustomElement$1w } from './p-115371b7.js';
+import { d as defineCustomElement$1v } from './p-c98922f4.js';
+import { d as defineCustomElement$1u } from './p-e5627b06.js';
+import { d as defineCustomElement$1t } from './p-e4b92c84.js';
+import { d as defineCustomElement$1s } from './p-a57e7345.js';
+import { d as defineCustomElement$1r } from './p-d0953a9e.js';
+import { d as defineCustomElement$1q } from './p-627c3fc7.js';
+import { d as defineCustomElement$1p } from './p-065cbcf5.js';
+import { d as defineCustomElement$1o } from './p-97b63ea3.js';
+import { d as defineCustomElement$1n } from './p-565f1d48.js';
+import { d as defineCustomElement$1m } from './p-b235b5aa.js';
+import { d as defineCustomElement$1l } from './p-d3c8be66.js';
+import { d as defineCustomElement$1k } from './p-5bf78c75.js';
+import { d as defineCustomElement$1j } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$1i } from './p-8dedb4ea.js';
+import { d as defineCustomElement$1h } from './p-1eab7079.js';
+import { d as defineCustomElement$1g } from './p-68c91da3.js';
+import { d as defineCustomElement$1f } from './p-a50f622f.js';
+import { d as defineCustomElement$1e } from './p-28dac8ac.js';
+import { d as defineCustomElement$1d } from './p-ed1e7da4.js';
+import { d as defineCustomElement$1c } from './p-cbf3c133.js';
+import { d as defineCustomElement$1b } from './p-bbc6eae6.js';
+import { d as defineCustomElement$1a } from './p-d693d5de.js';
+import { d as defineCustomElement$19 } from './p-35d30b5f.js';
+import { d as defineCustomElement$18 } from './p-c31cce0c.js';
+import { d as defineCustomElement$17 } from './p-c5f249a3.js';
+import { d as defineCustomElement$16 } from './p-dd3b21a0.js';
+import { d as defineCustomElement$15 } from './p-840a2e6c.js';
+import { d as defineCustomElement$14 } from './p-347162c4.js';
+import { d as defineCustomElement$13 } from './p-3f7a437a.js';
+import { d as defineCustomElement$12 } from './p-a966d505.js';
+import { d as defineCustomElement$11 } from './p-8c0ab6b7.js';
 import { d as defineCustomElement$10 } from './p-d8e3f8c5.js';
-import { d as defineCustomElement$$ } from './p-e6eca6ea.js';
-import { d as defineCustomElement$_ } from './p-10e9b56f.js';
-import { d as defineCustomElement$Z } from './p-0fb1eac0.js';
-import { d as defineCustomElement$Y } from './p-fd158b77.js';
-import { d as defineCustomElement$X } from './p-8ac400d5.js';
-import { d as defineCustomElement$W } from './p-0f3b692b.js';
-import { d as defineCustomElement$V } from './p-2683f275.js';
-import { d as defineCustomElement$U } from './p-97254dfe.js';
-import { d as defineCustomElement$T } from './p-3a1f5e8b.js';
-import { d as defineCustomElement$S } from './p-eba2af2b.js';
-import { d as defineCustomElement$R } from './p-a0df7a64.js';
-import { d as defineCustomElement$Q } from './p-948e9305.js';
-import { d as defineCustomElement$P } from './p-f0e08ba3.js';
-import { d as defineCustomElement$O } from './p-95439799.js';
-import { d as defineCustomElement$N } from './p-b1d28f3f.js';
-import { d as defineCustomElement$M } from './p-a0930b47.js';
-import { d as defineCustomElement$L } from './p-3217c7b5.js';
-import { d as defineCustomElement$K } from './p-5a0e167d.js';
-import { d as defineCustomElement$J } from './p-3062590d.js';
-import { d as defineCustomElement$I } from './p-675c3d3e.js';
-import { d as defineCustomElement$H } from './p-125e9845.js';
-import { d as defineCustomElement$G } from './p-8b2f08c5.js';
-import { d as defineCustomElement$F } from './p-5bee4bdc.js';
-import { d as defineCustomElement$E } from './p-90d81e79.js';
-import { d as defineCustomElement$D } from './p-67370f30.js';
-import { d as defineCustomElement$C } from './p-cf692cc2.js';
-import { d as defineCustomElement$B } from './p-1f5357e1.js';
-import { d as defineCustomElement$A } from './p-a74a5a51.js';
-import { d as defineCustomElement$z } from './p-cd4ae22e.js';
-import { d as defineCustomElement$y } from './p-e91292f2.js';
-import { d as defineCustomElement$x } from './p-f21f43d1.js';
-import { d as defineCustomElement$w } from './p-a91db04a.js';
-import { d as defineCustomElement$v } from './p-dfb0153c.js';
-import { d as defineCustomElement$u } from './p-33087585.js';
-import { d as defineCustomElement$t } from './p-28a3024e.js';
-import { d as defineCustomElement$s } from './p-e2ff40ce.js';
-import { d as defineCustomElement$r } from './p-f0f3ed83.js';
-import { d as defineCustomElement$q } from './p-e87aacc3.js';
-import { d as defineCustomElement$p } from './p-8f6b490b.js';
-import { d as defineCustomElement$o } from './p-b0806e7f.js';
-import { d as defineCustomElement$n } from './p-a95bab7d.js';
-import { d as defineCustomElement$m } from './p-8ce2b17b.js';
-import { d as defineCustomElement$l } from './p-37363a06.js';
-import { d as defineCustomElement$k } from './p-76b9e403.js';
-import { d as defineCustomElement$j } from './p-a6abef9e.js';
-import { d as defineCustomElement$i } from './p-18ba7524.js';
-import { d as defineCustomElement$h } from './p-77aa479d.js';
-import { d as defineCustomElement$g } from './p-fd1daa5a.js';
-import { d as defineCustomElement$f } from './p-2de92429.js';
-import { d as defineCustomElement$e } from './p-04799383.js';
-import { d as defineCustomElement$d } from './p-270e635e.js';
-import { d as defineCustomElement$c } from './p-5dd30cc0.js';
-import { d as defineCustomElement$b } from './p-9f71d26f.js';
-import { d as defineCustomElement$a } from './p-c8f13bb3.js';
+import { d as defineCustomElement$$ } from './p-a09be6d8.js';
+import { d as defineCustomElement$_ } from './p-7b9c60c5.js';
+import { d as defineCustomElement$Z } from './p-cef759f2.js';
+import { d as defineCustomElement$Y } from './p-d1dcafa9.js';
+import { d as defineCustomElement$X } from './p-56fc01bf.js';
+import { d as defineCustomElement$W } from './p-3609c2f0.js';
+import { d as defineCustomElement$V } from './p-6396cebd.js';
+import { d as defineCustomElement$U } from './p-2c9a8b37.js';
+import { d as defineCustomElement$T } from './p-03be2708.js';
+import { d as defineCustomElement$S } from './p-50847f24.js';
+import { d as defineCustomElement$R } from './p-14ea6e65.js';
+import { d as defineCustomElement$Q } from './p-3b06b8a0.js';
+import { d as defineCustomElement$P } from './p-4fbdcaa4.js';
+import { d as defineCustomElement$O } from './p-1e8fa07d.js';
+import { d as defineCustomElement$N } from './p-c3d52c12.js';
+import { d as defineCustomElement$M } from './p-94091007.js';
+import { d as defineCustomElement$L } from './p-ba76192d.js';
+import { d as defineCustomElement$K } from './p-d81a3a84.js';
+import { d as defineCustomElement$J } from './p-b3cfa9a5.js';
+import { d as defineCustomElement$I } from './p-c9619231.js';
+import { d as defineCustomElement$H } from './p-a765eaaa.js';
+import { d as defineCustomElement$G } from './p-9e3806ff.js';
+import { d as defineCustomElement$F } from './p-e9e71692.js';
+import { d as defineCustomElement$E } from './p-da4c10d0.js';
+import { d as defineCustomElement$D } from './p-38ec49fa.js';
+import { d as defineCustomElement$C } from './p-5e242cbd.js';
+import { d as defineCustomElement$B } from './p-ca85bc1d.js';
+import { d as defineCustomElement$A } from './p-18e35dd4.js';
+import { d as defineCustomElement$z } from './p-00e29131.js';
+import { d as defineCustomElement$y } from './p-52ba5546.js';
+import { d as defineCustomElement$x } from './p-18451fa9.js';
+import { d as defineCustomElement$w } from './p-3024abfc.js';
+import { d as defineCustomElement$v } from './p-3989ef69.js';
+import { d as defineCustomElement$u } from './p-fec4d798.js';
+import { d as defineCustomElement$t } from './p-98440131.js';
+import { d as defineCustomElement$s } from './p-07d9e68a.js';
+import { d as defineCustomElement$r } from './p-64883514.js';
+import { d as defineCustomElement$q } from './p-ea4cee14.js';
+import { d as defineCustomElement$p } from './p-2f17a8e0.js';
+import { d as defineCustomElement$o } from './p-b5f48ead.js';
+import { d as defineCustomElement$n } from './p-332ff0a5.js';
+import { d as defineCustomElement$m } from './p-67a0640f.js';
+import { d as defineCustomElement$l } from './p-8b9ba740.js';
+import { d as defineCustomElement$k } from './p-a15015cc.js';
+import { d as defineCustomElement$j } from './p-b74838fd.js';
+import { d as defineCustomElement$i } from './p-abd56282.js';
+import { d as defineCustomElement$h } from './p-c131480d.js';
+import { d as defineCustomElement$g } from './p-d5fe813a.js';
+import { d as defineCustomElement$f } from './p-49837ba2.js';
+import { d as defineCustomElement$e } from './p-2bbb8f53.js';
+import { d as defineCustomElement$d } from './p-f2969db7.js';
+import { d as defineCustomElement$c } from './p-03c91070.js';
+import { d as defineCustomElement$b } from './p-72b6a817.js';
+import { d as defineCustomElement$a } from './p-d969fa64.js';
 import { d as defineCustomElement$9 } from './p-fc152e9f.js';
-import { d as defineCustomElement$8 } from './p-e569751f.js';
-import { d as defineCustomElement$7 } from './p-1d50e1c3.js';
-import { d as defineCustomElement$6 } from './p-50f2b79d.js';
-import { d as defineCustomElement$5 } from './p-5e4e6b48.js';
-import { d as defineCustomElement$4 } from './p-44f424f6.js';
-import { d as defineCustomElement$3 } from './p-026d5067.js';
-import { d as defineCustomElement$2 } from './p-9f7e55ba.js';
+import { d as defineCustomElement$8 } from './p-0b8373df.js';
+import { d as defineCustomElement$7 } from './p-8a0d18a0.js';
+import { d as defineCustomElement$6 } from './p-4139620f.js';
+import { d as defineCustomElement$5 } from './p-7b0de261.js';
+import { d as defineCustomElement$4 } from './p-d1462fc3.js';
+import { d as defineCustomElement$3 } from './p-ba16f7d3.js';
+import { d as defineCustomElement$2 } from './p-b121c0da.js';
 
 const SmoothlyAppDemo$1 = proxyCustomElement(class SmoothlyAppDemo extends H {
     constructor() {
@@ -105,7 +105,7 @@ const SmoothlyAppDemo$1 = proxyCustomElement(class SmoothlyAppDemo extends H {
         this.baseUrl = undefined;
     }
     render() {
-        return (h("smoothly-app", { key: 'aa798117a543b094b87cd4f794e41c2c62eedcf5', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-trigger", { key: '8576545a5f1408fe488c80ca5a0856650d3d5b49', slot: "nav-start", type: "link", name: "logout" }, h("smoothly-icon", { key: '1a9947b787c40e5d5b12c8477f1c4ffe393e0474', toolTip: "Log out", name: "log-out", size: "medium" })), h("smoothly-app-room", { key: '9653a86cd2f346ffc301960432f8eeaf690e0e70', path: "/root", label: "root" }, h("smoothly-theme-demo", { key: 'fd749cb147c01fb958ed096d077a029de1f26697' })), h("smoothly-app-room", { key: '727ba15cef2a69ab89c28f552d44990a6768dae6', path: "/links", label: "Links" }, h("smoothly-input", { key: '44b3a95f3ef5c88763f4615198361660756066c6', type: "text" }, "Default"), h("div", { key: 'ec9caa80e9960bcaa73944459f6f04bd5293c67d', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: '1763ca643449adf56a5709b716adb8f2a9af898c', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: '090a3ef85119ac1fd24e96971077d386e4b431eb', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), h("smoothly-button", { key: '075b6d63e37e741003b83a4ed5a0852f5bdb32ea', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '67a4e3426af4c0195af3958534ebe696e79d7f64', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '469b300005825ea47e9ff2b6dd1546c1f240d320', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: 'fa597eed63894a2b79230662218b4b4bb0a4123e', path: "/form", label: "Form" }, h("smoothly-form-demo", { key: 'c3c3fc18571c6c7749ebe336c101b3c6958c6ce5' })), h("smoothly-app-room", { key: 'e74f975d2821661b1252a8d39abce539474b91d6', path: "/input", label: "Input" }, h("smoothly-input-demo", { key: '2622b3979883e8b22ee24549e088235c4def37f7' })), h("smoothly-app-room", { key: '281e375aa7899aca4a72b1f28e5c35dba5afe47b', path: "/button", label: "Button" }, h("smoothly-button-demo", { key: '1aa500d67a2db7debedcd51a1dab5540b7e76839' })), h("smoothly-app-room", { key: '52cca01be8d244ba27a9a0de84a7e9f6b38de862', path: "/dialog", label: "Dialog" }, h("smoothly-dialog-demo", { key: '2ead6d7fdbccfac18eaca281324a022bb2476683' })), h("smoothly-app-room", { key: '1293f71f581304e67b7b23fd3ef7ea5b5358672a', path: "/display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", { key: '081a6770103ae7e31f862d2431932a23e3c44883' })), h("smoothly-app-room", { key: 'edf9fc7b7c778e319f7072a06604962e9a887d45', path: "/table", label: "Table" }, h("smoothly-table-demo", { key: 'd4fd3e790dbff9761b7900611870c4de8ba3463b' })), h("smoothly-app-room", { key: 'def6a10fe0cb4a2bb2c660a7a08d92f66bdefaf7', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: 'a612be377600630739c788f3e76978653b5750fd' })), h("smoothly-app-room", { key: '4b37f6e8cc32b66eed31354be28c8979e5a44872', path: "/icon", label: "Icon", content: h("smoothly-icon-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'fc40658c71e321e7cd65fc4c0583a2799809cca3', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'b4475ca298c2fb6598dd75c4a16a0bd47c234fa9', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: '402887f2f0c5477ce46105be52197f5073a2d5c6', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: 'cf2d2d8c4936eecc243cf121f5d40bd94d1006f6', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: 'e8354e2f81be7ec324ae734784022acdb02162cc', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '62411c9f8b6d9bb88ebef3fe531e912d2b27f97e', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: '6b7fe4565b60a0f76c36ade149536daca1eff5b0', path: "/hidden" }, h("p", { key: 'c87cebb277d5463d07165e3fb7b8068dc317735e' }, "hello world!")), h("smoothly-app-room", { key: '9a06e5a59ff5ff8db9b465826653f26f477ebdb2', path: "/redirect/nested" }, "this is a nested room")));
+        return (h("smoothly-app", { key: 'aa798117a543b094b87cd4f794e41c2c62eedcf5', color: "dark", label: "Smoothly Demo", home: "/root", ref: e => (this.app = e) }, h("smoothly-app-room", { key: '85bdb920a4cec5690305c57ef11b4b73f447c0bf', path: "/" }, h("section", { key: 'd47727e787b05a0d0967b8163c9c58d06fe51aae', style: { padding: "1em", maxWidth: "32em", margin: "0 auto" } }, h("header", { key: '03c54ddb20c1dcf03a60064cfedffa85ca0ced63' }, h("h1", { key: '99d367240e9e297cc1add3ef17025174f3c5c755' }, "Welcome")), h("p", { key: '9a40f185f369a48250800c705eb696a3bd26c8cc' }, "Smoothly is a component library written in ", h("a", { key: '89580a4c8ecc4c51db342447b1a38f99ad171234', href: "http://stenciljs.com" }, "Stencil"), ". It can therefore be used across web based frontend toolchains such as React, Vue, Angular, Svelte, and even plain HTML."), h("p", { key: 'b6fff912b28bb704fabd933b4f8bb20e732e05c7' }, "This is particularly useful when trying to unifying the user experience across projects written in different technology stacks. It is also written to minimize the amount of code you need to write to achieve a nice user experience."))), h("smoothly-app-room", { key: 'deac2fa2f54e269eee396c3d22edd4356ba46b27', path: "/form", label: "Forms", content: h("smoothly-form-demo", null) }), h("smoothly-app-room", { key: 'd126eddf7b846dc7867f76a1e79e8c0aea3dc104', path: "/input", label: "Inputs", content: h("smoothly-input-demo", null) }), h("smoothly-app-room", { key: '631bc052402b12971f763c9f67b5e765576af335', path: "/table", label: "Tables", content: h("smoothly-table-demo", null) }), h("smoothly-app-room", { key: '404c6baa19f137d8cf7e4ef1ea8b4d6b7acec7a5', path: "/button", label: "Buttons", content: h("smoothly-button-demo", null) }), h("smoothly-app-room", { key: 'ca2c1e442eb84bdd05144b47ebeaeec665921763', path: "/icon", label: "Icons", content: h("smoothly-icon-demo", null) }), h("smoothly-app-room", { key: '3ef2dfe590dcf35c374f66b01d7461c4bc5d3315', path: "/theme", label: "Theming", content: h("smoothly-theme-demo", null) }), h("smoothly-app-room", { key: '996329ff5578821430839a8329602557d8b35d07', path: "/dialog", label: "Dialogs", content: h("smoothly-dialog-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: '10c2ce61fade60508756db67a65cf875a67b8d31', path: "/display", label: "Display", content: h("smoothly-display-demo", null), slot: "nav-end" }), h("smoothly-app-room", { key: 'dae62864d7bf7d39bba3406696ac6cf3b557037a', path: "/tabs", label: "Tabs", slot: "nav-end" }, h("smoothly-tabs-demo", { key: 'e27a260608972b5433792874a20319707f63d892' })), h("smoothly-app-room", { key: '504d400a32ed9c9788e524d0fd45540f1cce847a', path: "/links", label: "Links", slot: "nav-end" }, h("smoothly-input", { key: 'e7ceaa22d7d81f3de43811b3fb5b3dc134f3e5bb', type: "text" }, "Default"), h("div", { key: 'bbdfd8ad120568fe607633fb588ecc67d591bf2d', style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { key: '1b5522a4fa3186436eb48f5a49142abdc69859fe', fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { key: '17ae745a6e90dd94dc51d5959e10b25d5273bee7', fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", type: "download" }, "download"), h("smoothly-button", { key: 'b127a29fd4e4ea738f436c64b52e682ddf8a84cc', fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: 'ed71219b2fb38b3016ff09dee36b0031c270e5a6', disabled: true, fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { key: '8fdff6cb0ed7981ff19a1fbd9ad81da0eda547d8', type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-app-room", { key: '8bb16ffa57c618efaaae0a2d21c32d09dbd65347', path: "/redirect", label: "Redirect", slot: "nav-end" }, h("smoothly-button", { key: 'c6815e44d4787c9ad54c30115f68f63d209454cd', type: "link", link: "/input" }, "To input"), h("smoothly-button", { key: 'a0faa90c3f06b94020e4c2c4ad74fe8b9523654c', type: "link", link: "../button" }, "To button"), h("smoothly-button", { key: 'f2f54a2efa26bfe2c586cc1770b2c4892d00224e', type: "link", link: new URL("/hidden", window.location.origin).href }, "To hidden"), h("smoothly-button", { key: '780dccc231035cdf42b814ff25ab54f14d155e49', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '53b5ea0d44d241691022ac0cb20bb2dacb9b4b11', type: "link", link: "nested" }, "To redirect nested, relative path")), h("smoothly-app-room", { key: '0ea49f1e50e0bbd1391e159cda3a0220cba3c4e3', path: "/hidden" }, h("p", { key: 'da7730eebeb034ef0e49bb72e257d55aa8c3d0d2' }, "hello world!")), h("smoothly-app-room", { key: '007d7288fdd999a8212da09f70ff8edfeb4e5ae8', path: "/redirect/nested" }, "this is a nested room")));
     }
 }, [0, "smoothly-app-demo", {
         "baseUrl": [1, "base-url"]

package/dist/components/smoothly-app-demo.js.map

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

package/dist/components/smoothly-app-room.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-33cdc807.js';
+import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-3b26fe6c.js';
 
 const SmoothlyAppRoom = SmoothlyAppRoom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-app.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyApp$1, d as defineCustomElement$1 } from './p-9bb1e20b.js';
+import { S as SmoothlyApp$1, d as defineCustomElement$1 } from './p-382b5857.js';
 
 const SmoothlyApp = SmoothlyApp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-back-to-top.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyBackToTop$1, d as defineCustomElement$1 } from './p-758edf83.js';
+import { S as SmoothlyBackToTop$1, d as defineCustomElement$1 } from './p-ec3b9004.js';
 
 const SmoothlyBackToTop = SmoothlyBackToTop$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-burger.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyBurger$1, d as defineCustomElement$1 } from './p-49deb5fc.js';
+import { S as SmoothlyBurger$1, d as defineCustomElement$1 } from './p-115371b7.js';
 
 const SmoothlyBurger = SmoothlyBurger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button-confirm.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-a4614623.js';
+import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-e5627b06.js';
 
 const SmoothlyButtonConfirm = SmoothlyButtonConfirm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-6140aafa.js';
+import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-e4b92c84.js';
 
 const SmoothlyButtonDemo = SmoothlyButtonDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButton$1, d as defineCustomElement$1 } from './p-0eacf5f4.js';
+import { S as SmoothlyButton$1, d as defineCustomElement$1 } from './p-c98922f4.js';
 
 const SmoothlyButton = SmoothlyButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar, d as defineCustomElement$1 } from './p-182310f5.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-a57e7345.js';
 
 const SmoothlyCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-checkbox.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { L as Language, g as getLanguage } from './p-cb504992.js';
-import { d as defineCustomElement$2 } from './p-e6eca6ea.js';
+import { d as defineCustomElement$2 } from './p-a09be6d8.js';
 
 function create$1(translations, language) {
     let result;
@@ -80,13 +80,13 @@ const SmoothlyCheckbox$1 = proxyCustomElement(class SmoothlyCheckbox extends H {
         this.smoothlyInput.emit({ [this.name]: undefined });
     }
     render() {
-        return (h(Host, { key: 'face01fc07b26eaf527a0f9d7559953354e34992' }, h("smoothly-icon", { key: 'b93038d3020b625e687c6da87a7e36f1e594c66f', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
+        return (h(Host, { key: '323988d0a6cc134bf5b7b81ff72781dd18d3f961' }, h("smoothly-icon", { key: 'b391cfbb2f85b7104f50bf7dbe4c65333d8ec2e1', toolTip: this.t(!this.checked ? "Select" : "De-select"), onClick: () => this.toggle(), size: this.size, name: this.unavailable
                 ? "close-outline"
                 : this.intermediate && !this.checked
                     ? "remove-outline"
                     : this.checked && !this.intermediate
                         ? "checkmark-outline"
-                        : "empty" }), h("label", { key: 'c503a44c24490a86019aef9cae8e7ae7ec84f7ff', htmlFor: this.name }, h("slot", { key: 'd7be72b4300bdb3ba32d327bc5e0cc302b45e4b2' })), h("div", { key: '84981ab79d0b95528abe9f66231bbfdaf859b994', class: "expansion" }, h("slot", { key: '5b54e125312338abb6cde3df313211e7aee45771', name: "expansion" }))));
+                        : "empty" }), h("label", { key: '66d4db27f21ba2fa6028e86f74f2fe1144173a1c', htmlFor: this.name }, h("slot", { key: '770aa4d341f3c8eab9c30c425f5d4238486514bb' })), h("div", { key: '5ca14b89e54eaf8d9cf71eaaf4044de455465e7c', class: "expansion" }, h("slot", { key: '0bd41245edcfb83a91cdec2d008663f7c18d750d', name: "expansion" }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/smoothly-color.js

@@ -10,7 +10,7 @@ const SmoothlyColor$1 = proxyCustomElement(class SmoothlyColor extends H {
         this.color = undefined;
     }
     render() {
-        return h("slot", { key: '4577e626b5c5b43ac2c3b5af750ae8158519f936' });
+        return h("slot", { key: 'e22958a82e15edad2bdaeaec98bfce4282f78094' });
     }
     static get style() { return SmoothlyColorStyle0; }
 }, [6, "smoothly-color", {

package/dist/components/smoothly-country.js

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

package/dist/components/smoothly-dialog-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-f4c50262.js';
+import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-627c3fc7.js';
 
 const SmoothlyDialogDemo = SmoothlyDialogDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-dialog.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialog$1, d as defineCustomElement$1 } from './p-ec207ccc.js';
+import { S as SmoothlyDialog$1, d as defineCustomElement$1 } from './p-d0953a9e.js';
 
 const SmoothlyDialog = SmoothlyDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-demo-json.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayDemoJson$1, d as defineCustomElement$1 } from './p-b8107946.js';
+import { S as SmoothlyDisplayDemoJson$1, d as defineCustomElement$1 } from './p-565f1d48.js';
 
 const SmoothlyDisplayDemoJson = SmoothlyDisplayDemoJson$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-42fba537.js';
+import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-97b63ea3.js';
 
 const SmoothlyDisplayDemo = SmoothlyDisplayDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-json-object.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayJsonObject$1, d as defineCustomElement$1 } from './p-51cb1946.js';
+import { S as SmoothlyDisplayJsonObject$1, d as defineCustomElement$1 } from './p-d3c8be66.js';
 
 const SmoothlyDisplayJsonObject = SmoothlyDisplayJsonObject$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-json-primitive.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayJsonPrimitive$1, d as defineCustomElement$1 } from './p-21601376.js';
+import { S as SmoothlyDisplayJsonPrimitive$1, d as defineCustomElement$1 } from './p-5bf78c75.js';
 
 const SmoothlyDisplayJsonPrimitive = SmoothlyDisplayJsonPrimitive$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-json-record-key.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayJsonRecordKey$1, d as defineCustomElement$1 } from './p-d9989605.js';
+import { S as SmoothlyDisplayJsonRecordKey$1, d as defineCustomElement$1 } from './p-d8bd7cc0.js';
 
 const SmoothlyDisplayJsonRecordKey = SmoothlyDisplayJsonRecordKey$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-json.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayJson$1, d as defineCustomElement$1 } from './p-ff99dcde.js';
+import { S as SmoothlyDisplayJson$1, d as defineCustomElement$1 } from './p-b235b5aa.js';
 
 const SmoothlyDisplayJson = SmoothlyDisplayJson$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplay$1, d as defineCustomElement$1 } from './p-11cc925c.js';
+import { S as SmoothlyDisplay$1, d as defineCustomElement$1 } from './p-065cbcf5.js';
 
 const SmoothlyDisplay = SmoothlyDisplay$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-field.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterField$1, d as defineCustomElement$1 } from './p-940e5b8e.js';
+import { S as SmoothlyFilterField$1, d as defineCustomElement$1 } from './p-1eab7079.js';
 
 const SmoothlyFilterField = SmoothlyFilterField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-input.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterInput$1, d as defineCustomElement$1 } from './p-065742a9.js';
+import { S as SmoothlyFilterInput$1, d as defineCustomElement$1 } from './p-68c91da3.js';
 
 const SmoothlyFilterInput = SmoothlyFilterInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-select.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterSelect$1, d as defineCustomElement$1 } from './p-6ce1475e.js';
+import { S as SmoothlyFilterSelect$1, d as defineCustomElement$1 } from './p-a50f622f.js';
 
 const SmoothlyFilterSelect = SmoothlyFilterSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-toggle.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterToggle$1, d as defineCustomElement$1 } from './p-d0935bef.js';
+import { S as SmoothlyFilterToggle$1, d as defineCustomElement$1 } from './p-28dac8ac.js';
 
 const SmoothlyFilterToggle = SmoothlyFilterToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilter$1, d as defineCustomElement$1 } from './p-8309d8d7.js';
+import { S as SmoothlyFilter$1, d as defineCustomElement$1 } from './p-8dedb4ea.js';
 
 const SmoothlyFilter = SmoothlyFilter$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-all.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-f5758759.js';
+import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-bbc6eae6.js';
 
 const SmoothlyFormDemoAll = SmoothlyFormDemoAll$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-card.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-f3e69915.js';
+import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-d693d5de.js';
 
 const SmoothlyFormDemoCard = SmoothlyFormDemoCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-controlled.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-4d18f37f.js';
+import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-35d30b5f.js';
 
 const SmoothlyFormDemoControlled = SmoothlyFormDemoControlled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-date-range.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-8677ee6e.js';
+import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-c5f249a3.js';
 
 const SmoothlyFormDemoDateRange = SmoothlyFormDemoDateRange$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-date.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-559c35a3.js';
+import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-c31cce0c.js';
 
 const SmoothlyFormDemoDate = SmoothlyFormDemoDate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-login.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-aac94573.js';
+import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-dd3b21a0.js';
 
 const SmoothlyFormDemoLogin = SmoothlyFormDemoLogin$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-pet.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-d20010f3.js';
+import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-840a2e6c.js';
 
 const SmoothlyFormDemoPet = SmoothlyFormDemoPet$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-prices.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-d209231e.js';
+import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-347162c4.js';
 
 const SmoothlyFormDemoPrices = SmoothlyFormDemoPrices$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-schedule.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPrices, d as defineCustomElement$1 } from './p-33f636a1.js';
+import { S as SmoothlyFormDemoPrices, d as defineCustomElement$1 } from './p-3f7a437a.js';
 
 const SmoothlyFormDemoSchedule = SmoothlyFormDemoPrices;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-transparent.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-a9bd3ecf.js';
+import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-a966d505.js';
 
 const SmoothlyFormDemoTransparent = SmoothlyFormDemoTransparent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-typed.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-7995e164.js';
+import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-8c0ab6b7.js';
 
 const SmoothlyFormDemoTyped = SmoothlyFormDemoTyped$1;
 const defineCustomElement = defineCustomElement$1;