smoothly 1.102.0 → 1.103.0

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

@@ -1,106 +1,107 @@
 import { p as proxyCustomElement, H, h } from './p-f765921a.js';
-import { d as defineCustomElement$1D } from './p-71fa6386.js';
-import { d as defineCustomElement$1C } from './p-211c0f22.js';
-import { d as defineCustomElement$1B } from './p-b7fe2252.js';
-import { d as defineCustomElement$1A } from './p-378e6dda.js';
-import { d as defineCustomElement$1z } from './p-76531b32.js';
-import { d as defineCustomElement$1y } from './p-2826e824.js';
-import { d as defineCustomElement$1x } from './p-6aaf93a3.js';
-import { d as defineCustomElement$1w } from './p-14e31e4a.js';
-import { d as defineCustomElement$1v } from './p-30f4e440.js';
-import { d as defineCustomElement$1u } from './p-00165343.js';
-import { d as defineCustomElement$1t } from './p-753658b4.js';
-import { d as defineCustomElement$1s } from './p-3abf736a.js';
-import { d as defineCustomElement$1r } from './p-9e2ee779.js';
-import { d as defineCustomElement$1q } from './p-0e242fdd.js';
-import { d as defineCustomElement$1p } from './p-77152963.js';
-import { d as defineCustomElement$1o } from './p-4e754f3b.js';
-import { d as defineCustomElement$1n } from './p-f893b6cc.js';
-import { d as defineCustomElement$1m } from './p-ccbdacc9.js';
-import { d as defineCustomElement$1l } from './p-3aed2b34.js';
-import { d as defineCustomElement$1k } from './p-50304fc1.js';
-import { d as defineCustomElement$1j } from './p-7550fc08.js';
-import { d as defineCustomElement$1i } from './p-5bc54b34.js';
-import { d as defineCustomElement$1h } from './p-064f3907.js';
-import { d as defineCustomElement$1g } from './p-be9012d1.js';
-import { d as defineCustomElement$1f } from './p-19d93e64.js';
-import { d as defineCustomElement$1e } from './p-c9126eb3.js';
-import { d as defineCustomElement$1d } from './p-e9905fbc.js';
-import { d as defineCustomElement$1c } from './p-140b6f3c.js';
-import { d as defineCustomElement$1b } from './p-e3486f48.js';
-import { d as defineCustomElement$1a } from './p-c4637f18.js';
-import { d as defineCustomElement$19 } from './p-b494ebd3.js';
-import { d as defineCustomElement$18 } from './p-9bcdd1ec.js';
-import { d as defineCustomElement$17 } from './p-4a5c24c0.js';
-import { d as defineCustomElement$16 } from './p-55806dd1.js';
-import { d as defineCustomElement$15 } from './p-7b6467fd.js';
-import { d as defineCustomElement$14 } from './p-c259b478.js';
-import { d as defineCustomElement$13 } from './p-a8f5826f.js';
-import { d as defineCustomElement$12 } from './p-d8e3f8c5.js';
-import { d as defineCustomElement$11 } from './p-604f869e.js';
-import { d as defineCustomElement$10 } from './p-fdf5432e.js';
-import { d as defineCustomElement$$ } from './p-e48ad105.js';
-import { d as defineCustomElement$_ } from './p-90cf2f0e.js';
-import { d as defineCustomElement$Z } from './p-2ef8a833.js';
-import { d as defineCustomElement$Y } from './p-aff94100.js';
-import { d as defineCustomElement$X } from './p-e32d9cd5.js';
-import { d as defineCustomElement$W } from './p-12f62e4d.js';
-import { d as defineCustomElement$V } from './p-93141817.js';
-import { d as defineCustomElement$U } from './p-581d3377.js';
-import { d as defineCustomElement$T } from './p-96fff9ba.js';
-import { d as defineCustomElement$S } from './p-7c487e25.js';
-import { d as defineCustomElement$R } from './p-4dcf5fac.js';
-import { d as defineCustomElement$Q } from './p-d4f3568a.js';
-import { d as defineCustomElement$P } from './p-e7dcaec1.js';
-import { d as defineCustomElement$O } from './p-2d754996.js';
-import { d as defineCustomElement$N } from './p-c172bb64.js';
-import { d as defineCustomElement$M } from './p-b25fbf6e.js';
-import { d as defineCustomElement$L } from './p-6d1e5f27.js';
-import { d as defineCustomElement$K } from './p-fb97b2ff.js';
-import { d as defineCustomElement$J } from './p-ec815cfd.js';
-import { d as defineCustomElement$I } from './p-02c38067.js';
-import { d as defineCustomElement$H } from './p-5cd257ad.js';
-import { d as defineCustomElement$G } from './p-4441247b.js';
-import { d as defineCustomElement$F } from './p-0b3f1a79.js';
-import { d as defineCustomElement$E } from './p-1e46b981.js';
-import { d as defineCustomElement$D } from './p-d422d58c.js';
-import { d as defineCustomElement$C } from './p-7a9728b2.js';
-import { d as defineCustomElement$B } from './p-37732412.js';
-import { d as defineCustomElement$A } from './p-dea4659e.js';
-import { d as defineCustomElement$z } from './p-4f0ce21b.js';
-import { d as defineCustomElement$y } from './p-97e22dc3.js';
-import { d as defineCustomElement$x } from './p-3a1a67e7.js';
-import { d as defineCustomElement$w } from './p-04b312ca.js';
-import { d as defineCustomElement$v } from './p-d8c97dde.js';
-import { d as defineCustomElement$u } from './p-346ba422.js';
-import { d as defineCustomElement$t } from './p-35bfb804.js';
-import { d as defineCustomElement$s } from './p-5d4481e5.js';
-import { d as defineCustomElement$r } from './p-f55ddc88.js';
-import { d as defineCustomElement$q } from './p-f2f0d309.js';
-import { d as defineCustomElement$p } from './p-658906f0.js';
-import { d as defineCustomElement$o } from './p-a3c25ce5.js';
-import { d as defineCustomElement$n } from './p-c2fb9b51.js';
-import { d as defineCustomElement$m } from './p-e04a506b.js';
-import { d as defineCustomElement$l } from './p-31603adf.js';
-import { d as defineCustomElement$k } from './p-4d3d5d0b.js';
-import { d as defineCustomElement$j } from './p-40d2000b.js';
-import { d as defineCustomElement$i } from './p-2779565d.js';
-import { d as defineCustomElement$h } from './p-6008d530.js';
-import { d as defineCustomElement$g } from './p-76cc6651.js';
-import { d as defineCustomElement$f } from './p-4051f859.js';
-import { d as defineCustomElement$e } from './p-3fa2299b.js';
-import { d as defineCustomElement$d } from './p-a2a5e7f4.js';
+import { d as defineCustomElement$1E } from './p-c26e4c8e.js';
+import { d as defineCustomElement$1D } from './p-e779a545.js';
+import { d as defineCustomElement$1C } from './p-b7fe2252.js';
+import { d as defineCustomElement$1B } from './p-378e6dda.js';
+import { d as defineCustomElement$1A } from './p-76531b32.js';
+import { d as defineCustomElement$1z } from './p-2826e824.js';
+import { d as defineCustomElement$1y } from './p-b2be4c15.js';
+import { d as defineCustomElement$1x } from './p-6bda7e35.js';
+import { d as defineCustomElement$1w } from './p-5eafd1ac.js';
+import { d as defineCustomElement$1v } from './p-00165343.js';
+import { d as defineCustomElement$1u } from './p-b4919dec.js';
+import { d as defineCustomElement$1t } from './p-b5752ca0.js';
+import { d as defineCustomElement$1s } from './p-9e2ee779.js';
+import { d as defineCustomElement$1r } from './p-974b3a13.js';
+import { d as defineCustomElement$1q } from './p-77152963.js';
+import { d as defineCustomElement$1p } from './p-4e754f3b.js';
+import { d as defineCustomElement$1o } from './p-f893b6cc.js';
+import { d as defineCustomElement$1n } from './p-ccbdacc9.js';
+import { d as defineCustomElement$1m } from './p-3aed2b34.js';
+import { d as defineCustomElement$1l } from './p-2974c59f.js';
+import { d as defineCustomElement$1k } from './p-c669761d.js';
+import { d as defineCustomElement$1j } from './p-50d6a16d.js';
+import { d as defineCustomElement$1i } from './p-f5bbd838.js';
+import { d as defineCustomElement$1h } from './p-be9012d1.js';
+import { d as defineCustomElement$1g } from './p-c9caeeb4.js';
+import { d as defineCustomElement$1f } from './p-83676034.js';
+import { d as defineCustomElement$1e } from './p-a66e99e6.js';
+import { d as defineCustomElement$1d } from './p-612f2051.js';
+import { d as defineCustomElement$1c } from './p-08c44bae.js';
+import { d as defineCustomElement$1b } from './p-aac4d78f.js';
+import { d as defineCustomElement$1a } from './p-aac05986.js';
+import { d as defineCustomElement$19 } from './p-e72aaf1f.js';
+import { d as defineCustomElement$18 } from './p-760a7e6a.js';
+import { d as defineCustomElement$17 } from './p-4faf0679.js';
+import { d as defineCustomElement$16 } from './p-684de2fd.js';
+import { d as defineCustomElement$15 } from './p-fd1366e6.js';
+import { d as defineCustomElement$14 } from './p-3d846c0d.js';
+import { d as defineCustomElement$13 } from './p-d8e3f8c5.js';
+import { d as defineCustomElement$12 } from './p-604f869e.js';
+import { d as defineCustomElement$11 } from './p-aee7c7ad.js';
+import { d as defineCustomElement$10 } from './p-75916f5e.js';
+import { d as defineCustomElement$$ } from './p-9ad494c1.js';
+import { d as defineCustomElement$_ } from './p-fd230d2b.js';
+import { d as defineCustomElement$Z } from './p-f0fc48a4.js';
+import { d as defineCustomElement$Y } from './p-eada567a.js';
+import { d as defineCustomElement$X } from './p-4da1c188.js';
+import { d as defineCustomElement$W } from './p-ccb418c1.js';
+import { d as defineCustomElement$V } from './p-ad918487.js';
+import { d as defineCustomElement$U } from './p-8f9e26ce.js';
+import { d as defineCustomElement$T } from './p-bd4239d1.js';
+import { d as defineCustomElement$S } from './p-dccf0678.js';
+import { d as defineCustomElement$R } from './p-61a80c6e.js';
+import { d as defineCustomElement$Q } from './p-ed3f781f.js';
+import { d as defineCustomElement$P } from './p-795bda50.js';
+import { d as defineCustomElement$O } from './p-018f3b07.js';
+import { d as defineCustomElement$N } from './p-b34956f3.js';
+import { d as defineCustomElement$M } from './p-36137940.js';
+import { d as defineCustomElement$L } from './p-ce52b5f8.js';
+import { d as defineCustomElement$K } from './p-c4674baf.js';
+import { d as defineCustomElement$J } from './p-cb02f661.js';
+import { d as defineCustomElement$I } from './p-9aeab5df.js';
+import { d as defineCustomElement$H } from './p-4ee29da5.js';
+import { d as defineCustomElement$G } from './p-efb6497e.js';
+import { d as defineCustomElement$F } from './p-a76a4d76.js';
+import { d as defineCustomElement$E } from './p-33c30e05.js';
+import { d as defineCustomElement$D } from './p-5ac20ff9.js';
+import { d as defineCustomElement$C } from './p-239cce56.js';
+import { d as defineCustomElement$B } from './p-70b61978.js';
+import { d as defineCustomElement$A } from './p-c3625434.js';
+import { d as defineCustomElement$z } from './p-b52a6734.js';
+import { d as defineCustomElement$y } from './p-e44568a9.js';
+import { d as defineCustomElement$x } from './p-723edf05.js';
+import { d as defineCustomElement$w } from './p-f4a54d1b.js';
+import { d as defineCustomElement$v } from './p-84ba0025.js';
+import { d as defineCustomElement$u } from './p-5c9332bf.js';
+import { d as defineCustomElement$t } from './p-3f2e92e9.js';
+import { d as defineCustomElement$s } from './p-08527022.js';
+import { d as defineCustomElement$r } from './p-08a3d487.js';
+import { d as defineCustomElement$q } from './p-2d648420.js';
+import { d as defineCustomElement$p } from './p-44a8837c.js';
+import { d as defineCustomElement$o } from './p-4e8a6a86.js';
+import { d as defineCustomElement$n } from './p-52626573.js';
+import { d as defineCustomElement$m } from './p-adb5afee.js';
+import { d as defineCustomElement$l } from './p-527dedc1.js';
+import { d as defineCustomElement$k } from './p-237af64d.js';
+import { d as defineCustomElement$j } from './p-85ed9f7d.js';
+import { d as defineCustomElement$i } from './p-b80060f3.js';
+import { d as defineCustomElement$h } from './p-ea295759.js';
+import { d as defineCustomElement$g } from './p-6ea452d9.js';
+import { d as defineCustomElement$f } from './p-234932d2.js';
+import { d as defineCustomElement$e } from './p-c37e4491.js';
+import { d as defineCustomElement$d } from './p-4cb94746.js';
 import { d as defineCustomElement$c } from './p-f62fe4be.js';
