npm - smoothly - Versions diffs - 1.1.1-alpha.77 → 1.1.1-alpha.78 - Mend

smoothly 1.1.1-alpha.77 → 1.1.1-alpha.78

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 (89) hide show

package/dist/components/{p-eac078d1.js.map → p-76c26961.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~eac078d1~~.js","mappings":";;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8QAA8Q,CAAC;AAChS,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,gFACC,sEAAe,QAAQ,QAAC,KAAK,EAAC,2BAA2B,eAEzC,EAChB,sEAAe,KAAK,EAAC,iDAAiD,eAAyB,EAC/F,sEAAe,KAAK,EAAC,gDAAgD,cAAwB,EAC7F,sEAAe,KAAK,EAAC,kDAAkD,gBAA0B,EACjG,sEAAe,KAAK,EAAC,sCAAsC,wBAAkC,EAC7F,sEAAe,KAAK,EAAC,iDAAiD,qBAA+B,EACrG,sEAAe,KAAK,EAAC,+CAA+C,wBAAkC,EACtG,sEAAe,KAAK,EAAC,2CAA2C,oBAA8B,EAC9F,sEAAe,KAAK,EAAC,0CAA0C,mBAA6B,CACrE,EACxB,+DACC,+EAAyB,EACzB,8EAAwB,CAClB,EACP,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,kBAE3B,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,mBAE3B,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,+BAElE,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,iBAAiB,yBAEjC,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/demo/style.css?tag=smoothly-theme-demo&encapsulation=scoped","src/components/theme/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\twidth: 80%;\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 2em;\n}\n\n:host>smoothly-theme-picker {\n\twidth: 20em;\n}\n\n:host>span {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 10em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Theme</h2>\n\t\t\t\t<smoothly-theme-picker>\n\t\t\t\t\t<smoothly-item selected value=\"assets/style/smoothly.css\">\n\t\t\t\t\t\tSmoothly\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.issuefab.com/assets/style/index.css\">Issuefab</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.proquse.com/assets/style/index.css\">Proquse</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.weekmeter.com/assets/style/index.css\">Weekmeter</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://dash.pax2pay.app/p2pdash.css\">Pax2Pay Dashboard</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://ui.pax2pay.app/assets/style/pax2pay.css\">Pax2Pay Portal</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/intergiro/index.css\">Intergiro Monitor</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/light/index.css\">Payfunc Light</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/dark/index.css\">Payfunc Dark</smoothly-item>\n\t\t\t\t</smoothly-theme-picker>\n\t\t\t\t<span>\n\t\t\t\t\t<smoothly-theme-colors />\n\t\t\t\t\t<smoothly-theme-guide />\n\t\t\t\t</span>\n\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\tTo redirect\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\tTo /redirect\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/redirect\", window.location.origin).href}>\n\t\t\t\t\tTo new URL(\"redirect\")\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link=\"redirect/nested\">\n\t\t\t\t\tTo redirect nested\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-76c26961.js","mappings":";;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,8QAA8Q,CAAC;AAChS,gCAAe,QAAQ;;MCMV,iBAAiB;;;;;IAC7B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,gFACC,sEAAe,QAAQ,QAAC,KAAK,EAAC,2BAA2B,eAEzC,EAChB,sEAAe,KAAK,EAAC,iDAAiD,eAAyB,EAC/F,sEAAe,KAAK,EAAC,gDAAgD,cAAwB,EAC7F,sEAAe,KAAK,EAAC,kDAAkD,gBAA0B,EACjG,sEAAe,KAAK,EAAC,sCAAsC,wBAAkC,EAC7F,sEAAe,KAAK,EAAC,iDAAiD,qBAA+B,EACrG,sEAAe,KAAK,EAAC,+CAA+C,wBAAkC,EACtG,sEAAe,KAAK,EAAC,2CAA2C,oBAA8B,EAC9F,sEAAe,KAAK,EAAC,0CAA0C,mBAA6B,CACrE,EACxB,+DACC,+EAAyB,EACzB,8EAAwB,CAClB,EACP,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,kBAE3B,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,mBAE3B,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,+BAElE,EAClB,wEAAiB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,iBAAiB,yBAEjC,CACZ,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/theme/demo/style.css?tag=smoothly-theme-demo&encapsulation=scoped","src/components/theme/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\twidth: 80%;\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 2em;\n}\n\n:host>smoothly-theme-picker {\n\twidth: 20em;\n}\n\n:host>span {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 10em;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-theme-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyThemeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Theme</h2>\n\t\t\t\t<smoothly-theme-picker>\n\t\t\t\t\t<smoothly-item selected value=\"assets/style/smoothly.css\">\n\t\t\t\t\t\tSmoothly\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.issuefab.com/assets/style/index.css\">Issuefab</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.proquse.com/assets/style/index.css\">Proquse</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://app.weekmeter.com/assets/style/index.css\">Weekmeter</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://dash.pax2pay.app/p2pdash.css\">Pax2Pay Dashboard</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://ui.pax2pay.app/assets/style/pax2pay.css\">Pax2Pay Portal</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/intergiro/index.css\">Intergiro Monitor</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/light/index.css\">Payfunc Light</smoothly-item>\n\t\t\t\t\t<smoothly-item value=\"https://theme.payfunc.com/dark/index.css\">Payfunc Dark</smoothly-item>\n\t\t\t\t</smoothly-theme-picker>\n\t\t\t\t<span>\n\t\t\t\t\t<smoothly-theme-colors />\n\t\t\t\t\t<smoothly-theme-guide />\n\t\t\t\t</span>\n\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\tTo redirect\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\tTo /redirect\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/redirect\", window.location.origin).href}>\n\t\t\t\t\tTo new URL(\"redirect\")\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-button type=\"link\" link=\"redirect/nested\">\n\t\t\t\t\tTo redirect nested\n\t\t\t\t</smoothly-button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-18ccdb91.js → p-7c07eb47.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-467d65e7.js';
-import { d as defineCustomElement$p } from './p-cb9fa266.js';
-import { d as defineCustomElement$o } from './p-abef7b76.js';
-import { d as defineCustomElement$n } from './p-dcafdc77.js';
-import { d as defineCustomElement$m } from './p-83cebccf.js';
+import { d as defineCustomElement$p } from './p-9e8065f2.js';
+import { d as defineCustomElement$o } from './p-30a4732f.js';
+import { d as defineCustomElement$n } from './p-b1ee8a80.js';
+import { d as defineCustomElement$m } from './p-2ada1fab.js';
 import { d as defineCustomElement$l } from './p-976cd3c8.js';
 import { d as defineCustomElement$k } from './p-abbf0caf.js';
 import { d as defineCustomElement$j } from './p-be3768ec.js';
 import { d as defineCustomElement$i } from './p-a237d98f.js';
-import { d as defineCustomElement$h } from './p-70d8f891.js';
+import { d as defineCustomElement$h } from './p-11ea4eca.js';
 import { d as defineCustomElement$g } from './p-5e48ffdd.js';
 import { d as defineCustomElement$f } from './p-e8cae420.js';
 import { d as defineCustomElement$e } from './p-e1bd4673.js';
@@ -17,13 +17,13 @@ import { d as defineCustomElement$b } from './p-464313d3.js';
 import { d as defineCustomElement$a } from './p-44f13c6b.js';
 import { d as defineCustomElement$9 } from './p-22a42ff7.js';
 import { d as defineCustomElement$8 } from './p-6e7002bd.js';
-import { d as defineCustomElement$7 } from './p-ff157067.js';
+import { d as defineCustomElement$7 } from './p-157cc4ae.js';
 import { d as defineCustomElement$6 } from './p-2f95c7e7.js';
 import { d as defineCustomElement$5 } from './p-e605534a.js';
 import { d as defineCustomElement$4 } from './p-4217fb08.js';
 import { d as defineCustomElement$3 } from './p-61695ae0.js';
 import { d as defineCustomElement$2 } from './p-db59b108.js';
-import { d as defineCustomElement$1 } from './p-8c03de88.js';
+import { d as defineCustomElement$1 } from './p-a7946789.js';
 const styleCss = ".sc-smoothly-table-demo-h{display:flex;flex-direction:column;align-items:center;gap:3rem;padding-bottom:10rem;margin-left:2rem;margin-right:2rem}.content.sc-smoothly-table-demo{display:contents}smoothly-lazy.sc-smoothly-table-demo{width:80%}";
 const SmoothlyTableDemoStyle0 = styleCss;
@@ -180,4 +180,4 @@ defineCustomElement();
 export { TableDemo as T, defineCustomElement as d };
-//# sourceMappingURL=p-18ccdb91.js.map
+//# sourceMappingURL=p-7c07eb47.js.map

package/dist/components/{p-18ccdb91.js.map → p-7c07eb47.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-18ccdb91.js","mappings":"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","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 3rem;\n\tpadding-bottom: 10rem;\n\tmargin-left: 2rem;\n\tmargin-right: 2rem;\n}\n\n.content {\n\tdisplay: contents;\n}\n\nsmoothly-lazy {\n\twidth: 80%;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Demo table 1: Filtered & Checked Table</h4> <smoothly-lazy content={<smoothly-table-demo-filtered />} />\n\t\t\t\t<h4>Demo table 2</h4> <smoothly-table-testing></smoothly-table-testing> <h4>Demo table 3</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header D</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tnormal row (exp.cell)\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 1 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 2 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 3 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 4 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>normal row (nor.cell)\"</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>expandable row (nor.cell)</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">expandable row content</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 4</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tHeader expansion\n\t\t\t\t\t\t\t<div slot=\"detail\">Expansion content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>A Content</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Expansion cell</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-tab-switch>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 1\" open={true}>\n\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>B Content</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 2\">\n\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>C Content</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t</smoothly-tab-switch>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>A Content</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tExpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">Expansion content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 5</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>B</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>nested expandable row</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>b row</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>e row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>f row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable row expansion e f</div>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t<span>one</span>\n\t\t\t\t\t\t\t<span>two</span>\n\t\t\t\t\t\t\t<span>three</span>\n\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\tfive<smoothly-icon name=\"paper-plane-sharp\" size=\"small\"></smoothly-icon>\n\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">four</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<span>nested expandable cells</span>\n\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\te cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>G</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>H</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tg cell\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion g</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\th cell\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion h</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\tf cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion f</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tb cell\n\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\tc cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion c</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\td cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion d</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 6</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>display</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>contents</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t\t\t<smoothly-table-cell>A</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>B</smoothly-table-cell>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot=\"detail\">expansion</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 7</h4> <span>nested 1 then normal</span>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>B</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>a</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>b</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>cccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>dddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">CONTENT</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ccccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>cccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>dddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">CONTENT</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 8</h4> <span>not nested</span>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>cc</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>dd</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>ccc</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 9</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>First name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Last name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header style={{ width: \"1px\" }}>\n\t\t\t\t\t\t\t<smoothly-icon name=\"alert-outline\" />\n\t\t\t\t\t\t</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Jessie</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Doe</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell></smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<p>This is Jessie</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 9 - Lazy expansion rows</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Company</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Proquse</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\tcontent={<img src={\"https://brand.proquse.com/logo/proquse-black.svg\"} alt={\"Proquse Logotype.\"} />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Pax2Pay</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\tcontent={() => (\n\t\t\t\t\t\t\t\t<img src={\"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg\"} alt={\"Pax2Pay Logotype.\"} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 10 - Lazy expansion cells</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Company</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tProquse\n\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\tcontent={<img src={\"https://brand.proquse.com/logo/proquse-black.svg\"} alt={\"Proquse Logotype.\"} />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tPax2Pay\n\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\tcontent={() => (\n\t\t\t\t\t\t\t\t\t<img src={\"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg\"} alt={\"Pax2Pay Logotype.\"} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 11 - expandable cells</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Location</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tJessie\n\t\t\t\t\t\t\t<div slot={\"detail\"}>Doe</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t{new Date().getFullYear() - 2000}\n\t\t\t\t\t\t\t<div slot={\"detail\"}>2000-01-01</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tUK\n\t\t\t\t\t\t\t<div slot={\"detail\"}>London</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-7c07eb47.js","mappings":"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","names":[],"sources":["src/components/table/demo/style.css?tag=smoothly-table-demo&encapsulation=scoped","src/components/table/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 3rem;\n\tpadding-bottom: 10rem;\n\tmargin-left: 2rem;\n\tmargin-right: 2rem;\n}\n\n.content {\n\tdisplay: contents;\n}\n\nsmoothly-lazy {\n\twidth: 80%;\n}\n","import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h4>Demo table 1: Filtered & Checked Table</h4> <smoothly-lazy content={<smoothly-table-demo-filtered />} />\n\t\t\t\t<h4>Demo table 2</h4> <smoothly-table-testing></smoothly-table-testing> <h4>Demo table 3</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Header D</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tnormal row (exp.cell)\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 1 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 2 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 3 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell 4 content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>normal row (nor.cell)\"</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\texpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">expandable cell details.</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>expandable row (nor.cell)</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Normal cell</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">expandable row content</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 4</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Header A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tHeader expansion\n\t\t\t\t\t\t\t<div slot=\"detail\">Expansion content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>A Content</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Expansion cell</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-tab-switch>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 1\" open={true}>\n\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header B</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>B Content</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t\t<smoothly-tab label=\"innertable 2\">\n\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>Header C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>C Content</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t\t</smoothly-tab-switch>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>A Content</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tExpandable cell\n\t\t\t\t\t\t\t<div slot=\"detail\">Expansion content</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 5</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>B</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>nested expandable row</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>b row</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>e row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>f row</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable row expansion e f</div>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t<span>one</span>\n\t\t\t\t\t\t\t<span>two</span>\n\t\t\t\t\t\t\t<span>three</span>\n\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\tfive<smoothly-icon name=\"paper-plane-sharp\" size=\"small\"></smoothly-icon>\n\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">four</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t<span>nested expandable cells</span>\n\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>E</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>F</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\te cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>G</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>H</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tg cell\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion g</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\th cell\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion h</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\tf cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion f</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tb cell\n\t\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\tc cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion c</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\td cell\n\t\t\t\t\t\t\t\t\t\t\t<div slot=\"detail\">nested expandable cell expansion d</div>\n\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 6</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>display</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>contents</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<div class={\"content\"}>\n\t\t\t\t\t\t\t<smoothly-table-cell>A</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>B</smoothly-table-cell>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot=\"detail\">expansion</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 7</h4> <span>nested 1 then normal</span>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>A</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>B</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>a</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>b</smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<smoothly-table>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>cccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>dddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">CONTENT</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ccccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>cccc</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-table-cell>dddd</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">CONTENT</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t</smoothly-table>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 8</h4> <span>not nested</span>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>C</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>D</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>c</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>d</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>cc</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>dd</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-cell>ccc</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>ddd</smoothly-table-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 9</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>First name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Last name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header style={{ width: \"1px\" }}>\n\t\t\t\t\t\t\t<smoothly-icon name=\"alert-outline\" />\n\t\t\t\t\t\t</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Jessie</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell>Doe</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-table-cell></smoothly-table-cell>\n\t\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t\t<p>This is Jessie</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 9 - Lazy expansion rows</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Company</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Proquse</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\tcontent={<img src={\"https://brand.proquse.com/logo/proquse-black.svg\"} alt={\"Proquse Logotype.\"} />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t<smoothly-table-cell>Pax2Pay</smoothly-table-cell>\n\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\tcontent={() => (\n\t\t\t\t\t\t\t\t<img src={\"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg\"} alt={\"Pax2Pay Logotype.\"} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 10 - Lazy expansion cells</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Company</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tProquse\n\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\tcontent={<img src={\"https://brand.proquse.com/logo/proquse-black.svg\"} alt={\"Proquse Logotype.\"} />}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tPax2Pay\n\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\tcontent={() => (\n\t\t\t\t\t\t\t\t\t<img src={\"https://dash.pax2pay.app/assets/pax2pay-dark-horizontal.svg\"} alt={\"Pax2Pay Logotype.\"} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t</smoothly-table>\n\t\t\t\t<h4>Demo table 11 - expandable cells</h4>\n\t\t\t\t<smoothly-table>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Location</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tJessie\n\t\t\t\t\t\t\t<div slot={\"detail\"}>Doe</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t{new Date().getFullYear() - 2000}\n\t\t\t\t\t\t\t<div slot={\"detail\"}>2000-01-01</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\tUK\n\t\t\t\t\t\t\t<div slot={\"detail\"}>London</div>\n\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t</smoothly-table-row>\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-c8b87dce.js → p-94861ebf.js} RENAMED Viewed

@@ -1,26 +1,26 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-467d65e7.js';
-import { d as defineCustomElement$t } from './p-cb9fa266.js';
-import { d as defineCustomElement$s } from './p-abef7b76.js';
-import { d as defineCustomElement$r } from './p-dcafdc77.js';
-import { d as defineCustomElement$q } from './p-83cebccf.js';
+import { d as defineCustomElement$t } from './p-9e8065f2.js';
+import { d as defineCustomElement$s } from './p-30a4732f.js';
+import { d as defineCustomElement$r } from './p-b1ee8a80.js';
+import { d as defineCustomElement$q } from './p-2ada1fab.js';
 import { d as defineCustomElement$p } from './p-976cd3c8.js';
 import { d as defineCustomElement$o } from './p-abbf0caf.js';
 import { d as defineCustomElement$n } from './p-be3768ec.js';
 import { d as defineCustomElement$m } from './p-a237d98f.js';
-import { d as defineCustomElement$l } from './p-70d8f891.js';
+import { d as defineCustomElement$l } from './p-11ea4eca.js';
 import { d as defineCustomElement$k } from './p-5e48ffdd.js';
 import { d as defineCustomElement$j } from './p-e8cae420.js';
 import { d as defineCustomElement$i } from './p-e1bd4673.js';
 import { d as defineCustomElement$h } from './p-60cd2bcf.js';
-import { d as defineCustomElement$g } from './p-415ae88b.js';
-import { d as defineCustomElement$f } from './p-0d3ed177.js';
-import { d as defineCustomElement$e } from './p-96cb6727.js';
+import { d as defineCustomElement$g } from './p-f09f7aac.js';
+import { d as defineCustomElement$f } from './p-6b47d2a7.js';
+import { d as defineCustomElement$e } from './p-10d95683.js';
 import { d as defineCustomElement$d } from './p-faf7e0b7.js';
-import { d as defineCustomElement$c } from './p-3c64151b.js';
+import { d as defineCustomElement$c } from './p-b9c48f3a.js';
 import { d as defineCustomElement$b } from './p-0e976832.js';
 import { d as defineCustomElement$a } from './p-f3bc2e14.js';
 import { d as defineCustomElement$9 } from './p-7ebca2c3.js';
-import { d as defineCustomElement$8 } from './p-eed5847c.js';
+import { d as defineCustomElement$8 } from './p-9bcc30c3.js';
 import { d as defineCustomElement$7 } from './p-47f4ee01.js';
 import { d as defineCustomElement$6 } from './p-94752df4.js';
 import { d as defineCustomElement$5 } from './p-c7f1ecfe.js';
@@ -204,4 +204,4 @@ defineCustomElement();
 export { SmoothlyNextDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-c8b87dce.js.map
+//# sourceMappingURL=p-94861ebf.js.map

package/dist/components/{p-c8b87dce.js.map → p-94861ebf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~c8b87dce~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2HAA2H,CAAC;AAC7I,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,kFAA4B,EAC5B,oFAA8B,EAC9B,mFAA6B,EAC7B,mFAA6B,EAC7B,2FAAqC,CAC/B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/style.css?tag=smoothly-next-demo&encapsulation=scoped","src/components/next/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-demo-group />\n\t\t\t\t<smoothly-next-demo-colspan />\n\t\t\t\t<smoothly-next-demo-simple />\n\t\t\t\t<smoothly-next-demo-nested />\n\t\t\t\t<smoothly-next-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-94861ebf.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2HAA2H,CAAC;AAC7I,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,kFAA4B,EAC5B,oFAA8B,EAC9B,mFAA6B,EAC7B,mFAA6B,EAC7B,2FAAqC,CAC/B,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/style.css?tag=smoothly-next-demo&encapsulation=scoped","src/components/next/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgap: 5rem;\n\tbox-sizing: border-box;\n\tmax-width: 80rem;\n\twidth: 100%;\n\tmargin: auto;\n\tpadding: 2rem;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-next-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemo {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-next-demo-group />\n\t\t\t\t<smoothly-next-demo-colspan />\n\t\t\t\t<smoothly-next-demo-simple />\n\t\t\t\t<smoothly-next-demo-nested />\n\t\t\t\t<smoothly-next-table-demo-filtered />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-eed5847c.js → p-9bcc30c3.js} RENAMED Viewed

@@ -3,14 +3,14 @@ import './p-caf09da9.js';
 import { f as filter } from './p-5ae9e20e.js';
 import { f as fetch, d as defineCustomElement$c } from './p-be3768ec.js';
 import { S as Selector } from './p-80ad9aac.js';
-import { d as defineCustomElement$i } from './p-cb9fa266.js';
-import { d as defineCustomElement$h } from './p-abef7b76.js';
-import { d as defineCustomElement$g } from './p-dcafdc77.js';
-import { d as defineCustomElement$f } from './p-83cebccf.js';
+import { d as defineCustomElement$i } from './p-9e8065f2.js';
+import { d as defineCustomElement$h } from './p-30a4732f.js';
+import { d as defineCustomElement$g } from './p-b1ee8a80.js';
+import { d as defineCustomElement$f } from './p-2ada1fab.js';
 import { d as defineCustomElement$e } from './p-976cd3c8.js';
 import { d as defineCustomElement$d } from './p-abbf0caf.js';
 import { d as defineCustomElement$b } from './p-a237d98f.js';
-import { d as defineCustomElement$a } from './p-70d8f891.js';
+import { d as defineCustomElement$a } from './p-11ea4eca.js';
 import { d as defineCustomElement$9 } from './p-5e48ffdd.js';
 import { d as defineCustomElement$8 } from './p-e8cae420.js';
 import { d as defineCustomElement$7 } from './p-0e976832.js';
@@ -183,4 +183,4 @@ defineCustomElement();
 export { TableDemoFiltered as T, defineCustomElement as d };
-//# sourceMappingURL=p-eed5847c.js.map
+//# sourceMappingURL=p-9bcc30c3.js.map

package/dist/components/{p-eed5847c.js.map → p-9bcc30c3.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-eed5847c.js","mappings":"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","names":["http.fetch","selectively.filter"],"sources":["src/components/next/demo/filtered/style.css?tag=smoothly-next-table-demo-filtered&encapsulation=scoped","src/components/next/demo/filtered/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-next-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-next-table>smoothly-next-table-row>smoothly-next-table-cell:nth-of-type(2),\n:host>smoothly-next-table>smoothly-next-table-head>smoothly-next-table-row>smoothly-next-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../../table/Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-next-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] \| false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttoolTip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttoolTip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttoolTip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttoolTip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\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).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"names\" property=\"nested.names\" multiple={true} type=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{this.selector.render(cats)}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Breed</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Coat</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Price</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{this.selector.render(cat)}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-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\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-next-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-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-next-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\"></smoothly-display>\n\t\t\t\t\t\t\t\t</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-next-table-foot>\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}></smoothly-display>\n\t\t\t\t\t\t\t\t</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t</smoothly-next-table-foot>\n\t\t\t\t\t</smoothly-next-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}
1	+ {"file":"p-9bcc30c3.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6sCAA6sC,CAAC;AAC/tC,4CAAe,QAAQ;;MCUV,iBAAiB;;;;wBACa,EAAE;;wBAET,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3D,cAAc,CAAC,KAAwC;QACtD,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAA;KAC5B;IAED,oBAAoB,CAAC,KAAuC;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;KAClD;IAED,MAAM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,MAAMA,KAAU,CAAC,uCAAuC,CAAC,CAAA;QAC1E,IAAI,CAAC,IAAI;YACR,QAAQ,CAAC,MAAM,IAAI,GAAG;gBACtB,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ;;oBAAK,wCACzC,GAAG,KACN,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9D,MAAM,kCAAO,GAAG,KAAE,KAAK,EAAE,MAAA,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,mCAAI,EAAE,KACjD,KAAK,EAAE,MAAA,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,mCAAI,EAAE,KAC9B;iBAAA,CAAC,CAAA;KACJ;IAED,MAAM;QACL,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAIC,MAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACtE,QACC,EAAC,IAAI,uDACJ,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,UAAU,GAAG,EACjD,0EACC,+EACC,UAAU,EAAE,EAAE,CAAC,gBAAgB,GAAG,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EACvD,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,eAAe,EACvB,IAAI,EAAC,KAAK,GACT,EACF,+EACC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,EAC5C,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,KAAK,GACT,EACF,+EACC,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EACjD,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAC,mBAAmB,EAC3B,IAAI,EAAC,KAAK,GACT,EACF,+EACC,UAAU,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EACrC,GAAG,QACH,MAAM,QACN,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,KAAK,GACT,EACF,+EAAwB,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAE,KAAK,IACpF,IAAI,CAAC,IAAI;YACT,MAAM,CAAC,MAAM,CACZ,IAAI,CAAC,IAAI,CAAC,MAAM,CACf,CAAC,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,mCAAQ,CAAC,KAAE,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,MAAK,CAAC,CAAC,EAC/D,EAAE,CACF,CACD,CAAC,GAAG,CACJ,GAAG;;gBACF,OAAA,CAAA,MAAA,GAAG,CAAC,MAAM,0CAAE,IAAI,MACf,qBAAe,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,IAChD,GAAG,CAAC,MAAM,CAAC,IAAI,CACD,CAChB,CAAA;aAAA,CACF,CACsB,EACzB,4DAAK,IAAI,EAAC,QAAQ,IACjB,sEAAe,KAAK,EAAC,QAAQ,IAC5B,+EAAwB,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,UAClE,IAAI,CAAC,IAAI;YACT,MAAM,CAAC,MAAM,CACZ,IAAI,CAAC,IAAI,CAAC,MAAM,CACf,CAAC,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC,MAAM,mCAAQ,CAAC,KAAE,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,MAAK,CAAC,CAAC,EAC/D,EAAE,CACF,CACD,CAAC,GAAG,CACJ,GAAG;;gBACF,OAAA,CAAA,MAAA,GAAG,CAAC,MAAM,0CAAE,IAAI,MACf,qBAAe,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,IAChD,GAAG,CAAC,MAAM,CAAC,IAAI,CACD,CAChB,CAAA;aAAA,CACF,CACsB,EACzB,+EAAwB,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,IACpE,IAAI,CAAC,IAAI;YACT,MAAM,CAAC,MAAM,CACZ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAsB,CAAC,CAAC,EAAE,GAAG,MAAM,GAAG,CAAC,KAAK,mCAAQ,CAAC,KAAE,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,MAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CACnG,CAAC,GAAG,CACJ,GAAG,IACF,GAAG,CAAC,KAAK,KACR,qBAAe,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,IAC1C,GAAG,CAAC,KAAK,CACK,CAChB,CACF,CACsB,EACzB,+EAAwB,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,IACxF,MAAM,CAAC,IAAI,CACX,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;aAClB,IAAI,EAAE;aACN,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,sCAAW,CAAC,KAAE,CAAC,IAAI,GAAG,IAAI,IAAG,EAAE,EAAE,CAAC,CACnD,CAAC,OAAO,CAAC,IAAI,KACb,qBAAe,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,IACrC,IAAI,CACU,CAChB,CAAC,CACsB,EACzB,8EAAuB,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,GAAG,EACtD,8EAAuB,KAAK,EAAC,aAAa,EAAC,QAAQ,EAAC,aAAa,GAAG,CACrD,CACX,CACW,EACjB,CAAC,IAAI,IACL,sBAAsB,KAEtB,2BAAqB,OAAO,EAAE,CAAC,IAC9B,oCACC,mCACC,oCAA2B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAA4B,EACjF,4CAA0D,EAC1D,2CAAyD,EACzD,4CAA0D,CACjC,CACA,EAC1B,IAAI,CAAC,GAAG,CAAC,GAAG,KACZ,mCACC,oCAA2B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAA4B,EAChF,+CACE,GAAG,CAAC,KAAK,EACV,WAAK,IAAI,EAAC,QAAQ,iBAAW,GAAG,CAAC,OAAO,CAAO,CACV,EACtC,+CACE,GAAG,CAAC,IAAI,EACT,WAAK,IAAI,EAAC,QAAQ,iBAAW,GAAG,CAAC,OAAO,CAAO,CACV,EACtC,oCACC,wBAAkB,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAC,KAAK,GAAoB,CACzD,CACF,CAC1B,CAAC,EACF,oCACC,mCACC,gCAA0B,IAAI,EAAE,CAAC,IAChC,wBACC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,aACN,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,GAC3F,EAAE,GAAqB,CACE,CACF,CACA,CACN,CACtB,CACK,EACP;KACD;;;;;;;AAEF,MAAM,KAAK,GAA6B;IACvC,eAAe,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC;IACxD,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC;IACxD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC;IAC7D,MAAM,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;CAChD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["http.fetch","selectively.filter"],"sources":["src/components/next/demo/filtered/style.css?tag=smoothly-next-table-demo-filtered&encapsulation=scoped","src/components/next/demo/filtered/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: auto auto;\n\tgrid-template-areas:\n\t\t\"header filter\"\n\t\t\"main main\";\n\tmargin-bottom: 50em;\n}\n\n:host>smoothly-display {\n\tfont-size: 2em;\n\tgrid-area: header;\n}\n\n:host>smoothly-filter {\n\tmargin-left: auto;\n\tgrid-area: filter;\n\theight: fit-content;\n}\n\n:host>* {\n\tmargin-bottom: 2rem;\n\tgrid-area: main;\n}\n\n:host>smoothly-next-table {\n\tgrid-template-columns: min-content repeat(calc(var(--columns) - 1), auto);\n}\n\nsmoothly-next-table>smoothly-next-table-row>smoothly-next-table-cell:nth-of-type(2),\n:host>smoothly-next-table>smoothly-next-table-head>smoothly-next-table-row>smoothly-next-table-cell:nth-of-type(4) {\n\tjustify-content: end;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../../table/Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-next-table-demo-filtered\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableDemoFiltered implements ComponentWillLoad {\n\t@State() criteria: selectively.Criteria = {}\n\t@State() cats?: Cat[] \| false\n\t@State() selector: Selector<Cat> = Selector.create(\"breed\")\n\t@Listen(\"smoothlyFilter\")\n\tonFilterUpdate(event: CustomEvent<selectively.Criteria>) {\n\t\tevent.stopPropagation()\n\t\tthis.criteria = event.detail\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tevent.stopPropagation()\n\t\tthis.selector = this.selector.handle(event.detail)\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tconst response = await http.fetch(\"https://catfact.ninja/breeds?limit=15\")\n\t\tthis.cats =\n\t\t\tresponse.status == 200 &&\n\t\t\t(await response.body).data.map((cat: any) => ({\n\t\t\t\t...cat,\n\t\t\t\tprice: [...cat.breed].reduce((r, c) => r + c.charCodeAt(0), 0),\n\t\t\t\tnested: { ...cat, names: names[cat.country] ?? [] },\n\t\t\t\tnames: names[cat.country] ?? [],\n\t\t\t}))\n\t}\n\n\trender() {\n\t\tconst cats = this.cats && selectively.filter(this.criteria, this.cats)\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Filtered\" />\n\t\t\t\t<smoothly-filter>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ [\"nested.pattern\"]: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"add\"\n\t\t\t\t\t\ttoolTip=\"Nested Ticked\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Ticked\", breed: \"\" }}\n\t\t\t\t\t\ticon=\"paw\"\n\t\t\t\t\t\ttoolTip=\"Ticked cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ breed: \"Bombay\", pattern: \"Solid\" }}\n\t\t\t\t\t\ticon=\"radio-button-on\"\n\t\t\t\t\t\ttoolTip=\"Solid bombay cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-toggle\n\t\t\t\t\t\tproperties={{ pattern: \"Colorpoint\" }}\n\t\t\t\t\t\tnot\n\t\t\t\t\t\tactive\n\t\t\t\t\t\ticon=\"alert\"\n\t\t\t\t\t\ttoolTip=\"Colored cats\"\n\t\t\t\t\t\tslot=\"bar\"\n\t\t\t\t\t/>\n\t\t\t\t\t<smoothly-filter-select label=\"coat\" property=\"nested.coat\" slot=\"bar\" multiple={false}>\n\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\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).map(\n\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t<div slot=\"detail\">\n\t\t\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"coat\" property=\"nested.coat\" multiple>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>(\n\t\t\t\t\t\t\t\t\t\t\t(r, cat) => (cat.nested ? { ...r, [cat.nested.coat]: cat } : r),\n\t\t\t\t\t\t\t\t\t\t\t{}\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.nested?.coat && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.nested.coat}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.nested.coat}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"breed\" property=\"breed\" multiple={false}>\n\t\t\t\t\t\t\t\t{this.cats &&\n\t\t\t\t\t\t\t\t\tObject.values(\n\t\t\t\t\t\t\t\t\t\tthis.cats.reduce<Record<string, Cat>>((r, cat) => (cat.breed ? { ...r, [cat.breed]: cat } : r), {})\n\t\t\t\t\t\t\t\t\t).map(\n\t\t\t\t\t\t\t\t\t\tcat =>\n\t\t\t\t\t\t\t\t\t\t\tcat.breed && (\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={cat.breed}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cat.breed}\n\t\t\t\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-select label=\"names\" property=\"nested.names\" multiple={true} type=\"array\">\n\t\t\t\t\t\t\t\t{Object.keys(\n\t\t\t\t\t\t\t\t\tObject.values(names)\n\t\t\t\t\t\t\t\t\t\t.flat()\n\t\t\t\t\t\t\t\t\t\t.reduce((r, name) => ({ ...r, [name]: true }), {})\n\t\t\t\t\t\t\t\t).flatMap(name => (\n\t\t\t\t\t\t\t\t\t<smoothly-item slot=\"items\" value={name}>\n\t\t\t\t\t\t\t\t\t\t{name}\n\t\t\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-filter-select>\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Coat\" property=\"coat\" />\n\t\t\t\t\t\t\t<smoothly-filter-input label=\"Nested Coat\" property=\"nested.coat\" />\n\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-filter>\n\t\t\t\t{!cats ? (\n\t\t\t\t\t\"Failed to load data.\"\n\t\t\t\t) : (\n\t\t\t\t\t<smoothly-next-table columns={4}>\n\t\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{this.selector.render(cats)}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Breed</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Coat</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>Price</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{this.selector.render(cat)}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-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\">Country: {cat.country}</div>\n\t\t\t\t\t\t\t\t</smoothly-next-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-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-next-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type=\"price\" value={cat.price} currency=\"SEK\"></smoothly-display>\n\t\t\t\t\t\t\t\t</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-next-table-foot>\n\t\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell span={3}>\n\t\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\t\t\t\t\t\t\t\t\t\t\tthis.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : \"?\"\n\t\t\t\t\t\t\t\t\t\t}`}></smoothly-display>\n\t\t\t\t\t\t\t\t</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t\t</smoothly-next-table-foot>\n\t\t\t\t\t</smoothly-next-table>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\nconst names: Record<string, string[]> = {\n\t\"United States\": [\"bill\", \"bob\", \"brad\", \"joe\", \"molly\"],\n\tAustralia: [\"nigel\", \"bruce\", \"sheila\", \"brad\", \"shane\"],\n\t\"United Kingdom\": [\"nigel\", \"james\", \"molly\", \"shane\", \"bob\"],\n\tGreece: [\"dionysius\", \"demetrius\", \"polikarpos\"],\n}\n"],"version":3}

package/dist/components/{p-cb9fa266.js → p-9e8065f2.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-467d65e7.js';
 import { a as DateTime, L as Locale, b as Language } from './p-5ab5a176.js';
-import { g as get, f as format } from './p-df47e031.js';
+import { g as get, f as format } from './p-df720506.js';
 const styleCss = ".sc-smoothly-display-h{display:block;white-space:wrap}[hidden].sc-smoothly-display-h{display:none}.sc-smoothly-display-h>div.sc-smoothly-display{opacity:0.6;font-size:.8rem}";
 const SmoothlyDisplayStyle0 = styleCss;
@@ -80,4 +80,4 @@ defineCustomElement();
 export { SmoothlyDisplay as S, defineCustomElement as d };
-//# sourceMappingURL=p-cb9fa266.js.map
+//# sourceMappingURL=p-9e8065f2.js.map

package/dist/components/{p-cb9fa266.js.map → p-9e8065f2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~cb9fa266~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,+KAA+K,CAAC;AACjM,8BAAe,QAAQ;;MCQV,eAAe;;;;;;;;;;;IAO3B,MAAM;;QACL,IAAI,MAAwC,CAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACtB,QAAQ,IAAI;YACX;gBACC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACjC,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,KAAK,IAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAK,CAAA;gBACxE,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,IAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAK,CAAA;gBACnF,MAAK;YACN,KAAK,aAAa;gBACjB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC/C,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;gBAChD,MAAK;YACN,KAAK,MAAM;gBACV,MAAM,GAAG,MAAA,GAAG,CAAC,IAAI,CAAC,IAAY,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAClE,MAAK;YACN,KAAK,UAAU;gBACd,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,IAAI,CAAC,MAAM;sBACjB,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;sBACvD,MAAA,GAAG,CAAC,IAAI,CAAC,IAAY,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC5D,MAAK;SACN;QACD,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,eAAM,IAAI,CAAC,KAAK,CAAO,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;KAC9D;;;;;;;;;;AAEF,SAAS,SAAS;IACjB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAA;IACjC,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;AAC9F,CAAC;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/display/style.css?tag=smoothly-display&encapsulation=scoped","src/components/display/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twhite-space: wrap;\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div {\n\topacity: 0.6;\n\tfont-size: .8rem;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { CountryCode, Currency, DateTime, Language, Locale } from \"isoly\"\nimport { format, get, Type } from \"tidily\"\n\n@Component({\n\ttag: \"smoothly-display\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplay {\n\t@Prop() type: Type\n\t@Prop() label?: string\n\t@Prop() value?: any\n\t@Prop() currency?: Currency\n\t@Prop() country?: CountryCode.Alpha2\n\t@Prop() format?: DateTime.Format\n\trender() {\n\t\tlet result: string \| HTMLElement \| undefined\n\t\tconst type = this.type\n\t\tswitch (type) {\n\t\t\tdefault:\n\t\t\t\tresult = format(this.value, type)\n\t\t\t\tbreak\n\t\t\tcase \"email\":\n\t\t\t\tresult = <a href={\"mailto:\" + this.value}>{format(this.value, type)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"phone\":\n\t\t\t\tresult = <a href={\"tel:\" + this.value}>{format(this.value, type, this.country)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"postal-code\":\n\t\t\t\tresult = format(this.value, type, this.country)\n\t\t\t\tbreak\n\t\t\tcase \"price\":\n\t\t\t\tresult = format(this.value, type, this.currency)\n\t\t\t\tbreak\n\t\t\tcase \"date\":\n\t\t\t\tresult = get(this.type as Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t\tcase \"duration\":\n\t\t\t\tresult = format(this.value, type) \|\| \"0\"\n\t\t\t\tbreak\n\t\t\tcase \"date-time\":\n\t\t\t\tresult = this.format\n\t\t\t\t\t? DateTime.localize(this.value, this.format, getLocale())\n\t\t\t\t\t: get(this.type as Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t}\n\t\treturn this.label ? [<div>{this.label}</div>, result] : result\n\t}\n}\nfunction getLocale(): Locale \| undefined {\n\tconst result = navigator.language\n\treturn Locale.is(result) ? result : Language.is(result) ? Locale.toLocale(result) : undefined\n}\n"],"version":3}
1	+ {"file":"p-9e8065f2.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,+KAA+K,CAAC;AACjM,8BAAe,QAAQ;;MCQV,eAAe;;;;;;;;;;;IAO3B,MAAM;;QACL,IAAI,MAAwC,CAAA;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACtB,QAAQ,IAAI;YACX;gBACC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;gBACjC,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC,KAAK,IAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAK,CAAA;gBACxE,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,0DAAG,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC,KAAK,IAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAK,CAAA;gBACnF,MAAK;YACN,KAAK,aAAa;gBACjB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC/C,MAAK;YACN,KAAK,OAAO;gBACX,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;gBAChD,MAAK;YACN,KAAK,MAAM;gBACV,MAAM,GAAG,MAAA,GAAG,CAAC,IAAI,CAAC,IAAY,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAClE,MAAK;YACN,KAAK,UAAU;gBACd,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,CAAA;gBACxC,MAAK;YACN,KAAK,WAAW;gBACf,MAAM,GAAG,IAAI,CAAC,MAAM;sBACjB,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;sBACvD,MAAA,GAAG,CAAC,IAAI,CAAC,IAAY,EAAE,SAAS,EAAE,CAAC,0CAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC5D,MAAK;SACN;QACD,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,eAAM,IAAI,CAAC,KAAK,CAAO,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;KAC9D;;;;;;;;;;AAEF,SAAS,SAAS;IACjB,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAA;IACjC,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;AAC9F,CAAC;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/display/style.css?tag=smoothly-display&encapsulation=scoped","src/components/display/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twhite-space: wrap;\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>div {\n\topacity: 0.6;\n\tfont-size: .8rem;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { CountryCode, Currency, DateTime, Language, Locale } from \"isoly\"\nimport { format, get, Type } from \"tidily\"\n\n@Component({\n\ttag: \"smoothly-display\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDisplay {\n\t@Prop() type: Type\n\t@Prop() label?: string\n\t@Prop() value?: any\n\t@Prop() currency?: Currency\n\t@Prop() country?: CountryCode.Alpha2\n\t@Prop() format?: DateTime.Format\n\trender() {\n\t\tlet result: string \| HTMLElement \| undefined\n\t\tconst type = this.type\n\t\tswitch (type) {\n\t\t\tdefault:\n\t\t\t\tresult = format(this.value, type)\n\t\t\t\tbreak\n\t\t\tcase \"email\":\n\t\t\t\tresult = <a href={\"mailto:\" + this.value}>{format(this.value, type)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"phone\":\n\t\t\t\tresult = <a href={\"tel:\" + this.value}>{format(this.value, type, this.country)}</a>\n\t\t\t\tbreak\n\t\t\tcase \"postal-code\":\n\t\t\t\tresult = format(this.value, type, this.country)\n\t\t\t\tbreak\n\t\t\tcase \"price\":\n\t\t\t\tresult = format(this.value, type, this.currency)\n\t\t\t\tbreak\n\t\t\tcase \"date\":\n\t\t\t\tresult = get(this.type as Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t\tcase \"duration\":\n\t\t\t\tresult = format(this.value, type) \|\| \"0\"\n\t\t\t\tbreak\n\t\t\tcase \"date-time\":\n\t\t\t\tresult = this.format\n\t\t\t\t\t? DateTime.localize(this.value, this.format, getLocale())\n\t\t\t\t\t: get(this.type as Type, getLocale())?.toString(this.value)\n\t\t\t\tbreak\n\t\t}\n\t\treturn this.label ? [<div>{this.label}</div>, result] : result\n\t}\n}\nfunction getLocale(): Locale \| undefined {\n\tconst result = navigator.language\n\treturn Locale.is(result) ? result : Language.is(result) ? Locale.toLocale(result) : undefined\n}\n"],"version":3}

package/dist/components/{p-8c03de88.js → p-a7946789.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-467d65e7.js';
-import { d as defineCustomElement$d } from './p-cb9fa266.js';
+import { d as defineCustomElement$d } from './p-9e8065f2.js';
 import { d as defineCustomElement$c } from './p-be3768ec.js';
 import { d as defineCustomElement$b } from './p-a237d98f.js';
-import { d as defineCustomElement$a } from './p-70d8f891.js';
+import { d as defineCustomElement$a } from './p-11ea4eca.js';
 import { d as defineCustomElement$9 } from './p-757cbe93.js';
 import { d as defineCustomElement$8 } from './p-464313d3.js';
 import { d as defineCustomElement$7 } from './p-22a42ff7.js';
@@ -139,4 +139,4 @@ defineCustomElement();
 export { SmoothlyTableTesting as S, defineCustomElement as d };
-//# sourceMappingURL=p-8c03de88.js.map
+//# sourceMappingURL=p-a7946789.js.map

package/dist/components/{p-8c03de88.js.map → p-a7946789.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~8c03de88~~.js","mappings":";;;;;;;;;;;;;;;AAAO,MAAM,IAAI,GAAG;IACnB;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;CACD;;AC1BD,MAAM,QAAQ,GAAG,+gBAA+gB,CAAC;AACjiB,mCAAe,QAAQ;;MCMV,oBAAoB;;;;uBACb,CAAC;;IACpB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,KAAK,EAAC,MAAM,IAC3B,6EACC,uFAAmD,EACnD,uFAAmD,EACnD,sFAAkD,CAC9B,EAEpB,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,yCACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,GAAG,CAAuB,EACvD,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACe,CAChC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,8BACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,0CACE,MAAM,CAAC,IAAI,EACZ,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,EACjC,0CACE,MAAM,CAAC,GAAG,EACX,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,CACb,CACrB,CAAC,EACF,gFACC,2DAAI,OAAO,EAAE,CAAC,IACb,4DAAK,KAAK,EAAC,QAAQ,uCAElB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,CAC9C,CACF,EACL,gFAAwB,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAyB,CAC7E,CACR,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/testing/data.ts","src/components/table/demo/testing/style.css?tag=smoothly-table-testing&encapsulation=scoped","src/components/table/demo/testing/index.tsx"],"sourcesContent":["export const data = [\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Lazie\",\n\t\tage: 3,\n\t},\n\t{\n\t\ttype: \"dog\",\n\t\tname: \"Jessie\",\n\t\tage: 8,\n\t},\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Snooz\",\n\t\tage: 5,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Squeak\",\n\t\tage: 1,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Quirk\",\n\t\tage: 2,\n\t},\n]\n",":host {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\nsmoothly-table {\n\twidth: 80%;\n}\n\n.tableCell {\n\theight: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.tableCell>div {\n\tmargin-left: 3rem;\n\tmargin-right: 3rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 2rem;\n}\n\ntd>div.footer {\n\tdisplay: flex;\n\tpadding-left: 1.5em;\n\tflex-direction: row;\n\tgap: 1em;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { data } from \"./data\"\n@Component({\n\ttag: \"smoothly-table-testing\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableTesting {\n\t@State() counter = 0\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table color=\"dark\">\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Type</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t))}\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.name}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\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{animal.age}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\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))}\n\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t<td colSpan={2}>\n\t\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t\tCurrently viewing content from:\n\t\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2023-10-12\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<smoothly-table-header>{\"Total age: \" + data.reduce((r, a) => r + a.age, 0)}</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-footer>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-a7946789.js","mappings":";;;;;;;;;;;;;;;AAAO,MAAM,IAAI,GAAG;IACnB;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;KACN;IACD;QACC,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,CAAC;KACN;CACD;;AC1BD,MAAM,QAAQ,GAAG,+gBAA+gB,CAAC;AACjiB,mCAAe,QAAQ;;MCMV,oBAAoB;;;;uBACb,CAAC;;IACpB,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,KAAK,EAAC,MAAM,IAC3B,6EACC,uFAAmD,EACnD,uFAAmD,EACnD,sFAAkD,CAC9B,EAEpB,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,yCACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,+BAAsB,MAAM,CAAC,GAAG,CAAuB,EACvD,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACe,CAChC,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,MAAM,KACf,8BACC,+BAAsB,MAAM,CAAC,IAAI,CAAuB,EACxD,0CACE,MAAM,CAAC,IAAI,EACZ,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,EACjC,0CACE,MAAM,CAAC,GAAG,EACX,qBAAe,IAAI,EAAC,QAAQ,EAAC,oBAAoB,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAAE,KAAK,EAAC,MAAM,IACpF,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,sBAAgB,KAAK,EAAE,MAAM,CAAC,IAAI,WAAuB,EACzD,0BAAiB,MAAM,CAAC,GAAG,CAAkB,EAC7C,uBAAiB,IAAI,EAAC,QAAQ,cAA0B,CACzC,CACgB,CACb,CACrB,CAAC,EACF,gFACC,2DAAI,OAAO,EAAE,CAAC,IACb,4DAAK,KAAK,EAAC,QAAQ,uCAElB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,GAAG,CAC9C,CACF,EACL,gFAAwB,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAyB,CAC7E,CACR,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/testing/data.ts","src/components/table/demo/testing/style.css?tag=smoothly-table-testing&encapsulation=scoped","src/components/table/demo/testing/index.tsx"],"sourcesContent":["export const data = [\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Lazie\",\n\t\tage: 3,\n\t},\n\t{\n\t\ttype: \"dog\",\n\t\tname: \"Jessie\",\n\t\tage: 8,\n\t},\n\t{\n\t\ttype: \"cat\",\n\t\tname: \"Snooz\",\n\t\tage: 5,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Squeak\",\n\t\tage: 1,\n\t},\n\t{\n\t\ttype: \"bird\",\n\t\tname: \"Quirk\",\n\t\tage: 2,\n\t},\n]\n",":host {\n\twidth: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\nsmoothly-table {\n\twidth: 80%;\n}\n\n.tableCell {\n\theight: 3rem;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.tableCell>div {\n\tmargin-left: 3rem;\n\tmargin-right: 3rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 2rem;\n}\n\ntd>div.footer {\n\tdisplay: flex;\n\tpadding-left: 1.5em;\n\tflex-direction: row;\n\tgap: 1em;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { data } from \"./data\"\n@Component({\n\ttag: \"smoothly-table-testing\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableTesting {\n\t@State() counter = 0\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table color=\"dark\">\n\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-header>Type</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Name</smoothly-table-header>\n\t\t\t\t\t\t<smoothly-table-header>Age</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-row>\n\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t</smoothly-form>\n\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t))}\n\t\t\t\t\t{data.map(animal => (\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>{animal.type}</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t{animal.name}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\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{animal.age}\n\t\t\t\t\t\t\t\t<smoothly-form slot=\"detail\" onSmoothlyFormSubmit={() => this.counter++} looks=\"line\">\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.type}>Type</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input value={animal.name}>Name</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-input>{animal.age}</smoothly-input>\n\t\t\t\t\t\t\t\t\t<smoothly-submit slot=\"submit\">Submit!</smoothly-submit>\n\t\t\t\t\t\t\t\t</smoothly-form>\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))}\n\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t<td colSpan={2}>\n\t\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t\tCurrently viewing content from:\n\t\t\t\t\t\t\t\t<smoothly-display type=\"date\" value=\"2023-10-12\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<smoothly-table-header>{\"Total age: \" + data.reduce((r, a) => r + a.age, 0)}</smoothly-table-header>\n\t\t\t\t\t</smoothly-table-footer>\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-9080a705.js → p-ab80dba5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-467d65e7.js';
 import { d as defineCustomElement$6 } from './p-a237d98f.js';
-import { d as defineCustomElement$5 } from './p-70d8f891.js';
-import { d as defineCustomElement$4 } from './p-12dc42cf.js';
+import { d as defineCustomElement$5 } from './p-11ea4eca.js';
+import { d as defineCustomElement$4 } from './p-3d0b925a.js';
 import { d as defineCustomElement$3 } from './p-2838a4dc.js';
 import { d as defineCustomElement$2 } from './p-07b66098.js';
 import { d as defineCustomElement$1 } from './p-2e76caa5.js';
@@ -192,4 +192,4 @@ defineCustomElement();
 export { SmoothlyPicker as S, defineCustomElement as d };
-//# sourceMappingURL=p-9080a705.js.map
+//# sourceMappingURL=p-ab80dba5.js.map

package/dist/components/{p-9080a705.js.map → p-ab80dba5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-9080a705.js","mappings":"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","names":[],"sources":["src/components/picker/style.css?tag=smoothly-picker&encapsulation=scoped","src/components/picker/index.tsx"],"sourcesContent":["@import \"../input/shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\twidth: max-content;\n\tpadding: 1em 0.7em 0.2em 0.8em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host>smoothly-slot-elements {\n\twhite-space: nowrap;\n}\n\n:host>smoothly-slot-elements.selected {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmargin-right: 2px;\n}\n\n:host>smoothly-slot-elements.selected::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n\twidth: 2ch;\n}\n\n:host:not([looks=transparent])>smoothly-slot-elements.selected::after {\n\tbackground: linear-gradient(90deg, rgba(var(--smoothly-input-background), 0) 0%, rgba(var(--smoothly-input-background), 1) 100%);\n}\n\n:host>smoothly-slot-elements.selected>* {\n\tdisplay: none;\n}\n\n:host>span.label {\n\tposition: absolute;\n\tleft: 0.4rem;\n\ttop: 0.6rem;\n\tcolor: rgb(var(--smoothly-input-foreground));\n\topacity: 0.8;\n\tuser-select: none;\n\tcursor: inherit;\n\ttransform-origin: top left;\n\ttransition: transform 100ms ease;\n}\n\n:host>smoothly-slot-elements.selected:not(:empty)+span.label {\n\ttop: 0.4em;\n\ttransform: scale(0.6);\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Notice, Option } from \"../../model\"\nimport { Clearable } from \"../input/Clearable\"\nimport { Editable } from \"../input/Editable\"\nimport { Input } from \"../input/Input\"\nimport { Looks } from \"../input/Looks\"\nimport { Controls } from \"./menu\"\n\n// DEPRECATED use <smoothly-input-select> instead\n@Component({\n\ttag: \"smoothly-picker\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyPicker implements Clearable, Editable, Input, ComponentDidLoad {\n\tprivate valueReceivedOnLoad = false\n\tprivate initialValue = new Map<any, Option>()\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Element() element: HTMLSmoothlyPickerElement\n\t@Prop({ reflect: true, mutable: true }) looks: Looks = \"plain\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) open = false\n\t@Prop({ reflect: true }) mutable = false\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() validator?: (value: string) => boolean \| { result: boolean; notice: Notice }\n\t@State() selected = new Map<any, Option>()\n\t@State() display: Node[]\n\t@Event() smoothlyPickerLoaded: EventEmitter<Controls>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any \| any[]>> // multiple -> any[]\n\t@Event() smoothlyChange: EventEmitter<Record<string, any \| any[]>> // multiple -> any[]\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\tprivate controls?: Controls\n\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = looks))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\tthis.listener.changed?.(this)\n\t}\n\n\t@Watch(\"selected\")\n\tselectedChanged(): void {\n\t\tconst selected = Array.from(this.selected.values(), option => option.value)\n\t\tthis.changed = !this.areValuesEqual(this.selected, this.initialValue)\n\t\tthis.smoothlyInput.emit({ [this.name]: this.multiple ? selected : selected.at(0) })\n\t\tthis.smoothlyChange.emit({ [this.name]: this.multiple ? selected : selected.at(0) })\n\t\tthis.display = Array.from(this.selected.values(), option => {\n\t\t\tconst span = document.createElement(\"span\")\n\t\t\toption.slotted.forEach(node => span.appendChild(node.cloneNode(true)))\n\t\t\treturn span\n\t\t})\n\t\t!this.valueReceivedOnLoad && (this.initialValue = new Map(this.selected))\n\t}\n\n\tcomponentDidLoad(): void \| Promise<void> {\n\t\tif (this.controls)\n\t\t\tthis.smoothlyPickerLoaded.emit(this.controls)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks)\n\t\t}\n\t}\n\t@Listen(\"smoothlyPickerMenuLoaded\")\n\tmenuLoadedHandler(event: CustomEvent<Controls & { synced: () => boolean }>): void {\n\t\tthis.controls = event.detail\n\t}\n\t@Listen(\"smoothlyPickerOptionLoaded\")\n\toptionLoadedHandler(event: CustomEvent<Option>): void {\n\t\tif (event.detail.selected)\n\t\t\tthis.selected = this.multiple\n\t\t\t\t? new Map(this.selected.set(event.detail.value, event.detail).entries())\n\t\t\t\t: new Map().set(event.detail.value, event.detail)\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\n\t@Listen(\"smoothlyPickerOptionChange\")\n\toptionChangeHandler(event: CustomEvent<Option>): void {\n\t\tif ((this.readonly && !this.valueReceivedOnLoad) \|\| !this.readonly)\n\t\t\tif (this.multiple)\n\t\t\t\tthis.selected = event.detail.selected\n\t\t\t\t\t? new Map(this.selected.set(event.detail.value, event.detail).entries())\n\t\t\t\t\t: !this.selected.delete(event.detail.value)\n\t\t\t\t\t? this.selected\n\t\t\t\t\t: new Map(this.selected.entries())\n\t\t\telse\n\t\t\t\tthis.selected = !event.detail.selected ? new Map() : new Map().set(event.detail.value, event.detail)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tclickHandler(event: MouseEvent) {\n\t\tthis.open = !event.composedPath().includes(this.element) \|\| this.readonly ? false : !this.open\n\t}\n\t@Listen(\"focusin\", { target: \"window\" })\n\tfocusHandler(event: FocusEvent) {\n\t\tif (!event.composedPath().includes(this.element))\n\t\t\tthis.open = false\n\t}\n\t@Method()\n\tasync clear() {\n\t\tthis.selected.forEach(option => option.selected && option.element.clickHandler())\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tawait this.reset()\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tconst initialValueArray = Array.from(this.initialValue.values(), option => option.value)\n\t\tthis.selected.forEach(\n\t\t\toption => !initialValueArray.includes(option.value) && option.selected && option.set.selected(false)\n\t\t)\n\t\tthis.initialValue.forEach(option => option.set.selected(true))\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = new Map(this.selected)\n\t\tthis.selectedChanged()\n\t}\n\tareValuesEqual(selected: Map<any, Option>, initialValue: Map<any, Option>): boolean {\n\t\tconst initialValueArray = Array.from(initialValue.values(), option => option.value)\n\t\tconst selectedArray = Array.from(selected.values(), option => option.value)\n\t\treturn (\n\t\t\tselectedArray.length === initialValueArray.length &&\n\t\t\tinitialValueArray.every(value => selectedArray.includes(value))\n\t\t)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<smoothly-slot-elements class={\"selected\"} nodes={this.display} />\n\t\t\t\t<span class={\"label\"}>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.looks == \"border\" && (\n\t\t\t\t\t<button>\n\t\t\t\t\t\t<smoothly-icon size=\"tiny\" name={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"} />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t\t<slot name=\"child\" />\n\t\t\t\t<smoothly-picker-menu\n\t\t\t\t\topen={this.open}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\tmutable={this.mutable}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tvalidator={this.validator}>\n\t\t\t\t\t<slot name=\"search\" slot=\"search\" />\n\t\t\t\t\t<slot name=\"display\" slot=\"display\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-picker-menu>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-ab80dba5.js","mappings":"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","names":[],"sources":["src/components/picker/style.css?tag=smoothly-picker&encapsulation=scoped","src/components/picker/index.tsx"],"sourcesContent":["@import \"../input/shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\twidth: max-content;\n\tpadding: 1em 0.7em 0.2em 0.8em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host>smoothly-slot-elements {\n\twhite-space: nowrap;\n}\n\n:host>smoothly-slot-elements.selected {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 1rem;\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmargin-right: 2px;\n}\n\n:host>smoothly-slot-elements.selected::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n\twidth: 2ch;\n}\n\n:host:not([looks=transparent])>smoothly-slot-elements.selected::after {\n\tbackground: linear-gradient(90deg, rgba(var(--smoothly-input-background), 0) 0%, rgba(var(--smoothly-input-background), 1) 100%);\n}\n\n:host>smoothly-slot-elements.selected>* {\n\tdisplay: none;\n}\n\n:host>span.label {\n\tposition: absolute;\n\tleft: 0.4rem;\n\ttop: 0.6rem;\n\tcolor: rgb(var(--smoothly-input-foreground));\n\topacity: 0.8;\n\tuser-select: none;\n\tcursor: inherit;\n\ttransform-origin: top left;\n\ttransition: transform 100ms ease;\n}\n\n:host>smoothly-slot-elements.selected:not(:empty)+span.label {\n\ttop: 0.4em;\n\ttransform: scale(0.6);\n}\n","import {\n\tComponent,\n\tComponentDidLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Notice, Option } from \"../../model\"\nimport { Clearable } from \"../input/Clearable\"\nimport { Editable } from \"../input/Editable\"\nimport { Input } from \"../input/Input\"\nimport { Looks } from \"../input/Looks\"\nimport { Controls } from \"./menu\"\n\n// DEPRECATED use <smoothly-input-select> instead\n@Component({\n\ttag: \"smoothly-picker\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyPicker implements Clearable, Editable, Input, ComponentDidLoad {\n\tprivate valueReceivedOnLoad = false\n\tprivate initialValue = new Map<any, Option>()\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\t@Element() element: HTMLSmoothlyPickerElement\n\t@Prop({ reflect: true, mutable: true }) looks: Looks = \"plain\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) changed = false\n\t@Prop({ reflect: true, mutable: true }) open = false\n\t@Prop({ reflect: true }) mutable = false\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop() validator?: (value: string) => boolean \| { result: boolean; notice: Notice }\n\t@State() selected = new Map<any, Option>()\n\t@State() display: Node[]\n\t@Event() smoothlyPickerLoaded: EventEmitter<Controls>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any \| any[]>> // multiple -> any[]\n\t@Event() smoothlyChange: EventEmitter<Record<string, any \| any[]>> // multiple -> any[]\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\tprivate controls?: Controls\n\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = looks))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\tthis.listener.changed?.(this)\n\t}\n\n\t@Watch(\"selected\")\n\tselectedChanged(): void {\n\t\tconst selected = Array.from(this.selected.values(), option => option.value)\n\t\tthis.changed = !this.areValuesEqual(this.selected, this.initialValue)\n\t\tthis.smoothlyInput.emit({ [this.name]: this.multiple ? selected : selected.at(0) })\n\t\tthis.smoothlyChange.emit({ [this.name]: this.multiple ? selected : selected.at(0) })\n\t\tthis.display = Array.from(this.selected.values(), option => {\n\t\t\tconst span = document.createElement(\"span\")\n\t\t\toption.slotted.forEach(node => span.appendChild(node.cloneNode(true)))\n\t\t\treturn span\n\t\t})\n\t\t!this.valueReceivedOnLoad && (this.initialValue = new Map(this.selected))\n\t}\n\n\tcomponentDidLoad(): void \| Promise<void> {\n\t\tif (this.controls)\n\t\t\tthis.smoothlyPickerLoaded.emit(this.controls)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks)\n\t\t}\n\t}\n\t@Listen(\"smoothlyPickerMenuLoaded\")\n\tmenuLoadedHandler(event: CustomEvent<Controls & { synced: () => boolean }>): void {\n\t\tthis.controls = event.detail\n\t}\n\t@Listen(\"smoothlyPickerOptionLoaded\")\n\toptionLoadedHandler(event: CustomEvent<Option>): void {\n\t\tif (event.detail.selected)\n\t\t\tthis.selected = this.multiple\n\t\t\t\t? new Map(this.selected.set(event.detail.value, event.detail).entries())\n\t\t\t\t: new Map().set(event.detail.value, event.detail)\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\n\t@Listen(\"smoothlyPickerOptionChange\")\n\toptionChangeHandler(event: CustomEvent<Option>): void {\n\t\tif ((this.readonly && !this.valueReceivedOnLoad) \|\| !this.readonly)\n\t\t\tif (this.multiple)\n\t\t\t\tthis.selected = event.detail.selected\n\t\t\t\t\t? new Map(this.selected.set(event.detail.value, event.detail).entries())\n\t\t\t\t\t: !this.selected.delete(event.detail.value)\n\t\t\t\t\t? this.selected\n\t\t\t\t\t: new Map(this.selected.entries())\n\t\t\telse\n\t\t\t\tthis.selected = !event.detail.selected ? new Map() : new Map().set(event.detail.value, event.detail)\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tclickHandler(event: MouseEvent) {\n\t\tthis.open = !event.composedPath().includes(this.element) \|\| this.readonly ? false : !this.open\n\t}\n\t@Listen(\"focusin\", { target: \"window\" })\n\tfocusHandler(event: FocusEvent) {\n\t\tif (!event.composedPath().includes(this.element))\n\t\t\tthis.open = false\n\t}\n\t@Method()\n\tasync clear() {\n\t\tthis.selected.forEach(option => option.selected && option.element.clickHandler())\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tawait this.reset()\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tconst initialValueArray = Array.from(this.initialValue.values(), option => option.value)\n\t\tthis.selected.forEach(\n\t\t\toption => !initialValueArray.includes(option.value) && option.selected && option.set.selected(false)\n\t\t)\n\t\tthis.initialValue.forEach(option => option.set.selected(true))\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = new Map(this.selected)\n\t\tthis.selectedChanged()\n\t}\n\tareValuesEqual(selected: Map<any, Option>, initialValue: Map<any, Option>): boolean {\n\t\tconst initialValueArray = Array.from(initialValue.values(), option => option.value)\n\t\tconst selectedArray = Array.from(selected.values(), option => option.value)\n\t\treturn (\n\t\t\tselectedArray.length === initialValueArray.length &&\n\t\t\tinitialValueArray.every(value => selectedArray.includes(value))\n\t\t)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<smoothly-slot-elements class={\"selected\"} nodes={this.display} />\n\t\t\t\t<span class={\"label\"}>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.looks == \"border\" && (\n\t\t\t\t\t<button>\n\t\t\t\t\t\t<smoothly-icon size=\"tiny\" name={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"} />\n\t\t\t\t\t</button>\n\t\t\t\t)}\n\t\t\t\t<slot name=\"child\" />\n\t\t\t\t<smoothly-picker-menu\n\t\t\t\t\topen={this.open}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\tmutable={this.mutable}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tvalidator={this.validator}>\n\t\t\t\t\t<slot name=\"search\" slot=\"search\" />\n\t\t\t\t\t<slot name=\"display\" slot=\"display\" />\n\t\t\t\t\t<slot />\n\t\t\t\t</smoothly-picker-menu>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-4af8edea.js → p-afc6043a.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-467d65e7.js';
 import { d as defineCustomElement$2 } from './p-a237d98f.js';
-import { d as defineCustomElement$1 } from './p-70d8f891.js';
+import { d as defineCustomElement$1 } from './p-11ea4eca.js';
 const styleCss = ".sc-smoothly-input-color-h{display:flex}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:5em;margin-right:0.25rem;background-color:var(--value);border:rgb(var(--smoothly-input-border)) solid 1px;border-radius:2px}";
 const SmoothlyInputColorStyle0 = styleCss;
@@ -87,4 +87,4 @@ defineCustomElement();
 export { SmoothlyInputColor as S, defineCustomElement as d };
-//# sourceMappingURL=p-4af8edea.js.map
+//# sourceMappingURL=p-afc6043a.js.map

package/dist/components/{p-4af8edea.js.map → p-afc6043a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~4af8edea~~.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,wUAAwU,CAAC;AAC1V,iCAAe,QAAQ;;MCyBV,kBAAkB;;;;;;;;qBAGyB,OAAO;;;IAK9D,iBAAiB;QAChB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QACpD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC3B,OAAM;SACN,CAAC,CAAA;KACF;IAED,oBAAoB,CAAC,KAAuC;QAC3D,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,yBAAyB,CAAC,KAA0C;QACnE,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,wBAAwB,CAAC,KAAmD;QAC3E,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;KACtB;IAED,YAAY;QACX,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;KACpD;IACD,YAAY,CAAC,KAAoD;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACpC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IACrC,uEACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,eAAe,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAElD,4DAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,cAAc,GAAO,CAC3B,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n}\n\n:host div.color-sample {\n\theight: 2em;\n\twidth: 5em;\n\tmargin-right: 0.25rem;\n\tbackground-color: var(--value);\n\tborder: rgb(var(--smoothly-input-border)) solid 1px;\n\tborder-radius: 2px;\n}\n","import {\n\tComponent,\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 { SmoothlyInputCustomEvent } from \"../../../components\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { SmoothlyInput } from \"../index\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, ComponentWillLoad {\n\t@Element() element: HTMLElement\n\t@Prop({ mutable: true }) value: string \| undefined\n\t@Prop({ mutable: true, reflect: true }) looks: Looks = \"plain\"\n\t@Prop() name: string\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = looks))\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tinputHandler(event: SmoothlyInputCustomEvent<Record<string, any>>): void {\n\t\tthis.value = event.detail[this.name]\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--value\": this.value }}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tonSmoothlyInput={event => this.inputHandler(event)}>\n\t\t\t\t\tColor\n\t\t\t\t\t<div slot=\"end\" class=\"color-sample\"></div>\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-afc6043a.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,wUAAwU,CAAC;AAC1V,iCAAe,QAAQ;;MCyBV,kBAAkB;;;;;;;;qBAGyB,OAAO;;;IAK9D,iBAAiB;QAChB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAA;QAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QACpD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC3B,OAAM;SACN,CAAC,CAAA;KACF;IAED,oBAAoB,CAAC,KAAuC;QAC3D,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,yBAAyB,CAAC,KAA0C;QACnE,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,wBAAwB,CAAC,KAAmD;QAC3E,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;KACtB;IAED,YAAY;QACX,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;KACpD;IACD,YAAY,CAAC,KAAoD;QAChE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACpC;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,IACrC,uEACC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,eAAe,EAAE,KAAK,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAElD,4DAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,cAAc,GAAO,CAC3B,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/style.css?tag=smoothly-input-color&encapsulation=scoped","src/components/input/color/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n}\n\n:host>smoothly-input {\n\twidth: 100%;\n}\n\n:host div.color-sample {\n\theight: 2em;\n\twidth: 5em;\n\tmargin-right: 0.25rem;\n\tbackground-color: var(--value);\n\tborder: rgb(var(--smoothly-input-border)) solid 1px;\n\tborder-radius: 2px;\n}\n","import {\n\tComponent,\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 { SmoothlyInputCustomEvent } from \"../../../components\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { SmoothlyInput } from \"../index\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-color\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputColor implements Input, Clearable, ComponentWillLoad {\n\t@Element() element: HTMLElement\n\t@Prop({ mutable: true }) value: string \| undefined\n\t@Prop({ mutable: true, reflect: true }) looks: Looks = \"plain\"\n\t@Prop() name: string\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\tcomponentWillLoad(): void \| Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = looks))\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): void {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tinputHandler(event: SmoothlyInputCustomEvent<Record<string, any>>): void {\n\t\tthis.value = event.detail[this.name]\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host style={{ \"--value\": this.value }}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tonSmoothlyInput={event => this.inputHandler(event)}>\n\t\t\t\t\tColor\n\t\t\t\t\t<div slot=\"end\" class=\"color-sample\"></div>\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-dcafdc77.js → p-b1ee8a80.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-467d65e7.js';
 import { p as parse } from './p-caf09da9.js';
 import { d as defineCustomElement$2 } from './p-a237d98f.js';
-import { d as defineCustomElement$1 } from './p-70d8f891.js';
+import { d as defineCustomElement$1 } from './p-11ea4eca.js';
 const styleCss = ".sc-smoothly-filter-field-h{flex-grow:5}";
 const SmoothlyFilterFieldStyle0 = styleCss;
@@ -61,4 +61,4 @@ defineCustomElement();
 export { SmoothlyFilterField as S, defineCustomElement as d };
-//# sourceMappingURL=p-dcafdc77.js.map
+//# sourceMappingURL=p-b1ee8a80.js.map

package/dist/components/{p-dcafdc77.js.map → p-b1ee8a80.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~dcafdc77~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCOV,mBAAmB;;;;;;;IAK/B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KACzE;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,SAAS,EAAE,CAAC,CAAgB,KAAK,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,IAChF,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,cAAc,EAAE,CAAC;gBAChB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,eAAe,EAAE,CAAA;aACtB,EACD,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement \| undefined\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.input?.value ?? \"\"))\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host onKeyDown={(e: KeyboardEvent) => e.key == \"Enter\" && this.filterFieldEmit()}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyBlur={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b1ee8a80.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,0CAA0C,CAAC;AAC5D,kCAAe,QAAQ;;MCOV,mBAAmB;;;;;;;IAK/B,MAAM,KAAK;;QACV,OAAM,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAA,CAAA;KACzB;IACD,eAAe;;QACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAACA,KAAiB,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAC,CAAA;KACzE;IACD,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,SAAS,EAAE,CAAC,CAAgB,KAAK,CAAC,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,eAAe,EAAE,IAChF,uEACC,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAC/B,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC9C,cAAc,EAAE,CAAC;gBAChB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,eAAe,EAAE,CAAA;aACtB,EACD,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC1C,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,aAEe,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["selectively.parse"],"sources":["src/components/filter/field/style.css?tag=smoothly-filter-field&encapsulation=scoped","src/components/filter/field/index.tsx"],"sourcesContent":[":host {\n\tflex-grow: 5;\n}\n\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\n\n@Component({\n\ttag: \"smoothly-filter-field\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFilterField {\n\tinput: HTMLSmoothlyInputElement \| undefined\n\t@Prop() criteria: selectively.Criteria\n\t@Event() smoothlyFilterField: EventEmitter<selectively.Rule>\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tawait this.input?.clear()\n\t}\n\tfilterFieldEmit() {\n\t\tthis.smoothlyFilterField.emit(selectively.parse(this.input?.value ?? \"\"))\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host onKeyDown={(e: KeyboardEvent) => e.key == \"Enter\" && this.filterFieldEmit()}>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tname=\"filter\"\n\t\t\t\t\tref={e => (this.input = e)}\n\t\t\t\t\tvalue={this.criteria.toString()}\n\t\t\t\t\tonSmoothlyInputLooks={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyBlur={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.filterFieldEmit()\n\t\t\t\t\t}}\n\t\t\t\t\tonSmoothlyFormDisable={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyChange={e => e.stopPropagation()}\n\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}}>\n\t\t\t\t\tFilter\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}