npm - smoothly - Versions diffs - 1.102.0 → 1.104.0 - Mend

smoothly 1.102.0 → 1.104.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (368) hide show

package/dist/components/{p-4d3d5d0b.js → p-237af64d.js} RENAMED Viewed

@@ -4,13 +4,13 @@ import { d as defineCustomElement$b } from './p-4e754f3b.js';
 import { d as defineCustomElement$a } from './p-f893b6cc.js';
 import { d as defineCustomElement$9 } from './p-ccbdacc9.js';
 import { d as defineCustomElement$8 } from './p-3aed2b34.js';
-import { d as defineCustomElement$7 } from './p-346ba422.js';
-import { d as defineCustomElement$6 } from './p-35bfb804.js';
-import { d as defineCustomElement$5 } from './p-5d4481e5.js';
-import { d as defineCustomElement$4 } from './p-40d2000b.js';
-import { d as defineCustomElement$3 } from './p-76cc6651.js';
-import { d as defineCustomElement$2 } from './p-4051f859.js';
-import { d as defineCustomElement$1 } from './p-3fa2299b.js';
+import { d as defineCustomElement$7 } from './p-5c9332bf.js';
+import { d as defineCustomElement$6 } from './p-3f2e92e9.js';
+import { d as defineCustomElement$5 } from './p-08527022.js';
+import { d as defineCustomElement$4 } from './p-85ed9f7d.js';
+import { d as defineCustomElement$3 } from './p-6ea452d9.js';
+import { d as defineCustomElement$2 } from './p-234932d2.js';
+import { d as defineCustomElement$1 } from './p-c37e4491.js';
 const styleCss = ".sc-smoothly-table-demo-simple-h{display:block}.sc-smoothly-table-demo-simple-h>smoothly-display.sc-smoothly-table-demo-simple{font-size:2em}.sc-smoothly-table-demo-simple-h>*.sc-smoothly-table-demo-simple{margin-bottom:2rem}";
 const SmoothlyTableDemoSimpleStyle0 = styleCss;