-import { d as defineCustomElement$b } from './p-1062aeb9.js';
-import { d as defineCustomElement$a } from './p-a4614780.js';
+import { d as defineCustomElement$b } from './p-29b5ead7.js';
+import { d as defineCustomElement$a } from './p-bb65b34c.js';
 import { d as defineCustomElement$9 } from './p-fc152e9f.js';
-import { d as defineCustomElement$8 } from './p-6a11096b.js';
-import { d as defineCustomElement$7 } from './p-6e8454e3.js';
-import { d as defineCustomElement$6 } from './p-9ffa8501.js';
-import { d as defineCustomElement$5 } from './p-1904abe1.js';
-import { d as defineCustomElement$4 } from './p-bb94849f.js';
-import { d as defineCustomElement$3 } from './p-003a635b.js';
-import { d as defineCustomElement$2 } from './p-6f96e7ef.js';
+import { d as defineCustomElement$8 } from './p-f1b7920d.js';
+import { d as defineCustomElement$7 } from './p-f7d8bf2d.js';
+import { d as defineCustomElement$6 } from './p-60b2b2bb.js';
+import { d as defineCustomElement$5 } from './p-1e5c4418.js';
+import { d as defineCustomElement$4 } from './p-ac63635b.js';
+import { d as defineCustomElement$3 } from './p-4c5965cd.js';
+import { d as defineCustomElement$2 } from './p-ef0cb600.js';
 
 const SmoothlyAppDemo$1 = proxyCustomElement(class SmoothlyAppDemo extends H {
     constructor() {
@@ -121,7 +122,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["smoothly-app-demo", "smoothly-app", "smoothly-app-room", "smoothly-back-to-top", "smoothly-burger", "smoothly-button", "smoothly-button-confirm", "smoothly-button-demo", "smoothly-button-demo-standard", "smoothly-calendar", "smoothly-date-text", "smoothly-dialog", "smoothly-dialog-demo", "smoothly-display", "smoothly-display-demo", "smoothly-display-demo-json", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-filter", "smoothly-filter-field", "smoothly-filter-input", "smoothly-filter-select", "smoothly-filter-toggle", "smoothly-form", "smoothly-form-demo", "smoothly-form-demo-all", "smoothly-form-demo-card", "smoothly-form-demo-controlled", "smoothly-form-demo-date", "smoothly-form-demo-date-range", "smoothly-form-demo-login", "smoothly-form-demo-pet", "smoothly-form-demo-prices", "smoothly-form-demo-schedule", "smoothly-form-demo-transparent", "smoothly-form-demo-typed", "smoothly-frame", "smoothly-icon", "smoothly-icon-demo", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-demo", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo", "smoothly-input-demo-standard", "smoothly-input-demo-user-input", "smoothly-input-edit", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-label", "smoothly-lazy", "smoothly-load-more", "smoothly-modal", "smoothly-notification", "smoothly-notifier", "smoothly-spinner", "smoothly-summary", "smoothly-tab", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-demo", "smoothly-table-demo-colspan", "smoothly-table-demo-filler-row", "smoothly-table-demo-filtered", "smoothly-table-demo-group", "smoothly-table-demo-nested-no-cell", "smoothly-table-demo-nested-no-cell-inner", "smoothly-table-demo-simple", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-filler-row", "smoothly-table-foot", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group", "smoothly-tabs", "smoothly-tabs-demo", "smoothly-theme-color", "smoothly-theme-color-variant", "smoothly-theme-colors", "smoothly-theme-demo", "smoothly-theme-guide", "smoothly-theme-picker", "smoothly-toggle-switch", "smoothly-toggle-switch-demo", "smoothly-trigger"];
+    const components = ["smoothly-app-demo", "smoothly-app", "smoothly-app-room", "smoothly-back-to-top", "smoothly-burger", "smoothly-button", "smoothly-button-confirm", "smoothly-button-demo", "smoothly-button-demo-standard", "smoothly-calendar", "smoothly-date-text", "smoothly-dialog", "smoothly-dialog-demo", "smoothly-display", "smoothly-display-demo", "smoothly-display-demo-json", "smoothly-display-json", "smoothly-display-json-object", "smoothly-display-json-primitive", "smoothly-display-json-record-key", "smoothly-filter", "smoothly-filter-field", "smoothly-filter-input", "smoothly-filter-select", "smoothly-filter-toggle", "smoothly-form", "smoothly-form-demo", "smoothly-form-demo-all", "smoothly-form-demo-card", "smoothly-form-demo-controlled", "smoothly-form-demo-date", "smoothly-form-demo-date-range", "smoothly-form-demo-login", "smoothly-form-demo-pet", "smoothly-form-demo-prices", "smoothly-form-demo-schedule", "smoothly-form-demo-transparent", "smoothly-form-demo-typed", "smoothly-frame", "smoothly-icon", "smoothly-icon-demo", "smoothly-input", "smoothly-input-checkbox", "smoothly-input-clear", "smoothly-input-color", "smoothly-input-color-demo", "smoothly-input-date", "smoothly-input-date-demo", "smoothly-input-date-range", "smoothly-input-date-time", "smoothly-input-demo", "smoothly-input-demo-radio", "smoothly-input-demo-standard", "smoothly-input-demo-user-input", "smoothly-input-edit", "smoothly-input-file", "smoothly-input-month", "smoothly-input-price-demo", "smoothly-input-radio", "smoothly-input-radio-item", "smoothly-input-range", "smoothly-input-range-demo", "smoothly-input-reset", "smoothly-input-select", "smoothly-input-submit", "smoothly-item", "smoothly-label", "smoothly-lazy", "smoothly-load-more", "smoothly-modal", "smoothly-notification", "smoothly-notifier", "smoothly-spinner", "smoothly-summary", "smoothly-tab", "smoothly-table", "smoothly-table-body", "smoothly-table-cell", "smoothly-table-demo", "smoothly-table-demo-colspan", "smoothly-table-demo-filler-row", "smoothly-table-demo-filtered", "smoothly-table-demo-group", "smoothly-table-demo-nested-no-cell", "smoothly-table-demo-nested-no-cell-inner", "smoothly-table-demo-simple", "smoothly-table-expandable-cell", "smoothly-table-expandable-row", "smoothly-table-filler-row", "smoothly-table-foot", "smoothly-table-head", "smoothly-table-row", "smoothly-table-row-group", "smoothly-tabs", "smoothly-tabs-demo", "smoothly-theme-color", "smoothly-theme-color-variant", "smoothly-theme-colors", "smoothly-theme-demo", "smoothly-theme-guide", "smoothly-theme-picker", "smoothly-toggle-switch", "smoothly-toggle-switch-demo", "smoothly-trigger"];
     components.forEach(tagName => { switch (tagName) {
         case "smoothly-app-demo":
             if (!customElements.get(tagName)) {
@@ -130,250 +131,255 @@ function defineCustomElement$1() {
             break;
         case "smoothly-app":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1D();
+                defineCustomElement$1E();
             }
             break;
         case "smoothly-app-room":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1C();
+                defineCustomElement$1D();
             }
             break;
         case "smoothly-back-to-top":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1B();
+                defineCustomElement$1C();
             }
             break;
         case "smoothly-burger":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1A();
+                defineCustomElement$1B();
             }
             break;
         case "smoothly-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1z();
+                defineCustomElement$1A();
             }
             break;
         case "smoothly-button-confirm":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1y();
+                defineCustomElement$1z();
             }
             break;
         case "smoothly-button-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1x();
+                defineCustomElement$1y();
             }
             break;
         case "smoothly-button-demo-standard":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1w();
+                defineCustomElement$1x();
             }
             break;
         case "smoothly-calendar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1v();
+                defineCustomElement$1w();
             }
             break;
         case "smoothly-date-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1u();
