smoothly 1.3.0 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5C,MAAM,OAAO,gBAAgB;IAC5B,MAAM;QACL,OAAO,CACN;YACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB;YACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC;YAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,CAChB,CAAA;IACF,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-tabs>\n\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\tHello world!\n\t\t\t\t</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t</smoothly-tabs>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs/demo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOzD,MAAM,OAAO,gBAAgB;;;;IAG5B,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,sEAAe,IAAI,EAAC,UAAU;gBAC7B,qEAAc,KAAK,EAAC,YAAY,EAAC,IAAI;oBACpC,4FAAyC;;oBAAsC,sEAAiB;;oBAAI,GAAG;oBACvG,8EAAuB;;oBACtB,CAAC,IAAI,CAAC,QAAQ,IAAI,CAClB;wBACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,6BAEpD,CACb,CACN,CACa;gBACd,IAAI,CAAC,QAAQ,IAAI,CACjB,qEAAc,KAAK,EAAC,WAAW,sEAEhB,CACf,CACc;YAEhB;gBACC,qEAAc,KAAK,EAAC,OAAO,EAAC,IAAI,yBAEjB;gBACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC;gBAClE,qEAAc,KAAK,EAAC,OAAO,oCAA6C,CACzD,CACV,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, State } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabsDemo {\n\t@State() extraTab: boolean\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-tabs tabs=\"multiple\">\n\t\t\t\t\t<smoothly-tab label=\"Single Tab\" open>\n\t\t\t\t\t\t<strong>Single Tab content here.</strong> If only one tab is available setting <code>tabs</code> to{\" \"}\n\t\t\t\t\t\t<code>\"multiple\"</code> will hide the tab navigation and display the single tab's content directly.\n\t\t\t\t\t\t{!this.extraTab && (\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab = true)}>\n\t\t\t\t\t\t\t\t\tClick to add extra tab\n\t\t\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t{this.extraTab && (\n\t\t\t\t\t\t<smoothly-tab label=\"Extra tab\">\n\t\t\t\t\t\t\tWhen there are more then one tab, the tab navigation will show.\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t)}\n\t\t\t\t</smoothly-tabs>\n\n\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t<smoothly-tab label=\"test1\" open>\n\t\t\t\t\t\tHello world!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test2\">this is a test message!</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test3\">this is a test message again!</smoothly-tab>\n\t\t\t\t</smoothly-tabs>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/tabs/demo/style.css

@@ -8,4 +8,11 @@
 	margin: auto;
 	max-width: 1200px;
 	width: 100%;
+	margin-block: 5rem;
+}
+:host code {
+	color: rgb(var(--smoothly-medium-contrast));
+	background-color: rgb(var(--smoothly-medium-color));
+	padding-inline: 0.25rem;
+	border-radius: 0.25rem;
 }

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

@@ -1,12 +1,13 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTabs {
     constructor() {
-        this.tabs = [];
+        this.tabs = "always";
+        this.tabElements = [];
         this.selectedElement = undefined;
     }
     onInputLoad(event) {
-        if (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {
-            this.tabs = [...this.tabs, event.target];
+        if (event.target instanceof HTMLElement && !this.tabElements.includes(event.target)) {
+            this.tabElements = [...this.tabElements, event.target];
         }
     }
     openChanged(event) {
@@ -21,7 +22,7 @@ export class SmoothlyTabs {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '7f399c7f2999ecbdaf3d708421dda99c024db548', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '141e4076e5e690de80c84bb8498e0c706fbdf938' })));
+        return (h(Host, { key: '3e2a5060c408fedf1e4a02d2ee64a12b361892ca', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, h("slot", { key: 'bac26ec71ef6b24e54f527aa37ee1bf7fbf48567' })));
     }
     static get is() { return "smoothly-tabs"; }
     static get encapsulation() { return "scoped"; }
@@ -35,9 +36,31 @@ export class SmoothlyTabs {
             "$": ["style.css"]
         };
     }
+    static get properties() {
+        return {
+            "tabs": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"always\" | \"multiple\"",
+                    "resolved": "\"always\" | \"multiple\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "tabs",
+                "reflect": true,
+                "defaultValue": "\"always\""
+            }
+        };
+    }
     static get states() {
         return {
-            "tabs": {},
+            "tabElements": {},
             "selectedElement": {}
         };
     }