@@ -21,7 +21,7 @@ const SmoothlyTableDemoSimple = proxyCustomElement(class SmoothlyTableDemoSimple
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '8d1a40ac641f837ade95db0678cbe96e33fb0d3f' }, h("smoothly-display", { key: 'bfef65aa0969e5f6c50c0c1f6931ca496dd18a18', type: "text", value: "Simple" }), h("smoothly-table", { key: '23bde36b997f2acfc51aea3ebfe9e041e1a50d17', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '3d7a48d72e646cc8466df8b6196215277abd1390' }, h("smoothly-table-row", { key: '8f357a494a4ab508ad17fe4e7335c7765869663d' }, h("smoothly-table-cell", { key: 'f6a150cf9c951245abc3ae8a009716ef3f91a87a' }, "Breed"), h("smoothly-table-cell", { key: '8c1c7b8082cd31e0586ca9e3f78160778a7c8e72' }, "Coat"))), h("smoothly-table-body", { key: '700e3ea9e4475c52554489de9825696d544c4f77' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '7f7f0666a1ea1f47e7c8374690dc5a7c48c3dd7a' }, h("smoothly-table-cell", { key: 'ba35b104f2d3518ea75b5652d0a75d302fc362b7' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '73cd93be19b4f50dc8d84ab6f22236ded0811809' }, "Expandable Cell", h("div", { key: '75fa9c9f2a0c7206a941f52de1af6189670f9f80', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '86a7cb6c60a694e4016deb390bf766953b14d343' }, h("smoothly-table-expandable-cell", { key: 'e6ae6551168987c837e0025d5c1a45142f0c822a' }, "Expandable Cell 1", h("div", { key: '7341edd56910967d6fb323615c6a7c08a0e449ca', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'e352ef1724026813467d69fd65234cc4b49e17a1' }, "Expandable Cell 2", h("div", { key: '480c80ab46c7f0db1f47000ae192d3aa9d88fbd2', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '50e4e030e1e4ea60e125ad006fa228cc4c2cc9d1' }, h("smoothly-table-row", { key: 'f0638efbd0b77789df6a526c536d983a3dec44c6' }, h("smoothly-table-cell", { key: 'cfe79848832328d31abdccc3dd5401627aa6b1ea' }, "Footer Cell"), h("smoothly-table-cell", { key: 'c4fb57a4afc5bd572dc4811f574b52bf8bce11f4' }, "Footer Cell"))))));
+        return (h(Host, { key: 'c99855fc3fec0e6371646b9d80dc6eb2f760fb83' }, h("smoothly-display", { key: '22cdb066e81b4f540a4a24ea99873f07cfc170a9', type: "text", value: "Simple" }), h("smoothly-table", { key: '3c33a7953a3df9f56a2951f40c9b53cbbed6fc02', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'ab6150ee720f5c273e21753fed8d4751af7a5e0f' }, h("smoothly-table-row", { key: 'bfd605db0b18259502269fb51987d50f0c3d2d50' }, h("smoothly-table-cell", { key: 'e7dc419016eb52dff933d3a0c19cc4cb27fdee2e' }, "Breed"), h("smoothly-table-cell", { key: 'e48793414b8b297a1acbf90a6f330eb7eeec06df' }, "Coat"))), h("smoothly-table-body", { key: 'ef558b94597c6c877805915028f28d7a315767d6' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '5752d6771454b173b03ac739d3d128407a8c4c2b' }, h("smoothly-table-cell", { key: '106810827a56ef840877800ea0dba288b26d39f5' }, "Cell5"), h("smoothly-table-expandable-cell", { key: '82f0d1747ce5e4bf301443d9f8a5a075db66680d' }, "Expandable Cell", h("div", { key: '181300e4babb084141eed0221307063f5a10f8ce', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'ce1c0e3e7e43c312909b8d0ab07a4602db8ffd9d' }, h("smoothly-table-expandable-cell", { key: '6ebeef928d144ceb0c1db7edafb31086c766541d' }, "Expandable Cell 1", h("div", { key: 'ae4d2e6fb56b8663bc2a5e3deaa25d3523f2f418', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '85dfa36b36937c1a536ab4a50bc211d78bd02982' }, "Expandable Cell 2", h("div", { key: '076bb7f5b32b66aa3fc5dfae5dfa0da0f95abc41', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: 'aea875642f14051e65608f9d35ee870665912324' }, h("smoothly-table-row", { key: '3cf05bce8534cb4928497bcf40fb305a5a2c7f22' }, h("smoothly-table-cell", { key: 'eaed1416729eaa03d199521e88ef118843f7d5ef' }, "Footer Cell"), h("smoothly-table-cell", { key: '9fd80d51685942d1718b023855546ffab5155020' }, "Footer Cell"))))));
     }
     static get style() { return SmoothlyTableDemoSimpleStyle0; }
 }, [2, "smoothly-table-demo-simple"]);
@@ -174,4 +174,4 @@ defineCustomElement();
 export { SmoothlyTableDemoSimple as S, defineCustomElement as d };
-//# sourceMappingURL=p-4d3d5d0b.js.map
+//# sourceMappingURL=p-237af64d.js.map

package/dist/components/{p-4d3d5d0b.js.map → p-237af64d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~4d3d5d0b~~.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}
1	+ {"file":"p-237af64d.js","mappings":"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","names":[],"sources":["src/components/table/demo/simple/style.css?tag=smoothly-table-demo-simple&encapsulation=scoped","src/components/table/demo/simple/simple.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host>smoothly-display {\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-simple\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoSimple {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Simple\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Breed</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Coat</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\tCountry:\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{cat.country}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Cell5</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell\n\t\t\t\t\t\t\t\t<div slot={\"detail\"}>Content of the expandable cell</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 1<div slot={\"detail\"}>Content of the expandable cell 1</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\tExpandable Cell 2<div slot={\"detail\"}>Content of the expandable cell 2</div>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t\t<smoothly-table-foot>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Footer Cell</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-foot>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\nexport interface Cat {\n\tbreed: string\n\tcountry: string\n\torigin: string\n\tcoat: string\n\tpattern: string\n}\nconst cats: Cat[] = [\n\t{\n\t\tbreed: \"Abyssinian\",\n\t\tcountry: \"Ethiopia\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Ticked\",\n\t},\n\t{\n\t\tbreed: \"Aegean\",\n\t\tcountry: \"Greece\",\n\t\torigin: \"Natural/Standard\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Bi- or tri-colored\",\n\t},\n\t{\n\t\tbreed: \"American Curl\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Bobtail\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Short/Long\",\n\t\tpattern: \"All\",\n\t},\n\t{\n\t\tbreed: \"American Shorthair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"American Wirehair\",\n\t\tcountry: \"United States\",\n\t\torigin: \"Mutation\",\n\t\tcoat: \"Rex\",\n\t\tpattern: \"All but colorpoint\",\n\t},\n\t{\n\t\tbreed: \"Arabian Mau\",\n\t\tcountry: \"Arabian Peninsula\",\n\t\torigin: \"Natural\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"\",\n\t},\n\t{\n\t\tbreed: \"Australian Mist\",\n\t\tcountry: \"Australia\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Spotted and Classic tabby\",\n\t},\n\t{\n\t\tbreed: \"Asian\",\n\t\tcountry: \"developed in the United Kingdom (founding stock from Asia)\",\n\t\torigin: \"\",\n\t\tcoat: \"Short\",\n\t\tpattern: \"Evenly solid\",\n\t},\n\t{\n\t\tbreed: \"Asian Semi-longhair\",\n\t\tcountry: \"United Kingdom\",\n\t\torigin: \"Crossbreed\",\n\t\tcoat: \"Semi-long\",\n\t\tpattern: \"Solid\",\n\t},\n]\n"],"version":3}

package/dist/components/{p-7a9728b2.js → p-239cce56.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$1 } from './p-37732412.js';
+import { d as defineCustomElement$1 } from './p-70b61978.js';
 const styleCss = ".sc-smoothly-lazy-h{display:block}";
 const SmoothlyLazyStyle0 = styleCss;
@@ -16,7 +16,7 @@ const SmoothlyLazy = proxyCustomElement(class SmoothlyLazy extends H {
         this.show = true;
     }
     render() {
-        return (h(Host, { key: 'c9ae1c9e802c0cbfc3ec7c37b3a947f834587d02' }, h("slot", { key: '43f2c47074aec85b940e8dd980c1733f90736374', name: "before" }), h("smoothly-load-more", { key: 'e763c71b4a35fff037cd4018c42a8f80b9b89b8c', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '94f9c7b38e2490e202b7dc712b1ffaaa151eb0cc' })));
+        return (h(Host, { key: '63b30b3d20ab6d5b10536e8278ed22b569e6640e' }, h("slot", { key: 'ee0160928eea94b227751da2b962e28ef857dd57', name: "before" }), h("smoothly-load-more", { key: 'aa55a115ceb40540fa03f07600f98cc50b4650b2', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '5e7bb9c0446485537e8491cf595e6c9738d0cfd5' })));
     }
     static get style() { return SmoothlyLazyStyle0; }
 }, [6, "smoothly-lazy", {
@@ -45,4 +45,4 @@ defineCustomElement();
 export { SmoothlyLazy as S, defineCustomElement as d };
-//# sourceMappingURL=p-7a9728b2.js.map
+//# sourceMappingURL=p-239cce56.js.map

package/dist/components/{p-7a9728b2.js.map → p-239cce56.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~7a9728b2~~.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,oCAAoC,CAAC;AACtD,2BAAe,QAAQ;;MCMV,YAAY;;;;oBACQ,KAAK;;;IAGrC,eAAe,CAAC,KAA0B;QACzC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;KAChB;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACtB,2EAAoB,kBAAkB,EAAE,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAI,EACvE,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,OAAO,IAAI,UAAU,GAAG,EAAC,IAAI,CAAC,OAAO,OAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EACnF,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/lazy/style.css?tag=smoothly-lazy&encapsulation=scoped","src/components/lazy/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, FunctionalComponent, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-lazy\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyLazy {\n\t@Prop({ mutable: true }) show = false\n\t@Prop() content?: VNode \| FunctionalComponent\n\n\tloadMoreHandler(event: CustomEvent<string>): void {\n\t\tevent.stopPropagation()\n\t\tthis.show = true\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"before\" />\n\t\t\t\t<smoothly-load-more onSmoothlyLoadMore={e => this.loadMoreHandler(e)} />\n\t\t\t\t{this.show && (typeof this.content == \"function\" ? <this.content /> : this.content)}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-239cce56.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,oCAAoC,CAAC;AACtD,2BAAe,QAAQ;;MCMV,YAAY;;;;oBACQ,KAAK;;;IAGrC,eAAe,CAAC,KAA0B;QACzC,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;KAChB;IAED,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6DAAM,IAAI,EAAC,QAAQ,GAAG,EACtB,2EAAoB,kBAAkB,EAAE,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAI,EACvE,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,OAAO,IAAI,UAAU,GAAG,EAAC,IAAI,CAAC,OAAO,OAAG,GAAG,IAAI,CAAC,OAAO,CAAC,EACnF,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/lazy/style.css?tag=smoothly-lazy&encapsulation=scoped","src/components/lazy/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, FunctionalComponent, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-lazy\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyLazy {\n\t@Prop({ mutable: true }) show = false\n\t@Prop() content?: VNode \| FunctionalComponent\n\n\tloadMoreHandler(event: CustomEvent<string>): void {\n\t\tevent.stopPropagation()\n\t\tthis.show = true\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"before\" />\n\t\t\t\t<smoothly-load-more onSmoothlyLoadMore={e => this.loadMoreHandler(e)} />\n\t\t\t\t{this.show && (typeof this.content == \"function\" ? <this.content /> : this.content)}\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1062aeb9.js → p-29b5ead7.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$3 } from './p-76531b32.js';
-import { d as defineCustomElement$2 } from './p-d8c97dde.js';
+import { d as defineCustomElement$2 } from './p-84ba0025.js';
 import { d as defineCustomElement$1 } from './p-f62fe4be.js';
 const styleCss = ".sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}";
@@ -14,7 +14,7 @@ const SmoothlyTabsDemo = proxyCustomElement(class SmoothlyTabsDemo extends H {
         this.extraTab2 = undefined;
     }
     render() {
-        return (h(Host, { key: '1b70346408772313cc080652bdba82bc5ef3c4ac' }, h("div", { key: '058abcee5e2e6bce9d85483b1b9d919645edd6a1' }, h("smoothly-button", { key: '92b13ba0afb9ee0a5ba51dcd9acf181faca2e349', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '1815cb420eaed10987c7fe2eb511f9517197a757', tabs: "multiple" }, h("smoothly-tab", { key: 'ee2addb5bd44466e6f1411d06a47f39224f93533', label: "Single Tab", open: true }, h("strong", { key: 'b899046c48f0d14c8fc8018f080c46dc959fff5b' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: 'd251d4235620ffe2145537099ad18131d969d318' }, "tabs"), " to", " ", h("code", { key: '16d4be03e8b6b899aa33102297dbc6fab5aae129' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: '8e290ee05406fbca9f2909c96eff8425a1548b18', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '91f9e4cf2f8925ed63f3d6ac91f1503c87718463' }, h("smoothly-button", { key: '2ffa6b3803a80e9d37567f9dca184c61a8bc87a6', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3327bd61fd5d6f67f79696e689cd0e23acea1789' }, h("smoothly-tab", { key: 'bec5d5d52caec1b186548649b47812e90fc9245b', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: '4741f6e5353eb4d14a59089639c4b5986eb1ff0e', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '62ed2937a3936f041e44d85a374d97631c18a9e3', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '247dd0e338424b6dec731c6a0efe2a51a1e982da', label: "test-extra" }, "this is a test message!"))));
+        return (h(Host, { key: '4fa694eb4fa716e06b64c8590e09958272a9ab25' }, h("div", { key: 'dcbce7da10a2e47bdb0bfa449c22c5f43c2431c9' }, h("smoothly-button", { key: '46be7da6001609bb1f7070b88c344ea69cdb5bda', color: "primary", onClick: () => (this.extraTab1 = !this.extraTab1) }, this.extraTab1 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: 'd2c9b72129d4069bebb91c3552dee6764fbda733', tabs: "multiple" }, h("smoothly-tab", { key: '30f72a2d166f46df13acee919581123eb6e6d6f4', label: "Single Tab", open: true }, h("strong", { key: 'da0641f92f33685db45fd413f0271490baa2b8cf' }, "Single Tab content here."), " If only one tab is available setting ", h("code", { key: '4887c46edd2596478647f994a5e39762646221a4' }, "tabs"), " to", " ", h("code", { key: '234714fd92f9af375786e7aa8f3b381ec071fbcc' }, "\"multiple\""), " will hide the tab navigation and display the single tab's content directly."), this.extraTab1 && (h("smoothly-tab", { key: 'bb95da6e696adf198f3553ed2bbac605cab78632', label: "Extra tab" }, "When there are more then one tab, the tab navigation will show."))), h("div", { key: '61bf6804a1755733bcb908596037876e04a07f66' }, h("smoothly-button", { key: 'da489111477ccd32ac5c37260cc07f8bcb752379', color: "primary", onClick: () => (this.extraTab2 = !this.extraTab2) }, this.extraTab2 ? "Remove" : "Add", " tab")), h("smoothly-tabs", { key: '3443afb10a2907b33d2aa6bb56ab694ada67f433' }, h("smoothly-tab", { key: 'b308816502269294dc3638858499759e23b9eea9', label: "Disabled tab", tooltip: "Tooltip for test3", disabled: true }, "this is a test message again!"), h("smoothly-tab", { key: 'c411fde7f9b7b3aed669a087f3c5b8c1b9f9e170', label: "test1", tooltip: "Tooltip for test1", open: true }, "Hello world!"), h("smoothly-tab", { key: '2aefef461778c8833b12a10906013b8fee29b8a2', label: "test2" }, "this is a test message!"), this.extraTab2 && h("smoothly-tab", { key: '3eb43d060c244ca3fd0dc953a26d258935640d47', label: "test-extra" }, "this is a test message!"))));
     }
     static get style() { return SmoothlyTabsDemoStyle0; }
 }, [2, "smoothly-tabs-demo", {
@@ -53,4 +53,4 @@ defineCustomElement();
 export { SmoothlyTabsDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-1062aeb9.js.map
+//# sourceMappingURL=p-29b5ead7.js.map

package/dist/components/{p-1062aeb9.js.map → p-29b5ead7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~1062aeb9~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,iYAAiY,CAAC;AACnZ,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;;;IAI5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,sEAAe,IAAI,EAAC,UAAU,IAC7B,qEAAc,KAAK,EAAC,YAAY,EAAC,IAAI,UACpC,4FAAyC,4CAAsC,sEAAiB,SAAI,GAAG,EACvG,8EAAuB,iFACT,EACd,IAAI,CAAC,SAAS,KACd,qEAAc,KAAK,EAAC,WAAW,sEAEhB,CACf,CACc,EAEhB,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,wEACC,qEAAc,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,mBAAmB,EAAC,QAAQ,0CAExD,EACf,qEAAc,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,mBAAmB,EAAC,IAAI,yBAE7C,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EACjE,IAAI,CAAC,SAAS,IAAI,qEAAc,KAAK,EAAC,YAAY,8BAAuC,CAC3E,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n\tmargin-block: 5rem;\n}\n:host code {\n\tcolor: rgb(var(--smoothly-medium-contrast));\n\tbackground-color: rgb(var(--smoothly-medium-color));\n\tpadding-inline: 0.25rem;\n\tborder-radius: 0.25rem;\n}\n","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() extraTab1: boolean\n\t@State() extraTab2: boolean\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab1 = !this.extraTab1)}>\n\t\t\t\t\t\t{this.extraTab1 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\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</smoothly-tab>\n\t\t\t\t\t{this.extraTab1 && (\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<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab2 = !this.extraTab2)}>\n\t\t\t\t\t\t{this.extraTab2 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t<smoothly-tab label=\"Disabled tab\" tooltip=\"Tooltip for test3\" disabled>\n\t\t\t\t\t\tthis is a test message again!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test1\" tooltip=\"Tooltip for 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{this.extraTab2 && <smoothly-tab label=\"test-extra\">this is a test message!</smoothly-tab>}\n\t\t\t\t</smoothly-tabs>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-29b5ead7.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,iYAAiY,CAAC;AACnZ,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;;;IAI5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,sEAAe,IAAI,EAAC,UAAU,IAC7B,qEAAc,KAAK,EAAC,YAAY,EAAC,IAAI,UACpC,4FAAyC,4CAAsC,sEAAiB,SAAI,GAAG,EACvG,8EAAuB,iFACT,EACd,IAAI,CAAC,SAAS,KACd,qEAAc,KAAK,EAAC,WAAW,sEAEhB,CACf,CACc,EAEhB,8DACC,wEAAiB,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAChF,IAAI,CAAC,SAAS,GAAG,QAAQ,GAAG,KAAK,SACjB,CACb,EACN,wEACC,qEAAc,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,mBAAmB,EAAC,QAAQ,0CAExD,EACf,qEAAc,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,mBAAmB,EAAC,IAAI,yBAE7C,EACf,qEAAc,KAAK,EAAC,OAAO,8BAAuC,EACjE,IAAI,CAAC,SAAS,IAAI,qEAAc,KAAK,EAAC,YAAY,8BAAuC,CAC3E,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/tabs/demo/style.css?tag=smoothly-tabs-demo&encapsulation=scoped","src/components/tabs/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > * {\n\tmargin: auto;\n\tmax-width: 1200px;\n\twidth: 100%;\n\tmargin-block: 5rem;\n}\n:host code {\n\tcolor: rgb(var(--smoothly-medium-contrast));\n\tbackground-color: rgb(var(--smoothly-medium-color));\n\tpadding-inline: 0.25rem;\n\tborder-radius: 0.25rem;\n}\n","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() extraTab1: boolean\n\t@State() extraTab2: boolean\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab1 = !this.extraTab1)}>\n\t\t\t\t\t\t{this.extraTab1 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\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</smoothly-tab>\n\t\t\t\t\t{this.extraTab1 && (\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<div>\n\t\t\t\t\t<smoothly-button color=\"primary\" onClick={() => (this.extraTab2 = !this.extraTab2)}>\n\t\t\t\t\t\t{this.extraTab2 ? \"Remove\" : \"Add\"} tab\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t<smoothly-tab label=\"Disabled tab\" tooltip=\"Tooltip for test3\" disabled>\n\t\t\t\t\t\tthis is a test message again!\n\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t<smoothly-tab label=\"test1\" tooltip=\"Tooltip for 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{this.extraTab2 && <smoothly-tab label=\"test-extra\">this is a test message!</smoothly-tab>}\n\t\t\t\t</smoothly-tabs>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-14e31e4a.js → p-2b01f531.js} RENAMED Viewed

@@ -3,16 +3,16 @@ import { C as Color, F as Fill, I as Icon } from './p-57ac5d1b.js';
 import './p-390767c7.js';
 import './p-47ea6b68.js';
 import { d as defineCustomElement$b } from './p-76531b32.js';
-import { d as defineCustomElement$a } from './p-19d93e64.js';
+import { d as defineCustomElement$a } from './p-c9caeeb4.js';
 import { d as defineCustomElement$9 } from './p-604f869e.js';
-import { d as defineCustomElement$8 } from './p-e48ad105.js';
-import { d as defineCustomElement$7 } from './p-90cf2f0e.js';
-import { d as defineCustomElement$6 } from './p-2ef8a833.js';
-import { d as defineCustomElement$5 } from './p-6d1e5f27.js';
-import { d as defineCustomElement$4 } from './p-fb97b2ff.js';
-import { d as defineCustomElement$3 } from './p-4441247b.js';
-import { d as defineCustomElement$2 } from './p-1e46b981.js';
-import { d as defineCustomElement$1 } from './p-3a1a67e7.js';
+import { d as defineCustomElement$8 } from './p-6337ab02.js';
+import { d as defineCustomElement$7 } from './p-9ad494c1.js';
+import { d as defineCustomElement$6 } from './p-fd230d2b.js';
+import { d as defineCustomElement$5 } from './p-ce52b5f8.js';
+import { d as defineCustomElement$4 } from './p-c4674baf.js';
+import { d as defineCustomElement$3 } from './p-efb6497e.js';
+import { d as defineCustomElement$2 } from './p-33c30e05.js';
+import { d as defineCustomElement$1 } from './p-723edf05.js';
 const styleCss = ".sc-smoothly-button-demo-standard-h smoothly-input-select.sc-smoothly-button-demo-standard smoothly-item.sc-smoothly-button-demo-standard{display:flex}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard{display:flex;flex-wrap:wrap;gap:0.5rem}.sc-smoothly-button-demo-standard-h .buttons.sc-smoothly-button-demo-standard>smoothly-button.sc-smoothly-button-demo-standard{margin-block:0}.sc-smoothly-button-demo-standard-h .height-text.sc-smoothly-button-demo-standard{border-left:3px dotted rgb(var(--smoothly-default-contrast));padding-inline:1rem;align-content:center}";
 const SmoothlyButtonDemoStandardStyle0 = styleCss;
@@ -123,4 +123,4 @@ defineCustomElement();
 export { SmoothlyButtonDemoStandard as S, defineCustomElement as d };
-//# sourceMappingURL=p-14e31e4a.js.map
+//# sourceMappingURL=p-2b01f531.js.map

package/dist/components/{p-14e31e4a.js.map → p-2b01f531.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~14e31e4a~~.js","mappings":"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","names":[],"sources":["src/components/button/demo/standard/style.css?tag=smoothly-button-demo-standard&encapsulation=scoped","src/components/button/demo/standard/index.tsx"],"sourcesContent":[":host smoothly-input-select smoothly-item {\n\tdisplay: flex;\n}\n\n:host .buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 0.5rem;\n}\n:host .buttons > smoothly-button {\n\tmargin-block: 0;\n}\n\n:host .height-text {\n\tborder-left: 3px dotted rgb(var(--smoothly-default-contrast));\n\tpadding-inline: 1rem;\n\talign-content: center;\n}\n","import { Component, h, Host, State, Watch } from \"@stencil/core\"\nimport { Color, Fill, Icon } from \"../../../../model\"\nimport { Button } from \"../../Button\"\n\ntype Options = {\n\tfill?: Fill\n\tdisabled?: boolean\n\texpand?: \"block\" \| \"full\"\n\ttype?: Button.Properties[\"type\"]\n\tsize?: \"small\" \| \"large\" \| \"icon\" \| \"flexible\"\n\trounded?: boolean\n\ticon?: Icon\n\ttext?: { value: string; useColor?: boolean }\n\ttooltip?: string\n}\n\n@Component({\n\ttag: \"smoothly-button-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonDemoStandard {\n\t@State() props: Options = {}\n\t@State() heightText: string = \"\"\n\t@State() lastButton?: HTMLElement\n\n\t@Watch(\"props\")\n\tupdateInputHeightText() {\n\t\tsetTimeout(() => {\n\t\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\t\tif (this.lastButton) {\n\t\t\t\tconst heightPx = this.lastButton.clientHeight\n\t\t\t\tthis.heightText = `${heightPx / rootFontSize}rem (${heightPx}px)`\n\t\t\t}\n\t\t}, 100)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Button Standard</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)} looks=\"grid\">\n\t\t\t\t\t<smoothly-input-checkbox name=\"text.useColor\" checked>\n\t\t\t\t\t\tUse Color as Text\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"size\">\n\t\t\t\t\t\t<span slot=\"label\">Size</span>\n\t\t\t\t\t\t{[\"small\", \"large\", \"icon\", \"flexible\"].map(size => (\n\t\t\t\t\t\t\t<smoothly-item value={size} key={size}>\n\t\t\t\t\t\t\t\t{size}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"text.value\" value=\"Button\">\n\t\t\t\t\t\tText\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio name=\"expand\" clearable>\n\t\t\t\t\t\t<span slot=\"label\">Expand</span>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"block\">block</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"full\">full</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-select name=\"fill\">\n\t\t\t\t\t\t<span slot=\"label\">Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill} key={fill}>\n\t\t\t\t\t\t\t\t{fill}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"type\">\n\t\t\t\t\t\t<span slot=\"label\">Type</span>\n\t\t\t\t\t\t{[\"button\", \"submit\", \"reset\", \"link\"].map(type => (\n\t\t\t\t\t\t\t<smoothly-item value={type} key={type}>\n\t\t\t\t\t\t\t\t{type}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"rounded\">Rounded</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"icon\" menuHeight=\"8items\">\n\t\t\t\t\t\t<span slot=\"label\">Icon</span>\n\t\t\t\t\t\t{Icon.Name.values.map(icon => (\n\t\t\t\t\t\t\t<smoothly-item value={icon} key={icon}>\n\t\t\t\t\t\t\t\t<smoothly-icon name={icon} size=\"small\" tooltip={icon} />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"tooltip\" value=\"Tooltip\">\n\t\t\t\t\t\tTooltip\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t{Color.values.map((color, index, colors) => (\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tonClick={e => console.log(`Clicked button with color: ${color}`, e)}\n\t\t\t\t\t\t\ttooltip={this.props.tooltip}\n\t\t\t\t\t\t\tref={el => colors.length - 1 == index && (this.lastButton = el)}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\texpand={this.props.expand}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tdisabled={this.props.disabled}\n\t\t\t\t\t\t\tshape={this.props.rounded ? \"rounded\" : undefined}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\ttype={this.props.type}\n\t\t\t\t\t\t\tkey={color}>\n\t\t\t\t\t\t\t{this.props.icon ? <smoothly-icon name={this.props.icon} /> : undefined}\n\t\t\t\t\t\t\t{this.props.text?.useColor ? color : this.props.text?.value}\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t))}\n\t\t\t\t\t<div class=\"height-text\">{this.heightText}</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-2b01f531.js","mappings":"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","names":[],"sources":["src/components/button/demo/standard/style.css?tag=smoothly-button-demo-standard&encapsulation=scoped","src/components/button/demo/standard/index.tsx"],"sourcesContent":[":host smoothly-input-select smoothly-item {\n\tdisplay: flex;\n}\n\n:host .buttons {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 0.5rem;\n}\n:host .buttons > smoothly-button {\n\tmargin-block: 0;\n}\n\n:host .height-text {\n\tborder-left: 3px dotted rgb(var(--smoothly-default-contrast));\n\tpadding-inline: 1rem;\n\talign-content: center;\n}\n","import { Component, h, Host, State, Watch } from \"@stencil/core\"\nimport { Color, Fill, Icon } from \"../../../../model\"\nimport { Button } from \"../../Button\"\n\ntype Options = {\n\tfill?: Fill\n\tdisabled?: boolean\n\texpand?: \"block\" \| \"full\"\n\ttype?: Button.Properties[\"type\"]\n\tsize?: \"small\" \| \"large\" \| \"icon\" \| \"flexible\"\n\trounded?: boolean\n\ticon?: Icon\n\ttext?: { value: string; useColor?: boolean }\n\ttooltip?: string\n}\n\n@Component({\n\ttag: \"smoothly-button-demo-standard\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButtonDemoStandard {\n\t@State() props: Options = {}\n\t@State() heightText: string = \"\"\n\t@State() lastButton?: HTMLElement\n\n\t@Watch(\"props\")\n\tupdateInputHeightText() {\n\t\tsetTimeout(() => {\n\t\t\tconst rootFontSize = Number(getComputedStyle(document.documentElement).fontSize.replace(\"px\", \"\"))\n\t\t\tif (this.lastButton) {\n\t\t\t\tconst heightPx = this.lastButton.clientHeight\n\t\t\t\tthis.heightText = `${heightPx / rootFontSize}rem (${heightPx}px)`\n\t\t\t}\n\t\t}, 100)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Button Standard</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)} looks=\"grid\">\n\t\t\t\t\t<smoothly-input-checkbox name=\"text.useColor\" checked>\n\t\t\t\t\t\tUse Color as Text\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"size\">\n\t\t\t\t\t\t<span slot=\"label\">Size</span>\n\t\t\t\t\t\t{[\"small\", \"large\", \"icon\", \"flexible\"].map(size => (\n\t\t\t\t\t\t\t<smoothly-item value={size} key={size}>\n\t\t\t\t\t\t\t\t{size}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"text.value\" value=\"Button\">\n\t\t\t\t\t\tText\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-radio name=\"expand\" clearable>\n\t\t\t\t\t\t<span slot=\"label\">Expand</span>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"block\">block</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-radio-item value=\"full\">full</smoothly-input-radio-item>\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t<smoothly-input-select name=\"fill\">\n\t\t\t\t\t\t<span slot=\"label\">Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill} key={fill}>\n\t\t\t\t\t\t\t\t{fill}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"disabled\">Disabled</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"type\">\n\t\t\t\t\t\t<span slot=\"label\">Type</span>\n\t\t\t\t\t\t{[\"button\", \"submit\", \"reset\", \"link\"].map(type => (\n\t\t\t\t\t\t\t<smoothly-item value={type} key={type}>\n\t\t\t\t\t\t\t\t{type}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-checkbox name=\"rounded\">Rounded</smoothly-input-checkbox>\n\t\t\t\t\t<smoothly-input-select name=\"icon\" menuHeight=\"8items\">\n\t\t\t\t\t\t<span slot=\"label\">Icon</span>\n\t\t\t\t\t\t{Icon.Name.values.map(icon => (\n\t\t\t\t\t\t\t<smoothly-item value={icon} key={icon}>\n\t\t\t\t\t\t\t\t<smoothly-icon name={icon} size=\"small\" tooltip={icon} />\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input name=\"tooltip\" value=\"Tooltip\">\n\t\t\t\t\t\tTooltip\n\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t{Color.values.map((color, index, colors) => (\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tonClick={e => console.log(`Clicked button with color: ${color}`, e)}\n\t\t\t\t\t\t\ttooltip={this.props.tooltip}\n\t\t\t\t\t\t\tref={el => colors.length - 1 == index && (this.lastButton = el)}\n\t\t\t\t\t\t\tcolor={color}\n\t\t\t\t\t\t\texpand={this.props.expand}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tdisabled={this.props.disabled}\n\t\t\t\t\t\t\tshape={this.props.rounded ? \"rounded\" : undefined}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\ttype={this.props.type}\n\t\t\t\t\t\t\tkey={color}>\n\t\t\t\t\t\t\t{this.props.icon ? <smoothly-icon name={this.props.icon} /> : undefined}\n\t\t\t\t\t\t\t{this.props.text?.useColor ? color : this.props.text?.value}\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t))}\n\t\t\t\t\t<div class=\"height-text\">{this.heightText}</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-f2f0d309.js → p-2d648420.js} RENAMED Viewed

@@ -4,14 +4,14 @@ import { d as defineCustomElement$c } from './p-4e754f3b.js';
 import { d as defineCustomElement$b } from './p-f893b6cc.js';
 import { d as defineCustomElement$a } from './p-ccbdacc9.js';
 import { d as defineCustomElement$9 } from './p-3aed2b34.js';
-import { d as defineCustomElement$8 } from './p-7a9728b2.js';
-import { d as defineCustomElement$7 } from './p-37732412.js';
-import { d as defineCustomElement$6 } from './p-346ba422.js';
-import { d as defineCustomElement$5 } from './p-35bfb804.js';
-import { d as defineCustomElement$4 } from './p-5d4481e5.js';
-import { d as defineCustomElement$3 } from './p-40d2000b.js';
-import { d as defineCustomElement$2 } from './p-4051f859.js';
-import { d as defineCustomElement$1 } from './p-3fa2299b.js';
+import { d as defineCustomElement$8 } from './p-239cce56.js';
+import { d as defineCustomElement$7 } from './p-70b61978.js';
+import { d as defineCustomElement$6 } from './p-5c9332bf.js';
+import { d as defineCustomElement$5 } from './p-3f2e92e9.js';
+import { d as defineCustomElement$4 } from './p-08527022.js';
+import { d as defineCustomElement$3 } from './p-85ed9f7d.js';
+import { d as defineCustomElement$2 } from './p-234932d2.js';
+import { d as defineCustomElement$1 } from './p-c37e4491.js';
 const styleCss = ".sc-smoothly-table-demo-colspan-h{display:block}.sc-smoothly-table-demo-colspan-h smoothly-display.sc-smoothly-table-demo-colspan{display:inline}";
 const SmoothlyTableDemoColspanStyle0 = styleCss;
@@ -22,7 +22,7 @@ const SmoothlyTableDemoColspan = proxyCustomElement(class SmoothlyTableDemoColsp
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '1b9dfde05087d6be2711b86baca19630286b2322' }, h("smoothly-table", { key: '0ba0536e747782d879f6a2cf099388435c881ad5', columns: 3 }, h("smoothly-table-head", { key: 'e14bea187af499007f4173c261526c72f3b89c8e' }, h("smoothly-table-row", { key: '9104850519968b86ba1f48f5ee997a1ccfa49a12' }, h("smoothly-table-cell", { key: '26dd9041355d04f517e3951ce608cc8b60b8caaf' }, "Date"), h("smoothly-table-cell", { key: 'b78eb957ed8ec68b5919362fe0afedc1f6375c5d' }, "Skip"), h("smoothly-table-cell", { key: '1f8ef467f5a9e9ba2157e126fc3adedb2821c9ea' }, "Total"))), h("smoothly-table-body", { key: '6679b94c153ce61b39957e64d453f8f5edd47cf0' }, h("smoothly-table-row", { key: 'd0f0c0b13b0e56b7fc761701897f9304c531c5d9' }, h("smoothly-table-cell", { key: '8e022e2e5befad0983c8d6e0567dc92a8fe1bb0c', span: 2 }, h("smoothly-display", { key: 'efb5e464048093e3855163818b6b38d86f084995', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: 'c9912c8e499f751cd84323b15b282f58e1a2a052' }, h("smoothly-display", { key: 'f618c45ed3960424e46ef6f40adf2b69c7307a08', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: 'a8605b2eb3eb80ab039f2cc6e257842045e16909' }, h("smoothly-table-expandable-cell", { key: 'cf8436e7d932f4ff0d92a054c74275551961a1ab', span: 2 }, h("smoothly-display", { key: '2013f65b67bf9f03de31fabae41e2fa4cfab338c', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'e8d3b46995025d2f3af0f2f587b555bf4d1c0daf', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '0409b2d3c90ada5737e6bb9069fb1066ff7063af' }, h("smoothly-display", { key: '82bd4a3cde9062604343fd53161a7d86838f4fed', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: '4592efa154194347becf15f00275303577d743b7', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '0aa33698c9d9de3f41d04298d60a15b62f9294e4' }, h("smoothly-table-cell", { key: '5e7265ba2d08b2aba02decd78ad88319cc407f72' }, h("smoothly-display", { key: '5af078d9ea92c4a6865a3f7545ece78d709c85fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '606899c1227efff03793e7108f413ca727b77304' }, "Not Skipped"), h("smoothly-table-cell", { key: '9fcdda1bad4686bf2c8a5a78486a05d25d923402' }, h("smoothly-display", { key: '033cf9f7f2f090738f71320df238d26152acdcd1', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: 'fff7b4cb91b1f9b0e6534666a84a2ea28c269310' }, h("smoothly-table", { key: '4ddff78ef850a69b7e0cc7bcfec6f8174c11c914', columns: 3 }, h("smoothly-table-head", { key: 'ab6863e67f5d10fa589e03f91777bcb14fe8ce4e' }, h("smoothly-table-row", { key: '59f589f45581a84b7a438f183ca8a67c1df140d1' }, h("smoothly-table-cell", { key: '583bf167c1def4d301e8348a5fa50b6fdfdc0e94' }, "Date"), h("smoothly-table-cell", { key: 'e9f01b05874f41d929466292261c3769a5da4446' }, "Skip"), h("smoothly-table-cell", { key: '1d2fa708369e2a48fa44aadf188e24e72519c0f6' }, "Total"))), h("smoothly-table-body", { key: '4480d442f17ab3272473576fd006b516679ba74c' }, h("smoothly-table-row", { key: '1f5761800165248dc09cd748f256f27924bb456f' }, h("smoothly-table-cell", { key: '97224720b11bb6ede655ce803e341fc85baf86bc', span: 2 }, h("smoothly-display", { key: '194f5e0a678d14248c474c1c0ffd7478ed9ffaae', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '1bdaeb35ee09362fe75f022311e5643e34f52db1' }, h("smoothly-display", { key: 'b582e4561a2eb4f2cbe22be2e083d90e146dc183', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '837006088b86dd7ef032e0c7a5753e3d64f6a1ba' }, h("smoothly-table-expandable-cell", { key: 'b7b6019430bbdeca619eafef1dd6b9442c87ef5d', span: 2 }, h("smoothly-display", { key: '88b8d3e5a75c3a958e879d23b7f9e413fba47da4', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: 'fcb63742e4d64bd2a38f0337412e045bedbf39ed', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: '240131b49a8b7521004a7a95737366ebb1bdda20' }, h("smoothly-display", { key: '4aad0bf2cbf412e075f766e10d40c5758a048be2', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'c53342cf39d624907d06c540afa90fb5646d360f', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: '7e6f015b0e0794f403e8d5c8895aaae682bf6bb8' }, h("smoothly-table-cell", { key: 'bd245690132ffc224cf1e3bb816dcc5a78203ce6' }, h("smoothly-display", { key: '286f1a6ab76766ba8f572aa332ad95fd20273315', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '81ed56ba532993dbd457df465c3ea37c4c827c31' }, "Not Skipped"), h("smoothly-table-cell", { key: 'abd4bcd79701b87d36266387299db43d88773bf9' }, h("smoothly-display", { key: 'f5a50eeccb0ee32593ba953447fb73ba5900f0ea', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get style() { return SmoothlyTableDemoColspanStyle0; }
 }, [2, "smoothly-table-demo-colspan"]);
@@ -108,4 +108,4 @@ defineCustomElement();
 export { SmoothlyTableDemoColspan as S, defineCustomElement as d };
-//# sourceMappingURL=p-f2f0d309.js.map
+//# sourceMappingURL=p-2d648420.js.map

package/dist/components/{p-f2f0d309.js.map → p-2d648420.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~f2f0d309~~.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,mJAAmJ,CAAC;AACrK,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,OAAO,EAAE,CAAC,IACzB,8EACC,6EACC,qFAA+C,EAC/C,qFAA+C,EAC/C,sFAAgD,CAC5B,CACA,EACtB,8EACC,6EACC,4EAAqB,IAAI,EAAE,CAAC,IAC3B,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,CAClC,EACtB,8EACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC3C,CACF,EACrB,6EACC,uFAAgC,IAAI,EAAE,CAAC,IACtC,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,EACvD,sEACC,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,wBAAkB,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,0BAA0B,GAAI,GAClF,CAC8B,EACjC,yFACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,EAChE,sEACC,IAAI,EAAE,QAAQ,EACd,OAAO,EACN,gBACC,wBAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,EAC/D,KAAK,EACN,wBAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC1D,GAEP,CAC8B,CACb,EACrB,6EACC,8EACC,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,CAClC,EACtB,4FAAsD,EACtD,8EACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC3C,CACF,CACA,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/colspan/style.css?tag=smoothly-table-demo-colspan&encapsulation=scoped","src/components/table/demo/colspan/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-colspan\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoColspan {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table columns={3}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Skip</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={120} currency={\"EUR\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell span={2}>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-02T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={220} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={120} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Not Skipped</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={320} currency={\"EUR\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-2d648420.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,mJAAmJ,CAAC;AACrK,uCAAe,QAAQ;;MCMV,wBAAwB;;;;;IACpC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,OAAO,EAAE,CAAC,IACzB,8EACC,6EACC,qFAA+C,EAC/C,qFAA+C,EAC/C,sFAAgD,CAC5B,CACA,EACtB,8EACC,6EACC,4EAAqB,IAAI,EAAE,CAAC,IAC3B,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,CAClC,EACtB,8EACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC3C,CACF,EACrB,6EACC,uFAAgC,IAAI,EAAE,CAAC,IACtC,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,EACvD,sEACC,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,wBAAkB,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,0BAA0B,GAAI,GAClF,CAC8B,EACjC,yFACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,EAChE,sEACC,IAAI,EAAE,QAAQ,EACd,OAAO,EACN,gBACC,wBAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,EAC/D,KAAK,EACN,wBAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC1D,GAEP,CAC8B,CACb,EACrB,6EACC,8EACC,yEAAkB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,GAAI,CAClC,EACtB,4FAAsD,EACtD,8EACC,yEAAkB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAI,CAC3C,CACF,CACA,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/colspan/style.css?tag=smoothly-table-demo-colspan&encapsulation=scoped","src/components/table/demo/colspan/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-colspan\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoColspan {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table columns={3}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Skip</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={120} currency={\"EUR\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell span={2}>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-02T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={220} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={120} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Not Skipped</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={320} currency={\"EUR\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d4f3568a.js → p-31af74d1.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date, a as DateTime } from './p-390767c7.js';
 import { d as defineCustomElement$m } from './p-76531b32.js';
-import { d as defineCustomElement$l } from './p-30f4e440.js';
+import { d as defineCustomElement$l } from './p-5eafd1ac.js';
 import { d as defineCustomElement$k } from './p-00165343.js';
 import { d as defineCustomElement$j } from './p-9e2ee779.js';
 import { d as defineCustomElement$i } from './p-4e754f3b.js';
@@ -9,19 +9,19 @@ import { d as defineCustomElement$h } from './p-f893b6cc.js';
 import { d as defineCustomElement$g } from './p-ccbdacc9.js';
 import { d as defineCustomElement$f } from './p-3aed2b34.js';
 import { d as defineCustomElement$e } from './p-604f869e.js';
-import { d as defineCustomElement$d } from './p-e48ad105.js';
-import { d as defineCustomElement$c } from './p-90cf2f0e.js';
-import { d as defineCustomElement$b } from './p-aff94100.js';
-import { d as defineCustomElement$a } from './p-12f62e4d.js';
-import { d as defineCustomElement$9 } from './p-581d3377.js';
-import { d as defineCustomElement$8 } from './p-96fff9ba.js';
-import { d as defineCustomElement$7 } from './p-c172bb64.js';
-import { d as defineCustomElement$6 } from './p-6d1e5f27.js';
-import { d as defineCustomElement$5 } from './p-fb97b2ff.js';
-import { d as defineCustomElement$4 } from './p-ec815cfd.js';
-import { d as defineCustomElement$3 } from './p-4441247b.js';
-import { d as defineCustomElement$2 } from './p-1e46b981.js';
-import { d as defineCustomElement$1 } from './p-bb94849f.js';
+import { d as defineCustomElement$d } from './p-6337ab02.js';
+import { d as defineCustomElement$c } from './p-9ad494c1.js';
+import { d as defineCustomElement$b } from './p-766ab435.js';
+import { d as defineCustomElement$a } from './p-4da1c188.js';
+import { d as defineCustomElement$9 } from './p-ad918487.js';
+import { d as defineCustomElement$8 } from './p-73a6bddc.js';
+import { d as defineCustomElement$7 } from './p-b34956f3.js';
+import { d as defineCustomElement$6 } from './p-ce52b5f8.js';
+import { d as defineCustomElement$5 } from './p-c4674baf.js';
+import { d as defineCustomElement$4 } from './p-82c97ae6.js';
+import { d as defineCustomElement$3 } from './p-efb6497e.js';
+import { d as defineCustomElement$2 } from './p-33c30e05.js';
+import { d as defineCustomElement$1 } from './p-ac63635b.js';
 const styleCss = ".sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}";
 const SmoothlyInputDemoUserInputStyle0 = styleCss;
@@ -47,11 +47,11 @@ const SmoothlyInputDemoUserInput = proxyCustomElement(class SmoothlyInputDemoUse
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '93ac8ff24d005bece5c380c5fa1e0e460b7c2310' }, h("div", { key: '0ba15264f8f6fb95f48278cee3820a031cfb977f' }, h("h2", { key: '4261f82d2dc941553a6cf0549169f0c2c9a2e2c6' }, "User Input Event"), h("p", { key: 'eeca3c1b24c324e53ca52b23dbd9df821b30e6c1' }, "These inputs demonstrate how user input is handled. The ", h("code", { key: 'b7e43b4a632c958c17a9967440b696f95846dc7c' }, "smoothlyUserInput"), " event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).", h("br", { key: '20323a0fffe89110ff3373867dfd8a029904e6b9' }), "Check the console to see the details of each ", h("code", { key: '07ff89fb5e17565794500a28ac48a70718e90cdd' }, "smoothlyUserInput"), " event.")), h("smoothly-button", { key: '21e0a9fb254fd031300e723f6701355b8380625f', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), h("smoothly-input", { key: '740cf48fc2cdaec9a3bc65e16f37b1484c004291', looks: "border", name: "demo-user-input-text", value: this.textIndex === undefined ? "" : this.values[this.textIndex], onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Text input"), h("smoothly-button", { key: 'd5e47e8255f17e086949082e1d203fdaf96d239c', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), h("smoothly-input-select", { key: '987ba8692821080005e0fdcefa4284ca43e98b47', looks: "border", name: "demo-user-input-select", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '791e894a717db40227dfaacb23be2c81e465c06d', slot: "label" }, "Select input"), this.values.map((value, index) => (h("smoothly-item", { value: index, selected: index == this.selectIndex }, value)))), h("smoothly-button", { key: 'a389b777d3a0fb141d5570dbb82d5011d1a53d7e', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), h("smoothly-input-checkbox", { key: '278136f9e02298f34940d702e9d8f358f2b80270', looks: "border", name: "demo-user-input-checkbox", checked: this.checkboxChecked, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Checkbox input"), h("smoothly-button", { key: '6c4e2d24b532826987253a56ac23a30f5f3dc60a', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), h("smoothly-input-radio", { key: 'fa59ba1fade7ae69fdf2acaa1b18b05b664e018e', looks: "border", name: "demo-user-input-radio", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '26f7ad2608e6db8ba693fbee9e2eed6c64059b29', slot: "label" }, "Radio input"), this.values.map((value, index) => (h("smoothly-input-radio-item", { value: value, selected: index == this.radioIndex }, value)))), h("smoothly-button", { key: '9d78136a67f26faafa61e1abca4e1e1f47cba517', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), h("smoothly-input-range", { key: '10e6e5e417e847609935b78b5ddc4400e9533ce9', looks: "border", name: "demo-user-input-range", step: 1, min: 0, max: this.values.length, value: this.rangeValue, label: "Range Input", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }), h("smoothly-button", { key: 'd3ae741244d8a8c791386d8bbf2353cad652c0b5', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), h("smoothly-input-color", { key: '3c6552b159e6f02dd19ceba1abb854e34f3a13ed', looks: "border", name: "demo-user-input-color", value: typeof this.colorIndex == "number" ? this.colors[this.colorIndex] : undefined, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Color input"), h("smoothly-button", { key: '3b559b505ff8dca9ebb38e42f40f2fbecbc62910', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? Date.next(this.dateValue) : Date.now()) }, "Next day"), h("smoothly-input-date", { key: '0bd408ca9eab5aac19afc12769ad79249f50ac70', looks: "border", name: "demo-user-input-date", value: this.dateValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date input"), h("smoothly-button", { key: '0c12e56f8364e92514b8b12f9e30bbf8df97859d', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
+        return (h(Host, { key: '3f8731e8b4010dbac473fad42f40b127c56e5d44' }, h("div", { key: 'b1cc52a81b0488bc82506c922c5e378fd9de3189' }, h("h2", { key: 'caa040ebf00d2211f367089297fc43bb784e67fd' }, "User Input Event"), h("p", { key: '778dfcd11303537d6d362ffe13bf03b4172cbc41' }, "These inputs demonstrate how user input is handled. The ", h("code", { key: '133a7f12ea31478e1848679b6a9492d91adb8a1d' }, "smoothlyUserInput"), " event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).", h("br", { key: '144eb13a56ef541e5a7828973d698cb6fb672e56' }), "Check the console to see the details of each ", h("code", { key: '6142d5f8f0844caaa2d1e428278413807a3ef094' }, "smoothlyUserInput"), " event.")), h("smoothly-button", { key: 'cbff417434271517e66c04336978429ed5f4b9e8', color: "tertiary", onClick: () => (this.textIndex = this.increment(this.textIndex)) }, "Change text"), h("smoothly-input", { key: '7cf13015c86c9e14a34ee05165b60e4baf0fa06d', looks: "border", name: "demo-user-input-text", value: this.textIndex === undefined ? "" : this.values[this.textIndex], onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Text input"), h("smoothly-button", { key: 'd4e4e5b7230d45583ca98c98929b0bd88514ec28', onClick: () => (this.selectIndex = this.increment(this.selectIndex)), color: "tertiary" }, "Next select item"), h("smoothly-input-select", { key: '84489f8685c6dc0bfbef5b152290be3492a99a64', looks: "border", name: "demo-user-input-select", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '1d1a87b139324bf4f8b00c4e5e7ff72121e8e92e', slot: "label" }, "Select input"), this.values.map((value, index) => (h("smoothly-item", { value: index, selected: index == this.selectIndex }, value)))), h("smoothly-button", { key: '62518b7e958e1294175486fe4998a66b16e23bcd', color: "tertiary", onClick: () => (this.checkboxChecked = !this.checkboxChecked) }, "Toggle checkbox"), h("smoothly-input-checkbox", { key: 'ca75c33baaee28ac2968364736916992fe407362', looks: "border", name: "demo-user-input-checkbox", checked: this.checkboxChecked, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Checkbox input"), h("smoothly-button", { key: 'ca93b9ff77ac4cbd540802018be52967ce4b6d78', color: "tertiary", onClick: () => (this.radioIndex = this.increment(this.radioIndex)) }, "Next radio item"), h("smoothly-input-radio", { key: 'e5d2e4df79ba24dff605df4ea057394ba0bd9f4f', looks: "border", name: "demo-user-input-radio", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, h("span", { key: '59780a80a26274e7c4f07a84a4a735a1e68f9caf', slot: "label" }, "Radio input"), this.values.map((value, index) => (h("smoothly-input-radio-item", { value: value, selected: index == this.radioIndex }, value)))), h("smoothly-button", { key: 'e9477a5b9552070aa6c5fbb65d70a3a6fcfb2bb3', color: "tertiary", onClick: () => (this.rangeValue = this.increment(this.rangeValue)) }, "Next range value"), h("smoothly-input-range", { key: 'f78233fd072f673debc5ef2794ccfd92470d2644', looks: "border", name: "demo-user-input-range", step: 1, min: 0, max: this.values.length, value: this.rangeValue, label: "Range Input", onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }), h("smoothly-button", { key: 'b9ab61db3f0ef25b29589720ae32fbaf4fc292ce', color: "tertiary", onClick: () => (this.colorIndex = this.increment(this.colorIndex)) }, "Next color"), h("smoothly-input-color", { key: '110b00b1faf7392ae35af47a8363c3eb6f9ab3b1', looks: "border", name: "demo-user-input-color", value: typeof this.colorIndex == "number" ? this.colors[this.colorIndex] : undefined, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Color input"), h("smoothly-button", { key: '48f402cba290ca60d5ee22a83a11bb4d87345a8a', color: "tertiary", onClick: () => (this.dateValue = this.dateValue ? Date.next(this.dateValue) : Date.now()) }, "Next day"), h("smoothly-input-date", { key: '143dc7440c89598bc6825bbc001afdcf926b32fb', looks: "border", name: "demo-user-input-date", value: this.dateValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date input"), h("smoothly-button", { key: '208eeaf0da242239958917cb60938ff14240d62f', color: "tertiary", onClick: () => (this.datetimeValue = this.datetimeValue
                 ? DateTime.nextDay(this.datetimeValue)
-                : DateTime.now()) }, "Next date time"), h("smoothly-input-date-time", { key: 'f3301a005ae8d06aecc76aee13ec6b2643d79db7', looks: "border", name: "demo-user-input-datetime", value: this.datetimeValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date time input"), h("smoothly-button", { key: 'bd2bd181f98f10188327a854e99e8fb3cfab4483', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
+                : DateTime.now()) }, "Next date time"), h("smoothly-input-date-time", { key: 'd8ee43e0e07aed4c7bb748b7a8465b80e23715aa', looks: "border", name: "demo-user-input-datetime", value: this.datetimeValue, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date time input"), h("smoothly-button", { key: '50a1a84990b8749ca6cad6ce954af64c8a2035c4', color: "tertiary", onClick: () => (this.dateRangeValue = this.dateRangeValue
                 ? { start: Date.next(this.dateRangeValue.start), end: Date.next(this.dateRangeValue.end) }
-                : { start: Date.now(), end: Date.next(Date.now(), 10) }) }, "Next date range"), h("smoothly-input-date-range", { key: '39ebe21d975120354be6744701a6e0db924946ce', looks: "border", name: "demo-user-input-daterange", start: (_a = this.dateRangeValue) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.dateRangeValue) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date range input")));
+                : { start: Date.now(), end: Date.next(Date.now(), 10) }) }, "Next date range"), h("smoothly-input-date-range", { key: 'ee2818fd24043bc7b96209414e9c56b68fa18493', looks: "border", name: "demo-user-input-daterange", start: (_a = this.dateRangeValue) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.dateRangeValue) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyUserInput: e => console.debug(e.type, e.detail.name, e.detail.value) }, "Date range input")));
     }
     static get style() { return SmoothlyInputDemoUserInputStyle0; }
 }, [2, "smoothly-input-demo-user-input", {
@@ -192,4 +192,4 @@ defineCustomElement();
 export { SmoothlyInputDemoUserInput as S, defineCustomElement as d };
-//# sourceMappingURL=p-d4f3568a.js.map
+//# sourceMappingURL=p-31af74d1.js.map

package/dist/components/{p-d4f3568a.js.map → p-31af74d1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-d4f3568a.js","mappings":"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","names":["isoly.Date","isoly.DateTime"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile /\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/ Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls /}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/ Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-31af74d1.js","mappings":"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","names":["isoly.Date","isoly.DateTime"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n\n\n/* Mobile /\n@media (max-width: 48rem) {\n\t:host {\n\t\tgrid-template-columns: 1fr;\n\t}\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/ Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls /}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/ Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1e46b981.js → p-33c30e05.js} RENAMED Viewed

@@ -44,7 +44,7 @@ const SmoothlyItem = proxyCustomElement(class SmoothlyItem extends H {
             : false;
     }
     render() {
-        return (h(Host, { key: '5cd344ce7e1ce972dca5793dd987c1729f019482', tabIndex: -1 }, h("slot", { key: '39e17f355706144b6ba90485c1e7bfea97e0c564' })));
+        return (h(Host, { key: '0656f2503f804b45f00f7ce19519b546cf5c029c', tabIndex: -1 }, h("slot", { key: 'dbac1c150ccb8cbc83fbd5c2626d452a77fc6686' })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -78,4 +78,4 @@ defineCustomElement();
 export { SmoothlyItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-1e46b981.js.map
+//# sourceMappingURL=p-33c30e05.js.map

package/dist/components/{p-1e46b981.js.map → p-33c30e05.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~1e46b981~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,m0CAAm0C,CAAC;AACr1C,2BAAe,QAAQ;;MCsBV,YAAY;;;;;;;QAEhB,kBAAa,GAAG,KAAK,CAAA;;wBAG+B,KAAK;;wBAE7B,KAAK;4BAClB,IAAI;;IAM3B,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE;YAC5D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;YACzB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;SAC9B;KACD;IAED,eAAe;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;QACvF,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;KAC1B;IACD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAQ,CAAC,CAAA;KACrC;IACD,gBAAgB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAA;QACrF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;QAEpG,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;KAC3E;IAED,MAAM,MAAM,CAAC,MAAc;;QAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA;QAC5F,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM;cACzB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;cAClF,KAAK,CAAA;KACR;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,CAAC,IACjB,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/item/style.css?tag=smoothly-item&encapsulation=scoped","src/components/item/index.tsx"],"sourcesContent":[":host([selected]) {\n\tbackground-color: rgb(var(--smoothly-item-selected-background));\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n\tborder-left: .3em solid rgb(var(--smoothly-item-selected-border));\n}\n\n:host([disabled]),\n:host([disabled])::slotted() {\n\tbackground-color: rgb(var(--smoothly-item-disabled-background));\n\tcolor: rgb(var(--smoothly-item-disabled-foreground));\n\topacity: var(--smoothly-item-disabled-opacity);\n\tcursor: not-allowed;\n}\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.5em;\n\tcursor: pointer;\n\tborder-left: .3em solid transparent;\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n\tbox-sizing: border-box;\n\tmin-height: 3rem;\n}\n\n:host::slotted() {\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n}\n\n:host:not([disabled])[marked],\n:host:not([disabled]):hover,\n:host:not([disabled])[marked]::slotted(),\n:host:not([disabled]):hover::slotted() {\n\tbackground-color: rgb(var(--smoothly-item-hover-background));\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n\tfill: rgb(var(--smoothly-item-hover-foreground));\n\tstroke: rgb(var(--smoothly-item-hover-foreground));\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Editable } from \"../input/Editable\"\nimport { Item } from \"./Item\"\n\n@Component({\n\ttag: \"smoothly-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyItem implements Item, ComponentWillLoad, ComponentDidLoad {\n\tprivate mutationObserver: MutationObserver\n\tprivate userInitiated = false\n\t@Element() element: HTMLSmoothlyItemElement\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean = false\n\t@Prop({ reflect: true, mutable: true }) marked: boolean\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() deselectable = true\n\t@Event() smoothlyItemSelect: EventEmitter<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyItemDOMChange: EventEmitter<void>\n\n\t@Listen(\"click\")\n\tclickHandler(): void {\n\t\tif (!this.disabled && (!this.selected \|\| this.deselectable)) {\n\t\t\tthis.userInitiated = true\n\t\t\tthis.selected = !this.selected\n\t\t}\n\t}\n\t@Watch(\"selected\")\n\tselectedWatcher(): void {\n\t\tthis.smoothlyItemSelect.emit({ userInitiated: this.userInitiated, item: this.element })\n\t\tthis.userInitiated = false\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(() => {})\n\t}\n\tcomponentDidLoad(): void {\n\t\tthis.mutationObserver = new MutationObserver(() => this.smoothlyItemDOMChange.emit())\n\t\tthis.mutationObserver.observe(this.element, { childList: true, subtree: true, characterData: true })\n\n\t\tif (this.selected && !this.disabled)\n\t\t\tthis.smoothlyItemSelect.emit({ userInitiated: false, item: this.element })\n\t}\n\t@Method()\n\tasync filter(filter: string): Promise<void> {\n\t\tconst value = typeof this.value === \"string\" ? this.value : JSON.stringify(this.value ?? \"\")\n\t\tthis.element.hidden = filter\n\t\t\t? !(value.includes(filter) \|\| this.element.innerText.toLowerCase().includes(filter))\n\t\t\t: false\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host tabIndex={-1}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-33c30e05.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,m0CAAm0C,CAAC;AACr1C,2BAAe,QAAQ;;MCsBV,YAAY;;;;;;;QAEhB,kBAAa,GAAG,KAAK,CAAA;;wBAG+B,KAAK;;wBAE7B,KAAK;4BAClB,IAAI;;IAM3B,YAAY;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE;YAC5D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;YACzB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;SAC9B;KACD;IAED,eAAe;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;QACvF,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;KAC1B;IACD,iBAAiB;QAChB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAQ,CAAC,CAAA;KACrC;IACD,gBAAgB;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAA;QACrF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAA;QAEpG,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAA;KAC3E;IAED,MAAM,MAAM,CAAC,MAAc;;QAC1B,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAA;QAC5F,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM;cACzB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;cAClF,KAAK,CAAA;KACR;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,CAAC,IACjB,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/item/style.css?tag=smoothly-item&encapsulation=scoped","src/components/item/index.tsx"],"sourcesContent":[":host([selected]) {\n\tbackground-color: rgb(var(--smoothly-item-selected-background));\n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n\tborder-left: .3em solid rgb(var(--smoothly-item-selected-border));\n}\n\n:host([disabled]),\n:host([disabled])::slotted() {\n\tbackground-color: rgb(var(--smoothly-item-disabled-background));\n\tcolor: rgb(var(--smoothly-item-disabled-foreground));\n\topacity: var(--smoothly-item-disabled-opacity);\n\tcursor: not-allowed;\n}\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.5em;\n\tcursor: pointer;\n\tborder-left: .3em solid transparent;\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n\tbox-sizing: border-box;\n\tmin-height: 3rem;\n}\n\n:host::slotted() {\n\tcolor: rgb(var(--smoothly-item-foreground));\n\tfill: rgb(var(--smoothly-item-foreground));\n\tstroke: rgb(var(--smoothly-item-foreground));\n}\n\n:host:not([disabled])[marked],\n:host:not([disabled]):hover,\n:host:not([disabled])[marked]::slotted(),\n:host:not([disabled]):hover::slotted() {\n\tbackground-color: rgb(var(--smoothly-item-hover-background));\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n\tfill: rgb(var(--smoothly-item-hover-foreground));\n\tstroke: rgb(var(--smoothly-item-hover-foreground));\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Editable } from \"../input/Editable\"\nimport { Item } from \"./Item\"\n\n@Component({\n\ttag: \"smoothly-item\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyItem implements Item, ComponentWillLoad, ComponentDidLoad {\n\tprivate mutationObserver: MutationObserver\n\tprivate userInitiated = false\n\t@Element() element: HTMLSmoothlyItemElement\n\t@Prop() value: any\n\t@Prop({ reflect: true, mutable: true }) selected: boolean = false\n\t@Prop({ reflect: true, mutable: true }) marked: boolean\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop() deselectable = true\n\t@Event() smoothlyItemSelect: EventEmitter<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyItemDOMChange: EventEmitter<void>\n\n\t@Listen(\"click\")\n\tclickHandler(): void {\n\t\tif (!this.disabled && (!this.selected \|\| this.deselectable)) {\n\t\t\tthis.userInitiated = true\n\t\t\tthis.selected = !this.selected\n\t\t}\n\t}\n\t@Watch(\"selected\")\n\tselectedWatcher(): void {\n\t\tthis.smoothlyItemSelect.emit({ userInitiated: this.userInitiated, item: this.element })\n\t\tthis.userInitiated = false\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLoad.emit(() => {})\n\t}\n\tcomponentDidLoad(): void {\n\t\tthis.mutationObserver = new MutationObserver(() => this.smoothlyItemDOMChange.emit())\n\t\tthis.mutationObserver.observe(this.element, { childList: true, subtree: true, characterData: true })\n\n\t\tif (this.selected && !this.disabled)\n\t\t\tthis.smoothlyItemSelect.emit({ userInitiated: false, item: this.element })\n\t}\n\t@Method()\n\tasync filter(filter: string): Promise<void> {\n\t\tconst value = typeof this.value === \"string\" ? this.value : JSON.stringify(this.value ?? \"\")\n\t\tthis.element.hidden = filter\n\t\t\t? !(value.includes(filter) \|\| this.element.innerText.toLowerCase().includes(filter))\n\t\t\t: false\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host tabIndex={-1}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-35bfb804.js → p-3f2e92e9.js} RENAMED Viewed

@@ -9,7 +9,7 @@ const SmoothlyTableBody = proxyCustomElement(class SmoothlyTableBody extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'db37d0ab8fc16f55f3e81aa1b4e5b77377c9f95c' }, h("slot", { key: '8e82a1f5998227ad1c3e46ac3e147492f66fb482' })));
+        return (h(Host, { key: 'ea2c8974b36285804e22594f210d0aafed868ab8' }, h("slot", { key: '94a9f2e944cb1844c10e5e4af0063f0998ae6c21' })));
     }
     static get style() { return SmoothlyTableBodyStyle0; }
 }, [6, "smoothly-table-body"]);
@@ -30,4 +30,4 @@ defineCustomElement();
 export { SmoothlyTableBody as S, defineCustomElement as d };
-//# sourceMappingURL=p-35bfb804.js.map
+//# sourceMappingURL=p-3f2e92e9.js.map

package/dist/components/{p-35bfb804.js.map → p-3f2e92e9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~35bfb804~~.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,6LAA6L,CAAC;AAC/M,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/body/style.css?tag=smoothly-table-body&encapsulation=scoped","src/components/table/body/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tbackground-color: rgb(var(--smoothly-table-background));\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-body\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableBody {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-3f2e92e9.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,6LAA6L,CAAC;AAC/M,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/body/style.css?tag=smoothly-table-body&encapsulation=scoped","src/components/table/body/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\tcolor: rgb(var(--smoothly-table-foreground));\n\tbackground-color: rgb(var(--smoothly-table-background));\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-body\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableBody {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}