+                defineCustomElement$1v();
             }
             break;
         case "smoothly-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1t();
+                defineCustomElement$1u();
             }
             break;
         case "smoothly-dialog-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1s();
+                defineCustomElement$1t();
             }
             break;
         case "smoothly-display":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1r();
+                defineCustomElement$1s();
             }
             break;
         case "smoothly-display-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1q();
+                defineCustomElement$1r();
             }
             break;
         case "smoothly-display-demo-json":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1p();
+                defineCustomElement$1q();
             }
             break;
         case "smoothly-display-json":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1o();
+                defineCustomElement$1p();
             }
             break;
         case "smoothly-display-json-object":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1n();
+                defineCustomElement$1o();
             }
             break;
         case "smoothly-display-json-primitive":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1m();
+                defineCustomElement$1n();
             }
             break;
         case "smoothly-display-json-record-key":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1l();
+                defineCustomElement$1m();
             }
             break;
         case "smoothly-filter":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1k();
+                defineCustomElement$1l();
             }
             break;
         case "smoothly-filter-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1j();
+                defineCustomElement$1k();
             }
             break;
         case "smoothly-filter-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1i();
+                defineCustomElement$1j();
             }
             break;
         case "smoothly-filter-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1h();
+                defineCustomElement$1i();
             }
             break;
         case "smoothly-filter-toggle":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1g();