package/dist/collection/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAOtG,MAAM,OAAO,YAAY;;oBAEO,EAAE;;;IAKjC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9E,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACzC,CAAC;IACF,CAAC;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QACxC,CAAC;IACF,CAAC;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;IAClB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;YAC/C,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@State() tabs: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabs.includes(event.target)) {\n\t\t\tthis.tabs = [...this.tabs, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host style={{ \"--tabs\": `${this.tabs.length}` }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAO5G,MAAM,OAAO,YAAY;;oBAE+B,QAAQ;2BACzB,EAAE;;;IAKxC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACrF,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;QACvD,CAAC;IACF,CAAC;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QACxC,CAAC;IACF,CAAC;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;IAClB,CAAC;IAED,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE,EAC/E,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE;YACjD,8DAAQ,CACF,CACP,CAAA;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@Prop({ reflect: true }) tabs: \"always\" | \"multiple\" = \"always\"\n\t@State() tabElements: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabElements.includes(event.target)) {\n\t\t\tthis.tabElements = [...this.tabElements, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"hide-tabs\": this.tabs == \"multiple\" && this.tabElements.length == 1 }}\n\t\t\t\tstyle={{ \"--tabs\": `${this.tabElements.length}` }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

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

@@ -3,3 +3,6 @@
 	grid-template-columns: repeat(var(--tabs), auto);
 	grid-template-rows: auto auto;
 }
+:host.hide-tabs::slotted(smoothly-tab>div:first-child) {
+	display: none;
+}

package/dist/collection/components/tabs/tab/index.js

@@ -30,7 +30,7 @@ export class SmoothlyTab {
         }
     }
     render() {
-        return (h(Host, { key: 'c5103b56bd99b6083a665cdd1aff72dde5df74ff' }, h("div", { key: 'c45b58aa892a12f95f591e4b6f0b2696d2fae256' }, h("label", { key: '6e765755948500b52da02a4db41d42b89c4d0a77' }, this.label)), h("div", { key: '83933911064f7d010b4870e043503950c745967a', hidden: !this.open }, h("slot", { key: 'ad9c4f05574fb32e7f64791368fe40401aee75aa' }))));
+        return (h(Host, { key: 'c899210cbea49b143b2de3b443dc4cf656014d4d' }, h("div", { key: '1ffb57e2b5286e818526d81ae9516357ab3050ec' }, h("label", { key: '7e5c98ae6cf9124a5165d8132f57cadf1b07b677' }, this.label)), h("div", { key: '0a0b0faef055809e0da293b3efa092af2d81b9e3', hidden: !this.open }, h("slot", { key: '4e16af2cc30e5e62f1af8818c4c5037f46383a70' }))));
     }
     static get is() { return "smoothly-tab"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ export class SmoothlyThemeColor {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '536cf3894988bc9b80c198b858152dc8c4e888a2' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
+        return (h(Host, { key: 'f0ac1160979284b3d8445e2d0eec65710221cf8d' }, this.color, ["tint", "color", "shade"].map(variant => (h("smoothly-theme-color-variant", { title: `${this.color} ${variant}`, color: this.color, variant: variant })))));
     }
     static get is() { return "smoothly-theme-color"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyThemeDemo {
     render() {
-        return (h(Host, { key: '57997acefd505b2f35982479fa27f2cfc2485338' }, h("h2", { key: '45234b8a3faf252cb1cdc4b6f82d8e0dbd2e9ad4' }, "Theme"), h("smoothly-theme-picker", { key: '8b5a42ae55cc8accd47e82d6745e7eb8325a84b1' }, h("smoothly-item", { key: '1c4d6747381ae3c1d56604182f9c215c78e8c8aa', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'e861109f898e99e4a74f69a2e384d2bc6989500d', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '925d1fa9c597cd15fc216137b69609cdf9e23a3d', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: 'f4840fa904b501466f3331a88f3a0d638b495e83', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '6e1e04801e2ba62a7bc6dbeb35382c4b36943c5d', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'dc014e4b0d5c8eeeeddde74ba3c8972b918ba084', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '433e73774f65d17e95767c1a2dfa6a4a7d359658', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '54820b4ce5d26adc32f8a44b56478c34994f70ad', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '1fd873917c3b244613032111ea6662b5b1decc32', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '2b5216ee48a3197754ae857edc79c37c6ca1b09d' }, h("smoothly-theme-colors", { key: '4b3175ab96433c5ab30f8f60d1d463ca8e9b8589' }), h("smoothly-theme-guide", { key: 'd0614c353e0e2bad9540067e33af1f1678644d10' })), h("smoothly-button", { key: '9b46d9d345078ff6079314f70011af8c4408e349', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'f88bbcf86d0415925a69c4e384e2433de24724e6', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '44fb5b8f77ddade5eb38667daaafe71f1349b45d', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '861d8f38d4ee0d3e0be259116ad7534136af8fc5', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '60a6fdfc96dc0f5c716a5b879f04e8bfa7aa7955' }, h("h2", { key: '800ac25c4a2aec861b21255420aa696d016f0dc4' }, "Theme"), h("smoothly-theme-picker", { key: '081a0359c39e431bd92c336c5e7b4112027fe940' }, h("smoothly-item", { key: 'e1d332a1ace18688c085e2d3aacd6480d223300f', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'd183e44eca2b257bcc7edf7b4491673ca871cd91', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'f5677315f1803e5002974fb86b683cf4199abb74', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '18ed8f9181da013d2d4de75393a86a22e567bb72', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '480a5028c0aba00a5caa1cd9feb671857e22d5fb', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '0686eca3757ea52987a4f8e9b70aec69e43437ea', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '945161921608f664e3283a6bce008d59b8115282', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'a881c566e1cb7ae4a01f0d617a13109643b05585', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '3834fec43bc18e1368a1bc952c5ac83ffbfa4807', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '598ce87600fd7a66e1d2351311fd01773d6f8451' }, h("smoothly-theme-colors", { key: '0b982bc4d771f98c37111782fa61056bb64a5bca' }), h("smoothly-theme-guide", { key: 'f6ef76f863436b20b33653174ad9e98151e31a6f' })), h("smoothly-button", { key: '97743bff836025c1eef5d152b06aca450b585a5a', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'b26f5dcdd936b876cf430e2ab109458a405b1da9', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '9850c727cd8c7d74187e3a99253e3b6637a02f62', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '41efeb245770de7407eb14dacfd686ca2a691076', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get is() { return "smoothly-theme-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/theme/guide/index.js

@@ -2,14 +2,14 @@ import { h } from "@stencil/core";
 export class SmoothlyThemeColors {
     render() {
         return [
-            h("smoothly-display", { key: 'f6f6748f7bee55ba09f24abaa7477223cb585476' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
-            h("br", { key: 'f91f13b4ac2946f946ead41a8ec6daa23415f144' }),
-            h("smoothly-display", { key: '828b5cf707c820899e6088f528c5655cca62c271' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
-            h("br", { key: '1ea7eda0d84540f9264d00e9c82adeca87ba8939' }),
-            h("smoothly-display", { key: '2ef937d213a0f8923a2192847fcc47619fd6d6c9' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
-            h("br", { key: 'face11311eed8c5bedce2a9513fe6738ff493622' }),
-            h("smoothly-display", { key: '08c5a4a2587231ba124e409da51693efc7a21f4e' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
-            h("br", { key: '70762e0e28c49ee212e6cccb350a9f5f7e632dcb' }),
+            h("smoothly-display", { key: '95949623ac00a28b6949a8d0cf53b3c808dca2b4' }, "Tint is used as background to highlight, for example hovering an item in the select menu."),
+            h("br", { key: 'b08743d1cdc7ce73ee54cfbedb2336bd39e2291a' }),
+            h("smoothly-display", { key: '8fa5a57c02fe12e0132c77f05a3ae9fefb569a53' }, "Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),
+            h("br", { key: 'eedbe73d19d72c38175956118666d0dd4b3101d2' }),
+            h("smoothly-display", { key: '570dec0a6a28b70f4a69e3e247607db386c57117' }, "Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),
+            h("br", { key: 'b0244a42b0230846843cabf9411c6ff1ca128440' }),
+            h("smoothly-display", { key: '8e9705544b119e7fe073420ba31f49c5c32ab2a8' }, "One can use the ", "<smoothly-color>", " component to switch between what color set is used.", " "),
+            h("br", { key: '45ddb1ca086bae44b11c8124836afbc891c4875d' }),
         ];
     }
     static get is() { return "smoothly-theme-guide"; }

package/dist/collection/components/theme/picker/index.js

@@ -4,11 +4,11 @@ export class SmoothlyThemePicker {
         this.element = "smoothly-css";
     }
     render() {
-        return (h(Host, { key: '884915de7a2490ba82b24a3d5899f2d7fd57b4ef' }, h("smoothly-input-select", { key: 'e7d58eb34326c0ccdcf7596bdd99c8d93df67ded', name: "theme", looks: "border", onSmoothlyInput: e => {
+        return (h(Host, { key: '5a994ebf276306118d92bb477b5dcf04cffd0614' }, h("smoothly-input-select", { key: '98ef8a2da6f5b00f60367874705a8836ba7176cf', name: "theme", looks: "border", onSmoothlyInput: e => {
                 const element = document.querySelector(`#${this.element}`);
                 if (element instanceof HTMLLinkElement && typeof e.detail.theme == "string")
                     element.href = e.detail.theme;
-            } }, h("label", { key: '15d5e8b012d6277cc06d74f1d0e7e99296478515', slot: "label" }, "Select theme"), h("slot", { key: '2b53a278576015e7af789ff1f8097d85855e16e1' }))));
+            } }, h("label", { key: 'de252bb3867e0f59efb66136b6fc7850805bdfea', slot: "label" }, "Select theme"), h("slot", { key: 'f30571604c2c60256ef3f4e4ee57fbf394d7af63' }))));
     }
     static get is() { return "smoothly-theme-picker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/demo/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyToggleSwitchDemo {
     render() {
-        return (h(Host, { key: '455cd93bd032b93bd6bc0bf7056e300bdde9405c' }, h("h4", { key: '63f31adf3d642a3e21f7890d400a44ce4db6d24e' }, "Toggle switches"), h("div", { key: '53866abea88d667aa7b3b05a77feeb6006254734' }, h("p", { key: 'a8f9761f79e9f67ef7aace6f2156cd732e58337f' }, "Checkmark"), h("span", { key: '8ffa0d3fea0bcf6fafcbe9d0c8ae8d3064bfd7e5' }, h("p", { key: '50e2c9aef53d90372b49e29b76a13bc4645c42c2' }, "Tiny"), h("smoothly-toggle-switch", { key: '68ea60edfef8a2cb19c464afcc2fcef68d18f6e8', disabled: false, size: "tiny" })), h("span", { key: '023cd2db685d6c297f476e94b7acdb50fb6c4214' }, h("p", { key: '2f2da3deb37db851f50f95c5ebfd022f9effbc4f' }, "Small"), h("smoothly-toggle-switch", { key: 'f4a0c22b7af64ed0bdbaf882825368bb7bd99fce', disabled: false, size: "small" })), h("span", { key: '93cc9d5a45441c50921ff5db34ebbfc260b8db9c' }, h("p", { key: '96a90440b7773fafa9836759b70393f4e6976ca3' }, "Standard"), h("smoothly-toggle-switch", { key: '0645c394a99a515db1ad85b8708aadfbd76aa534', disabled: false })), h("span", { key: '805f23b8483ba46ddd307724925eed7181c5aea3' }, h("p", { key: '091ed37f46ce3f955e81a5d2ceb2eef0796de1a3' }, "Large"), h("smoothly-toggle-switch", { key: '11ac7416261e5280d109ae0644616bc234fe3a07', disabled: false, size: "large" })), h("p", { key: 'e638e12782b68e6ccf206b40d21512feca49deae' }, "Colors checkmark"), h("span", { key: '990aa57e2354013a648460b5490f029bff65081d' }, h("p", { key: '9ad7d22f2f513f01fff16aa35504b5d94cdc8090' }, "Danger"), h("smoothly-toggle-switch", { key: '9c3800b87f6e0d365752c7d054918073dd841a92', color: "danger", disabled: false, size: "small" })), h("span", { key: 'db451addec769cdff5ba1aac30b56e5a7b6068c6' }, h("p", { key: '051c576c64897ba276d3a791a59f40ad9d717cb0' }, "Primary color"), h("smoothly-toggle-switch", { key: '367871da2cb3d885028a53dd2340d910dee1a8ff', color: "primary", disabled: false, size: "small" })), h("span", { key: 'd99169570d05034c2bb9af7c1956bc1f2465e81a' }, h("p", { key: '3e7744bd8938c8d52b81e02e1692c0f10cc94376' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'beea94d1e152b44d0382b2e41f42230514388495', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'a4e7d2f14e6f5ec84b7f335f0dfe8df96f8ffd87' }), h("p", { key: 'cba7c50bd673bc3eaf3d1fb1ff5d8a3037ebe8a8' }, "Colors no checkmark"), h("span", { key: 'f8a2e2ad0d5e018e7c28a339cc007a179922ac65' }, h("p", { key: '696034f7b8f6fbcd79e0ab1b69cbd5d7f7ac89e5' }, "Danger"), h("smoothly-toggle-switch", { key: '253ac5dc5f79b8b63ac5c9b30027785af4b7e549', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'c88e33b3133149de8aee554209cbb9cbce712dad' }, h("p", { key: '5d7a30d999feddd04dcab607259e2be1151472b4' }, "Primary color"), h("smoothly-toggle-switch", { key: 'de82a28cb468ab261b1b4aea26bf609ea002b5eb', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '1a1dd15bac673e696c96abb4f103ce35c1548f3e' }, h("p", { key: 'ceac4bb84dc260cacefc5f5b707b2ccf02cbb66a' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'e05f2a1ef82bd9f077cd6a34cd493f08033fafea', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
+        return (h(Host, { key: '7244c0775661c5251de41f4cb585558e982e9cdc' }, h("h4", { key: 'c108f6c96f41a583cecbfa4f802e09bf5b29bfa6' }, "Toggle switches"), h("div", { key: 'd2392feab387636df6b679d66193a1e653730b9c' }, h("p", { key: '3a7183bc8158e48e87f85e4f6cdc9dc4ad73d439' }, "Checkmark"), h("span", { key: 'edd3411d6f0b9fb5f326d50c3ba5e65d7c9d3f46' }, h("p", { key: '3fb9bb4ecb81e5d50e123f2202a391ebebd8bcea' }, "Tiny"), h("smoothly-toggle-switch", { key: '40c66f8203c5d5334cb1e14f4c37df29d9cf0485', disabled: false, size: "tiny" })), h("span", { key: '4391169b01717b9afd58f80528ce6f07a2f13090' }, h("p", { key: 'dc9f64b2bd7275033e17d6b9fb7065c6bb9b94df' }, "Small"), h("smoothly-toggle-switch", { key: 'ed4899bc0923bcdbfbbdbdb9b6a2cc089bd364de', disabled: false, size: "small" })), h("span", { key: 'd31a484739a59c7fcce0edd573e4291efeca44e4' }, h("p", { key: '4e1497c248ab56f2c3bc3576686b2ddd7bb7a782' }, "Standard"), h("smoothly-toggle-switch", { key: 'd64bcfb068ad854639ecccc8a7e697650c54521f', disabled: false })), h("span", { key: '19a06462de61ee2836f1fa30114e46f576b6edf4' }, h("p", { key: 'ae25ea9d14593a21ae90f5badb1249725dd3ff78' }, "Large"), h("smoothly-toggle-switch", { key: '09d47e0964233a311f5bf4cb8b9c0dbcd04ef958', disabled: false, size: "large" })), h("p", { key: '34095ddde101a0d5ffd98589cf526f4b57caf572' }, "Colors checkmark"), h("span", { key: '76572774a4e9e14b384c4b40444ab04f46b833a9' }, h("p", { key: '2e5ad34f22b142fc19586f43a778851f98dfda8c' }, "Danger"), h("smoothly-toggle-switch", { key: 'cf026c289dbfcf230049290516e9ab4f5274ba45', color: "danger", disabled: false, size: "small" })), h("span", { key: 'cd1e858211f54ba90168398f8dc6dc9433778815' }, h("p", { key: 'b2b51c00108c1ae9396eb9b1e5aeee9223faecde' }, "Primary color"), h("smoothly-toggle-switch", { key: '66fbbd81fe1e7ea9e4bdd52c374e1644d634d195', color: "primary", disabled: false, size: "small" })), h("span", { key: 'a6de47e35e6ff653a0efa7ca7b7245abb44e32ac' }, h("p", { key: '89ab7f161e45ea01edee1fa4c9eb96332fd18043' }, "Secondary color"), h("smoothly-toggle-switch", { key: '82f993af3797d0754e0cad6a8374c78d98ca058c', color: "secondary", disabled: false, size: "small" })), h("p", { key: 'dfce3bdd11950ef7c97eb423f9bc08346e0e1cfc' }), h("p", { key: '25ebe0b63abaeb37895a8286ec5a4203d665da99' }, "Colors no checkmark"), h("span", { key: '111622bbb1ea6d5efd300b515a066d19d6dd9dbd' }, h("p", { key: 'd3f80fe3a765aad09ca735795ccd1f66e459bf44' }, "Danger"), h("smoothly-toggle-switch", { key: 'b19cb7d3f582e0423442adde9b21218e73d45837', checkmark: false, color: "danger", disabled: false, size: "small" })), h("span", { key: 'dfb1fe67e596f44dde4c07494011dc6b8009a961' }, h("p", { key: 'a0f15473ffc3f2d33dee7726c0493ddd192fa39e' }, "Primary color"), h("smoothly-toggle-switch", { key: '1e7cbda870f2816244dac14c7c65a99367feddb3', checkmark: false, color: "primary", disabled: false, size: "small" })), h("span", { key: '4fa92a8eee14883f9fedcf543ae87cbda4de8922' }, h("p", { key: 'b69a2307ad3c726dc6f602788c490fe81e0299e0' }, "Secondary color"), h("smoothly-toggle-switch", { key: 'd1dc476caab4529bb728338d7d83e8dc7f7b6bca', checkmark: false, color: "secondary", disabled: false, size: "small" })))));
     }
     static get is() { return "smoothly-toggle-switch-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/toggle-switch/index.js

@@ -13,7 +13,7 @@ export class SmoothlyToggleSwitch {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: 'acf3a832b12f9f9f2c2233acde97b879d0cd363e' }, h("button", { key: 'c26a766fc3e22de63fdec55377dc0ca82da4f1ba', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '6acddaf972a4cb492574643ac4f1d1072f75c043', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: 'd8948989b99fab7341e46cbc4398c6889f41602d' }, h("button", { key: 'e9dd959f7573c9da2c0fd6279304b239ad06b9fe', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '6be530b9951c2ddc8806d24adcd3f76602919e46', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
     static get is() { return "smoothly-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -20,7 +20,7 @@ export class SmoothlyTrigger {
                 result = this.disabled ? (h("slot", null)) : (h("a", { onClick: e => this.onClick(e) }, h("slot", null)));
                 break;
             case "button":
-                result = (h("button", { key: '2837b0e1d9a9d2f02b6d1deae657b4cf0de57985', disabled: this.disabled, name: this.name }, h("slot", { key: 'cfdb575a15b26c9b7406fbc8c42067df2e882f70' })));
+                result = (h("button", { key: '6153b3befa2edf972b4fe3bf0844d3a6a456e9cc', disabled: this.disabled, name: this.name }, h("slot", { key: '2920b8301a6e36851e52b2b7884338657a326aff' })));
                 break;
         }
         return result;

package/dist/collection/components/trigger/sink/index.js

@@ -19,7 +19,7 @@ export class SmoothlyTriggerSink {
         }
     }
     render() {
-        return h("slot", { key: '3d3187b06b51c4428ca8b2ed1359868a57da9422' });
+        return h("slot", { key: '4b6b495d4132d07c8cd19cb21ce2d02b6ab36f20' });
     }
     static get is() { return "smoothly-trigger-sink"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/trigger/source/index.js

@@ -13,7 +13,7 @@ export class SmoothlyTriggerSource {
         }, window);
     }
     render() {
-        return h("slot", { key: '294742e975eba763f94cf2e0c8c496ed0631efaf' });
+        return h("slot", { key: 'b2857d9f71f40fe78b08a1b5408f43dd6331f4c8' });
     }
     static get is() { return "smoothly-trigger-source"; }
     static get encapsulation() { return "scoped"; }

package/dist/components/{p-5cbcfb4d.js → p-00e29131.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$2 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$1 } from './p-d4e83a45.js';
+import { d as defineCustomElement$2 } from './p-a09be6d8.js';
+import { d as defineCustomElement$1 } from './p-b121c0da.js';
 
 const styleCss = ".sc-smoothly-notification-h{display:block;position:relative;min-width:30em;min-height:3em;border-radius:5px;margin:0.5em}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification,.sc-smoothly-notification-h>span.clean.sc-smoothly-notification{display:flex;justify-content:center;align-self:center}.sc-smoothly-notification-h>span.sc-smoothly-notification{margin:0 2rem 0 1rem}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification{display:flex;width:100%;justify-content:center}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>p.sc-smoothly-notification{padding-right:1em}.sc-smoothly-notification-h>span.sc-smoothly-notification>p.sc-smoothly-notification{text-align:left}[hidden].sc-smoothly-notification-h{display:none}.sc-smoothly-notification-h>span.icon.sc-smoothly-notification>smoothly-icon.sc-smoothly-notification{margin:0 0.5rem}.sc-smoothly-notification-h>smoothly-trigger.sc-smoothly-notification{font-size:0.7em;position:absolute;right:0}";
 const SmoothlyNotificationStyle0 = styleCss;
@@ -58,7 +58,7 @@ const Notification = proxyCustomElement(class Notification extends H {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: 'c9d05c75f3632db3f15858d5c02f39c38b0925e8', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'd2f70e41ac22b0b9918e558910e7021a8fe31d9f', fill: "clear", name: "close" }, h("smoothly-icon", { key: '35e2695cd3a83e3699b117a01e62efb96d17be78', name: "close-circle-outline" }))), h("span", { key: 'a199bb745cc72a0c635c15bc4a26a6509ad12910', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '5f518ab4af784bbe5eada263b726718e4bd07b0c', name: this.properties[1] }), h("p", { key: '6064c0964359b9953a713f3a6aed1bcbf3d23e64' }, this.notice.message))));
+        return (h(Host, { key: '8fb5a20434e762590043ed4faf11cec75d008fb0', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'de26276f71118d785f71c4ae363fd9ddacc71ce7', fill: "clear", name: "close" }, h("smoothly-icon", { key: '2e399a9b671be2b1d74e3400d393cb779c03ddc1', name: "close-circle-outline" }))), h("span", { key: 'b904641dc0fe92147df5e5cb550207711321915f', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '7ab71b91b315668ada24d42f60af2cf0bd397a8c', name: this.properties[1] }), h("p", { key: '68e2b2c6a51829cd023bbaa3023790c36e3da46e' }, this.notice.message))));
     }
     static get watchers() { return {
         "notice": ["onUpdatedNotice"]
@@ -99,4 +99,4 @@ defineCustomElement();
 
 export { Notification as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-5cbcfb4d.js.map
+//# sourceMappingURL=p-00e29131.js.map

package/dist/components/{p-5cbcfb4d.js.map → p-00e29131.js.map}

@@ -1 +1 @@
-{"file":"p-5cbcfb4d.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4/BAA4/B,CAAC;AAC9gC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAG,CAC3B,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,EACzD,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: 30em;\n\tmin-height: 3em;\n\tborder-radius: 5px;\n\tmargin: 0.5em;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin: 0 2rem 0 1rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\tfont-size: 0.7em;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon | undefined] {\n\t\tlet result: [Color, Icon | undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\" />\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]} />}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-00e29131.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,4/BAA4/B,CAAC;AAC9gC,mCAAe,QAAQ;;MCSV,YAAY;;;;;QAMhB,aAAQ,GAAoB,MAAM;YACzC,IAAI,MAAM,CAAC,KAAK,IAAI,QAAQ;gBAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;;gBAExB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;SACf,CAAA;;wBATkB,IAAI;;oBAEP,EAAE;;IAQlB,IAAY,UAAU;QACrB,IAAI,MAAiC,CAAA;QACrC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,SAAS;gBACb,MAAM,GAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAA;gBACvC,MAAK;YACN,KAAK,QAAQ;gBACZ,MAAM,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAA;gBACnC,MAAK;YACN;gBACC,MAAM,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7B,MAAK;SACN;QACD,OAAO,MAAM,CAAA;KACb;IAGD,SAAS,CAAC,KAA2B;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;SACnB;KACD;IAGD,eAAe,CAAC,QAAgB,EAAE,QAAiB;QAClD,IAAI,QAAQ;YACX,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACjC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC9B;IACD,gBAAgB;QACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;KACjC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,IAC3C,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,sBAAsB,GAAG,CAC3B,CACnB,EACD,6DAAM,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,IACvC,IAAI,CAAC,IAAI,IAAI,sEAAe,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,EACzD,4DAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAK,CACtB,CACD,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/notification/style.css?tag=smoothly-notification&encapsulation=scoped","src/components/notification/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: relative;\n\tmin-width: 30em;\n\tmin-height: 3em;\n\tborder-radius: 5px;\n\tmargin: 0.5em;\n}\n:host > span.icon > smoothly-icon,\n:host > span.clean {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n}\n:host > span {\n\tmargin: 0 2rem 0 1rem;\n}\n:host > span.icon {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n}\n:host > span.icon > p {\n\tpadding-right: 1em;\n}\n:host > span > p {\n\ttext-align: left;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > span.icon > smoothly-icon {\n\tmargin: 0 0.5rem;\n}\n:host > smoothly-trigger {\n\tfont-size: 0.7em;\n\tposition: absolute;\n\tright: 0;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\nimport { Color, Notice, Trigger } from \"../../model\"\nimport { Icon } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-notification\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class Notification {\n\t@Prop() notice: Notice\n\t@Prop() closable = true\n\t@Prop() icon: boolean\n\t@State() tick = {}\n\t@Event() remove: EventEmitter<Notice>\n\tprivate listener: Notice.Listener = notice => {\n\t\tif (notice.state == \"closed\")\n\t\t\tthis.remove.emit(notice)\n\t\telse\n\t\t\tthis.tick = {}\n\t}\n\tprivate get properties(): [Color, Icon | undefined] {\n\t\tlet result: [Color, Icon | undefined]\n\t\tswitch (this.notice.state) {\n\t\t\tcase \"delayed\":\n\t\t\tcase \"warning\":\n\t\t\t\tresult = [\"warning\", \"warning-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"success\":\n\t\t\t\tresult = [\"success\", \"checkmark-circle\"]\n\t\t\t\tbreak\n\t\t\tcase \"executing\":\n\t\t\t\tresult = [\"light\", \"hourglass-outline\"]\n\t\t\t\tbreak\n\t\t\tcase \"failed\":\n\t\t\t\tresult = [\"danger\", \"alert-circle\"]\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = [\"light\", undefined]\n\t\t\t\tbreak\n\t\t}\n\t\treturn result\n\t}\n\n\t@Listen(\"trigger\")\n\tonTrigger(event: CustomEvent<Trigger>) {\n\t\tif (event.detail.name == \"close\") {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.notice.close()\n\t\t}\n\t}\n\n\t@Watch(\"notice\")\n\tonUpdatedNotice(newValue: Notice, oldValue?: Notice) {\n\t\tif (oldValue)\n\t\t\toldValue.unlisten(this.listener)\n\t\tnewValue.listen(this.listener)\n\t}\n\tcomponentDidLoad() {\n\t\tthis.onUpdatedNotice(this.notice)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host color={this.properties[0]} fill=\"solid\">\n\t\t\t\t{this.closable && (\n\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t<smoothly-icon name=\"close-circle-outline\" />\n\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t)}\n\t\t\t\t<span class={this.icon ? \"icon\" : \"clean\"}>\n\t\t\t\t\t{this.icon && <smoothly-icon name={this.properties[1]} />}\n\t\t\t\t\t<p>{this.notice.message}</p>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-3a1f5e8b.js → p-03be2708.js}

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { D as Date } from './p-390767c7.js';
 import { f as format } from './p-9cd278d9.js';
-import { I as Input } from './p-16c06f14.js';
-import { d as defineCustomElement$6 } from './p-182310f5.js';
-import { d as defineCustomElement$5 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$4 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$3 } from './p-b1d28f3f.js';
-import { d as defineCustomElement$2 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$1 } from './p-90d81e79.js';
+import { I as Input } from './p-ed1e7da4.js';
+import { d as defineCustomElement$6 } from './p-a57e7345.js';
+import { d as defineCustomElement$5 } from './p-a09be6d8.js';
+import { d as defineCustomElement$4 } from './p-cef759f2.js';
+import { d as defineCustomElement$3 } from './p-c3d52c12.js';
+import { d as defineCustomElement$2 } from './p-9e3806ff.js';
+import { d as defineCustomElement$1 } from './p-da4c10d0.js';
 
 const styleCss = ".sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;width:100%;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center}";
 const SmoothlyInputDateRangeStyle0 = styleCss;
@@ -107,12 +107,12 @@ const SmoothlyInputDateRange = proxyCustomElement(class SmoothlyInputDateRange e
     }
     render() {
         const locale = navigator.language;
-        return (h(Host, { key: '9264a1feea92e3151f9eb3a7ed4a33ba8d70d2b0', tabindex: 0 }, h("section", { key: '683a4226bec41fe455f53000a52b2de7e3299030', onClick: () => !this.readonly && (this.open = !this.open) }, h("smoothly-input", { key: 'c6b5c3d154cd6ebc651b4fa187b2808bd5f9dae2', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
+        return (h(Host, { key: '0a06894b9e72b93df447ff82ad27d2a6779f8031', tabindex: 0 }, h("section", { key: '2d13b0592a766e768cf858150513475fd4522b59', onClick: () => !this.readonly && (this.open = !this.open) }, h("smoothly-input", { key: 'be576244d7b348ae617ccc719ffcd81418ff0b75', type: "text", name: "dateRangeInput", readonly: this.readonly, value: this.start && this.end
                 ? `${format(this.start, "date", locale)} — ${format(this.end, "date", locale)}`
                 : undefined, invalid: this.invalid, placeholder: this.placeholder, showLabel: this.showLabel, onSmoothlyInput: e => {
                 e.stopPropagation();
                 this.inputHandler(e.detail);
-            } }, h("slot", { key: '9e32996babca0c1ad197d91a1d7db1e9e0dd553b' }))), h("span", { key: 'a1bffd73159766ed93c979e8d434802b095716f3', class: "icons" }, h("slot", { key: '2257c8ebd21da97cc917b66c0fc2799c66402f20', name: "end" })), this.open && (h("nav", { key: '112d3614de43a24f357b3846b207cdd7851d1452' }, h("smoothly-calendar", { key: '0b8d5227c5f066d32c9b0ba83bcce0201564bbd9', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
+            } }, h("slot", { key: '80adf2bd502c516457c9870c05fc4bc2b6275c3b' }))), h("span", { key: '5c95250e283bc5bada2daa574d21112e43a37492', class: "icons" }, h("slot", { key: '0389d3bd80370d6fae95fe7f32bb9f8a19a6ba06', name: "end" })), this.open && (h("nav", { key: '62bc92246212b47307de1180c9c1267825693d86' }, h("smoothly-calendar", { key: '735dd9ca6c84394d666fd71d2d831007e50a0574', doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => {
                 e.stopPropagation();
                 this.start = e.detail;
             }, onSmoothlyEndChange: e => {
@@ -206,4 +206,4 @@ defineCustomElement();
 
 export { SmoothlyInputDateRange as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-3a1f5e8b.js.map
+//# sourceMappingURL=p-03be2708.js.map

package/dist/components/{p-3a1f5e8b.js.map → p-03be2708.js.map}

@@ -1 +1 @@
-{"file":"p-3a1f5e8b.js","mappings":"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","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host>section>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>section>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22em;\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7em;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\twidth: 100%;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding: 0.5em 0.2em 0.5em 0.2em;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable | undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange | undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start || this.initialEnd != this.end\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange | undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<section onClick={() => !this.readonly && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-03be2708.js","mappings":"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","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host>section>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>section>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22em;\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7em;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\twidth: 100%;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding: 0.5em 0.2em 0.5em 0.2em;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable | undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange | undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start || this.initialEnd != this.end\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange | undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<section onClick={() => !this.readonly && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0ce90bf9.js → p-03c91070.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 
-const styleCss = ".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}";
+const styleCss = ".sc-smoothly-tabs-h{display:grid;grid-template-columns:repeat(var(--tabs), auto);grid-template-rows:auto auto}.sc-smoothly-tabs-h.hide-tabs.sc-smoothly-tabs-s>smoothly-tab>div:first-child{display:none}";
 const SmoothlyTabsStyle0 = styleCss;
 
 const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
@@ -8,12 +8,13 @@ const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
         super();
         this.__registerHost();
         this.smoothlyTabOpen = createEvent(this, "smoothlyTabOpen", 7);
-        this.tabs = [];
+        this.tabs = "always";
+        this.tabElements = [];
         this.selectedElement = undefined;
     }
     onInputLoad(event) {
-        if (event.target instanceof H && !this.tabs.includes(event.target)) {
-            this.tabs = [...this.tabs, event.target];
+        if (event.target instanceof H && !this.tabElements.includes(event.target)) {
+            this.tabElements = [...this.tabElements, event.target];
         }
     }
     openChanged(event) {
@@ -28,7 +29,7 @@ const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
             old.open = false;
     }
     render() {
-        return (h(Host, { key: '7f399c7f2999ecbdaf3d708421dda99c024db548', style: { "--tabs": `${this.tabs.length}` } }, h("slot", { key: '141e4076e5e690de80c84bb8498e0c706fbdf938' })));
+        return (h(Host, { key: '3e2a5060c408fedf1e4a02d2ee64a12b361892ca', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, h("slot", { key: 'bac26ec71ef6b24e54f527aa37ee1bf7fbf48567' })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -36,7 +37,8 @@ const SmoothlyTabs = proxyCustomElement(class SmoothlyTabs extends H {
     }; }
     static get style() { return SmoothlyTabsStyle0; }
 }, [6, "smoothly-tabs", {
-        "tabs": [32],
+        "tabs": [513],
+        "tabElements": [32],
         "selectedElement": [32]
     }, [[0, "smoothlyTabLoad", "onInputLoad"], [0, "smoothlyTabOpen", "openChanged"]], {
         "selectedElement": ["onSelectedChange"]
@@ -58,4 +60,4 @@ defineCustomElement();
 
 export { SmoothlyTabs as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0ce90bf9.js.map
+//# sourceMappingURL=p-03c91070.js.map

package/dist/components/p-03c91070.js.map

@@ -0,0 +1 @@
+{"file":"p-03c91070.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,2MAA2M,CAAC;AAC7N,2BAAe,QAAQ;;MCMV,YAAY;;;;;oBAE+B,QAAQ;2BACzB,EAAE;;;IAKxC,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACpF,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;SACtD;KACD;IAGD,WAAW,CAAC,KAAkB;QAC7B,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAgC,CAAA;YAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;SACvC;KACD;IAED,gBAAgB,CAAC,KAA6B,EAAE,GAA2B;QAC1E,IAAI,GAAG;YACN,GAAG,CAAC,IAAI,GAAG,KAAK,CAAA;KACjB;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE,EAC/E,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IACjD,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/tabs/style.css?tag=smoothly-tabs&encapsulation=scoped","src/components/tabs/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--tabs), auto);\n\tgrid-template-rows: auto auto;\n}\n:host.hide-tabs::slotted(smoothly-tab>div:first-child) {\n\tdisplay: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-tabs\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTabs {\n\t@Element() element: HTMLSmoothlyTabsElement\n\t@Prop({ reflect: true }) tabs: \"always\" | \"multiple\" = \"always\"\n\t@State() tabElements: HTMLElement[] = []\n\t@State() selectedElement: HTMLSmoothlyTabElement\n\t@Event() smoothlyTabOpen: EventEmitter<string>\n\n\t@Listen(\"smoothlyTabLoad\")\n\tonInputLoad(event: CustomEvent) {\n\t\tif (event.target instanceof HTMLElement && !this.tabElements.includes(event.target)) {\n\t\t\tthis.tabElements = [...this.tabElements, event.target]\n\t\t}\n\t}\n\n\t@Listen(\"smoothlyTabOpen\")\n\topenChanged(event: CustomEvent) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tthis.selectedElement = event.target as HTMLSmoothlyTabElement\n\t\t\tthis.smoothlyTabOpen.emit(event.detail)\n\t\t}\n\t}\n\t@Watch(\"selectedElement\")\n\tonSelectedChange(value: HTMLSmoothlyTabElement, old: HTMLSmoothlyTabElement) {\n\t\tif (old)\n\t\t\told.open = false\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"hide-tabs\": this.tabs == \"multiple\" && this.tabElements.length == 1 }}\n\t\t\t\tstyle={{ \"--tabs\": `${this.tabElements.length}` }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-11cc925c.js → p-065cbcf5.js}

@@ -3,10 +3,10 @@ import { a as DateTime } from './p-390767c7.js';
 import { g as getLocale, a as get, f as format } from './p-9cd278d9.js';
 import './p-57ac5d1b.js';
 import './p-47ea6b68.js';
-import { d as defineCustomElement$4 } from './p-ff99dcde.js';
-import { d as defineCustomElement$3 } from './p-51cb1946.js';
-import { d as defineCustomElement$2 } from './p-21601376.js';
-import { d as defineCustomElement$1 } from './p-d9989605.js';
+import { d as defineCustomElement$4 } from './p-b235b5aa.js';
+import { d as defineCustomElement$3 } from './p-d3c8be66.js';
+import { d as defineCustomElement$2 } from './p-5bf78c75.js';
+import { d as defineCustomElement$1 } from './p-d8bd7cc0.js';
 
 const styleCss = ".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";
 const SmoothlyDisplayStyle0 = styleCss;
@@ -30,16 +30,16 @@ const SmoothlyDisplay = proxyCustomElement(class SmoothlyDisplay extends H {
         const type = this.type;
         switch (type) {
             case "json":
-                result = h("smoothly-display-json", { key: '1ede546f9829aea0f9b8c319db98df10e07b04a3', value: this.value, collapseDepth: this.collapseDepth });
+                result = h("smoothly-display-json", { key: 'c171d3a83efbefce258b6929eb0a3bafb246d8d5', value: this.value, collapseDepth: this.collapseDepth });
                 break;
             default:
                 result = format(this.value, type);
                 break;
             case "email":
-                result = h("a", { key: 'c6047f436091639f6302be22f62610c0515a4009', href: "mailto:" + this.value }, format(this.value, type));
+                result = h("a", { key: 'd61f90a089a457d0e388ec5739974dc081868e8f', href: "mailto:" + this.value }, format(this.value, type));
                 break;
             case "phone":
-                result = h("a", { key: 'b62431225a51efb22037598e4227671e863be3c3', href: "tel:" + this.value }, format(this.value, type, this.country));
+                result = h("a", { key: 'f622c3de530f8251623ec003acf3fe077506ca6b', href: "tel:" + this.value }, format(this.value, type, this.country));
                 break;
             case "postal-code":
                 result = format(this.value, type, this.country);
@@ -109,4 +109,4 @@ defineCustomElement();
 
 export { SmoothlyDisplay as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-11cc925c.js.map
+//# sourceMappingURL=p-065cbcf5.js.map

package/dist/components/{p-11cc925c.js.map → p-065cbcf5.js.map}

@@ -1 +1 @@
-{"file":"p-11cc925c.js","mappings":";;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,+KAA+K,CAAC;AACjM,8BAAe,QAAQ;;MCSV,eAAe;;;;;;;;;;;;;IAS3B,MAAM;;QACL,IAAI,MAAwC,CAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACtB,QAAQ,IAAI;YACX,KAAK,MAAM;gBACV,MAAM,GAAG,8EAAuB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI,CAAA;gBACxF,MAAK;YACN;gBACC,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,KAAK,IAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAK,CAAA;gBAC/E,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,IAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAK,CAAA;gBAC1F,MAAK;YACN,KAAK,aAAa;gBACjB,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBACtD,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;gBAChG,MAAK;YACN,KAAK,MAAM;gBACV,MAAM,GAAG,MAAAC,GAAU,CAAC,IAAI,CAAC,IAAmB,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAChF,MAAK;YACN,KAAK,UAAU;gBACd,MAAM,GAAGD,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,CAAA;gBAC/C,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,IAAI,CAAC,MAAM;sBACjBE,QAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;sBAC7D,MAAAD,GAAU,CAAC,IAAI,CAAC,IAAmB,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC1E,MAAK;SACN;QACD,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,eAAM,IAAI,CAAC,KAAK,CAAO,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;KAC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["tidily.format","tidily.get","isoly.DateTime"],"sources":["src/components/display/style.css?tag=smoothly-display&encapsulation=scoped","src/components/display/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twhite-space: wrap;\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div {\n\topacity: 0.6;\n\tfont-size: .8rem;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { getLocale } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-display\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplay {\n\t@Prop() type: tidily.Type | \"json\"\n\t@Prop() label?: string\n\t@Prop() value?: any\n\t@Prop() collapseDepth?: number\n\t@Prop() toInteger?: boolean\n\t@Prop() currency?: isoly.Currency\n\t@Prop() country?: isoly.CountryCode.Alpha2\n\t@Prop() format?: isoly.DateTime.Format\n\trender() {\n\t\tlet result: string | HTMLElement | undefined\n\t\tconst type = this.type\n\t\tswitch (type) {\n\t\t\tcase \"json\":\n\t\t\t\tresult = <smoothly-display-json value={this.value} collapseDepth={this.collapseDepth} />\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.format(this.value, type)\n\t\t\t\tbreak\n\t\t\tcase \"email\":\n\t\t\t\tresult = <a href={\"mailto:\" + this.value}>{tidily.format(this.value, type)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"phone\":\n\t\t\t\tresult = <a href={\"tel:\" + this.value}>{tidily.format(this.value, type, this.country)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"postal-code\":\n\t\t\t\tresult = tidily.format(this.value, type, this.country)\n\t\t\t\tbreak\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.format(this.value, type, { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tcase \"date\":\n\t\t\t\tresult = tidily.get(this.type as tidily.Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t\tcase \"duration\":\n\t\t\t\tresult = tidily.format(this.value, type) || \"0\"\n\t\t\t\tbreak\n\t\t\tcase \"date-time\":\n\t\t\t\tresult = this.format\n\t\t\t\t\t? isoly.DateTime.localize(this.value, this.format, getLocale())\n\t\t\t\t\t: tidily.get(this.type as tidily.Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t}\n\t\treturn this.label ? [<div>{this.label}</div>, result] : result\n\t}\n}\n"],"version":3}
+{"file":"p-065cbcf5.js","mappings":";;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,+KAA+K,CAAC;AACjM,8BAAe,QAAQ;;MCSV,eAAe;;;;;;;;;;;;;IAS3B,MAAM;;QACL,IAAI,MAAwC,CAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACtB,QAAQ,IAAI;YACX,KAAK,MAAM;gBACV,MAAM,GAAG,8EAAuB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI,CAAA;gBACxF,MAAK;YACN;gBACC,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACxC,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,KAAK,IAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAK,CAAA;gBAC/E,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,IAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAK,CAAA;gBAC1F,MAAK;YACN,KAAK,aAAa;gBACjB,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBACtD,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAGA,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAA;gBAChG,MAAK;YACN,KAAK,MAAM;gBACV,MAAM,GAAG,MAAAC,GAAU,CAAC,IAAI,CAAC,IAAmB,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAChF,MAAK;YACN,KAAK,UAAU;gBACd,MAAM,GAAGD,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,CAAA;gBAC/C,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,IAAI,CAAC,MAAM;sBACjBE,QAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;sBAC7D,MAAAD,GAAU,CAAC,IAAI,CAAC,IAAmB,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC1E,MAAK;SACN;QACD,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,eAAM,IAAI,CAAC,KAAK,CAAO,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;KAC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["tidily.format","tidily.get","isoly.DateTime"],"sources":["src/components/display/style.css?tag=smoothly-display&encapsulation=scoped","src/components/display/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twhite-space: wrap;\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div {\n\topacity: 0.6;\n\tfont-size: .8rem;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { getLocale } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-display\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplay {\n\t@Prop() type: tidily.Type | \"json\"\n\t@Prop() label?: string\n\t@Prop() value?: any\n\t@Prop() collapseDepth?: number\n\t@Prop() toInteger?: boolean\n\t@Prop() currency?: isoly.Currency\n\t@Prop() country?: isoly.CountryCode.Alpha2\n\t@Prop() format?: isoly.DateTime.Format\n\trender() {\n\t\tlet result: string | HTMLElement | undefined\n\t\tconst type = this.type\n\t\tswitch (type) {\n\t\t\tcase \"json\":\n\t\t\t\tresult = <smoothly-display-json value={this.value} collapseDepth={this.collapseDepth} />\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.format(this.value, type)\n\t\t\t\tbreak\n\t\t\tcase \"email\":\n\t\t\t\tresult = <a href={\"mailto:\" + this.value}>{tidily.format(this.value, type)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"phone\":\n\t\t\t\tresult = <a href={\"tel:\" + this.value}>{tidily.format(this.value, type, this.country)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"postal-code\":\n\t\t\t\tresult = tidily.format(this.value, type, this.country)\n\t\t\t\tbreak\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.format(this.value, type, { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tcase \"date\":\n\t\t\t\tresult = tidily.get(this.type as tidily.Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t\tcase \"duration\":\n\t\t\t\tresult = tidily.format(this.value, type) || \"0\"\n\t\t\t\tbreak\n\t\t\tcase \"date-time\":\n\t\t\t\tresult = this.format\n\t\t\t\t\t? isoly.DateTime.localize(this.value, this.format, getLocale())\n\t\t\t\t\t: tidily.get(this.type as tidily.Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t}\n\t\treturn this.label ? [<div>{this.label}</div>, result] : result\n\t}\n}\n"],"version":3}

package/dist/components/{p-e2ff40ce.js → p-07d9e68a.js}

@@ -11,7 +11,7 @@ const SmoothlyTableCell = proxyCustomElement(class SmoothlyTableCell extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8d3d61d3dd6662a25300eb43b6ff164554672e0d', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '05a97c68515632493be2333cdc43fe7fec9309eb' })));
+        return (h(Host, { key: '8cd74b926185e5e15b8c48a0723ec6c9b03b1227', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'a1eb377c3532feb0ba18cd74fb09b0a00a780033' })));
     }
     static get style() { return SmoothlyTableCellStyle0; }
 }, [6, "smoothly-table-cell", {
@@ -34,4 +34,4 @@ defineCustomElement();
 
 export { SmoothlyTableCell as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-e2ff40ce.js.map
+//# sourceMappingURL=p-07d9e68a.js.map

package/dist/components/{p-e2ff40ce.js.map → p-07d9e68a.js.map}

@@ -1 +1 @@
-{"file":"p-e2ff40ce.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,yJAAyJ,CAAC;AAC3K,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACrE,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.3rem 1.1rem;\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-07d9e68a.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,yJAAyJ,CAAC;AAC3K,gCAAe,QAAQ;;MCMV,iBAAiB;;;;oBACY,CAAC;;IAE1C,MAAM;;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,4BAA4B,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IACrE,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/cell/style.css?tag=smoothly-table-cell&encapsulation=scoped","src/components/table/cell/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: span var(--smoothly-table-cell-span, 1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.3rem 1.1rem;\n\twhite-space: nowrap;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableCell {\n\t@Prop({ reflect: true }) span?: number = 1\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--smoothly-table-cell-span\": this.span?.toString(10) }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}