+                defineCustomElement$1h();
             }
             break;
         case "smoothly-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1f();
+                defineCustomElement$1g();
             }
             break;
         case "smoothly-form-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1e();
+                defineCustomElement$1f();
             }
             break;
         case "smoothly-form-demo-all":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1d();
+                defineCustomElement$1e();
             }
             break;
         case "smoothly-form-demo-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1c();
+                defineCustomElement$1d();
             }
             break;
         case "smoothly-form-demo-controlled":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1b();
+                defineCustomElement$1c();
             }
             break;
         case "smoothly-form-demo-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1a();
+                defineCustomElement$1b();
             }
             break;
         case "smoothly-form-demo-date-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$19();
+                defineCustomElement$1a();
             }
             break;
         case "smoothly-form-demo-login":
             if (!customElements.get(tagName)) {
-                defineCustomElement$18();
+                defineCustomElement$19();
             }
             break;
         case "smoothly-form-demo-pet":
             if (!customElements.get(tagName)) {
-                defineCustomElement$17();
+                defineCustomElement$18();
             }
             break;
         case "smoothly-form-demo-prices":
             if (!customElements.get(tagName)) {
-                defineCustomElement$16();
+                defineCustomElement$17();
             }
             break;
         case "smoothly-form-demo-schedule":
             if (!customElements.get(tagName)) {
-                defineCustomElement$15();
+                defineCustomElement$16();
             }
             break;
         case "smoothly-form-demo-transparent":
             if (!customElements.get(tagName)) {
-                defineCustomElement$14();
+                defineCustomElement$15();
             }
             break;
         case "smoothly-form-demo-typed":
             if (!customElements.get(tagName)) {
-                defineCustomElement$13();
+                defineCustomElement$14();
             }
             break;
         case "smoothly-frame":
             if (!customElements.get(tagName)) {
-                defineCustomElement$12();
+                defineCustomElement$13();
             }
             break;
         case "smoothly-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$11();
+                defineCustomElement$12();
             }
             break;
         case "smoothly-icon-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$10();
+                defineCustomElement$11();
             }
             break;
         case "smoothly-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$$();
+                defineCustomElement$10();
             }
             break;
         case "smoothly-input-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$_();
+                defineCustomElement$$();
             }
             break;
         case "smoothly-input-clear":
             if (!customElements.get(tagName)) {
-                defineCustomElement$Z();
+                defineCustomElement$_();
             }
             break;
         case "smoothly-input-color":
             if (!customElements.get(tagName)) {
-                defineCustomElement$Y();
+                defineCustomElement$Z();
             }
             break;
         case "smoothly-input-color-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$X();
+                defineCustomElement$Y();
             }
             break;
         case "smoothly-input-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$W();
+                defineCustomElement$X();
             }
             break;
         case "smoothly-input-date-demo":
             if (!customElements.get(tagName)) {
-                defineCustomElement$V();
+                defineCustomElement$W();
             }
             break;
         case "smoothly-input-date-range":
             if (!customElements.get(tagName)) {
-                defineCustomElement$U();
+                defineCustomElement$V();
             }
             break;
         case "smoothly-input-date-time":
             if (!customElements.get(tagName)) {
-                defineCustomElement$T();
+                defineCustomElement$U();
             }
             break;
         case "smoothly-input-demo":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$T();
+            }
+            break;
+        case "smoothly-input-demo-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$S();
             }

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

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-211c0f22.js';
+import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-e779a545.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-71fa6386.js';
+import { S as SmoothlyApp$1, d as defineCustomElement$1 } from './p-c26e4c8e.js';
 
 const SmoothlyApp = SmoothlyApp$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonDemoStandard$1, d as defineCustomElement$1 } from './p-14e31e4a.js';
+import { S as SmoothlyButtonDemoStandard$1, d as defineCustomElement$1 } from './p-6bda7e35.js';
 
 const SmoothlyButtonDemoStandard = SmoothlyButtonDemoStandard$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-6aaf93a3.js';
+import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-b2be4c15.js';
 
 const SmoothlyButtonDemo = SmoothlyButtonDemo$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-30f4e440.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-5eafd1ac.js';
 
 const SmoothlyCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-3abf736a.js';
+import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-b5752ca0.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-753658b4.js';
+import { S as SmoothlyDialog$1, d as defineCustomElement$1 } from './p-b4919dec.js';
 
 const SmoothlyDialog = SmoothlyDialog$1;
 const defineCustomElement = defineCustomElement$1;