smoothly 1.2.1-alpha.48 → 1.2.1-alpha.49

package/dist/components/{p-82080d82.js → p-e25d0a4a.js}

@@ -5,10 +5,10 @@ import { d as defineCustomElement$8 } from './p-f770567b.js';
 import { d as defineCustomElement$7 } from './p-96acfe2c.js';
 import { d as defineCustomElement$6 } from './p-f46dd8e4.js';
 import { d as defineCustomElement$5 } from './p-4c6fe645.js';
-import { d as defineCustomElement$4 } from './p-4922697f.js';
-import { d as defineCustomElement$3 } from './p-2b19c666.js';
-import { d as defineCustomElement$2 } from './p-75de9c9a.js';
-import { d as defineCustomElement$1 } from './p-9d011d36.js';
+import { d as defineCustomElement$4 } from './p-8e748704.js';
+import { d as defineCustomElement$3 } from './p-1cd836ca.js';
+import { d as defineCustomElement$2 } from './p-d8318156.js';
+import { d as defineCustomElement$1 } from './p-67b8cf78.js';
 
 const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo extends H {
     constructor() {
@@ -16,7 +16,7 @@ const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '4051df0b6e7e3616d4003fbf6041d7114e42bca5' }, h("h2", { key: '1bc9976be3dd1bdd9cafb957804721bfc2d35e8f' }, "Range"), h("h3", { key: 'c2d36a50622ab5aa5a91e7d07128710042ead62b' }, "Phone Number"), h("smoothly-input-range", { key: '9e3df23e6f60dee8edcb2dca05ff8fabc3f3f0b6', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '30124f483876140e0b75fbbeea412e34430c00ee' }, "Stars out of ten"), h("smoothly-input-range", { key: 'd4aa30a14fea1abe86520faa74db9671397c75c9', max: 10, step: 1, label: "Stars" }), h("h3", { key: '855cdcf0cf5968c42dc038d3cb636a4aa0c4c75c' }, "Percent"), h("smoothly-input-range", { key: '78a4f0ddb5615947071bcc05cd2bdd6e14c83a96', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '3ccd439f2d386f40d87d92d22b5e9539bb7a2b9c' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '3c1aa4fa46ac4c7e73fdf9df8628bf2459b354e5', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '989b64f1e98a59d34e710eff806cdf7a2fec2e9b', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '3cfabb3409c3ba4a3bb1ecd63dd51c2b79277552', size: "icon", slot: "end" }))));
+        return (h(Host, { key: 'd80b7d97e5938f89b114bd6cefe2379bd7d539ff' }, h("h2", { key: 'e130c40a42caf8099c73ddd602b4729dfcd6d6aa' }, "Range"), h("h3", { key: 'c250412bad7b95f15a82b697e458322b67a04bf8' }, "Phone Number"), h("smoothly-input-range", { key: '091a7a33a8e295785984bf44f25807e5e792161f', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '5a5e3026b334ea2abb62dada30ca121b6c02bf65' }, "Stars out of ten"), h("smoothly-input-range", { key: '41402636155c1518d6d4e008743416d4146c2579', max: 10, step: 1, label: "Stars" }), h("h3", { key: '7624a9d0ef702c6f3e9b8f254196bcccd92e278e' }, "Percent"), h("smoothly-input-range", { key: 'a2ca37d7755949003438c9370e74091862f42555', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: 'e492ba09bcba0cdaa2df72a1d1fc584a742f5090' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '0a69b9be845fd9150cd6159132ee4047f8da60b1', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '11a3f47010f5c2ae24328a154c861d3b2e72cc15', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '131a8a23a1333f7ddc8472675ec20b4154dac055', size: "icon", slot: "end" }))));
     }
 }, [0, "smoothly-input-range-demo"]);
 function defineCustomElement() {
@@ -86,4 +86,4 @@ defineCustomElement();
 
 export { SmoothlyInputRangeDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-82080d82.js.map
+//# sourceMappingURL=p-e25d0a4a.js.map

package/dist/components/{p-82080d82.js.map → p-e25d0a4a.js.map}

@@ -1 +1 @@
-{"file":"p-82080d82.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e25d0a4a.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-b75701e7.js → p-e93c2ce9.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$8 } from './p-7d0eafb0.js';
-import { d as defineCustomElement$7 } from './p-edc7e53a.js';
-import { d as defineCustomElement$6 } from './p-08d0d254.js';
-import { d as defineCustomElement$5 } from './p-4922697f.js';
-import { d as defineCustomElement$4 } from './p-2b19c666.js';
-import { d as defineCustomElement$3 } from './p-cc2c334d.js';
-import { d as defineCustomElement$2 } from './p-02796429.js';
-import { d as defineCustomElement$1 } from './p-c77944e7.js';
+import { d as defineCustomElement$7 } from './p-8e13449b.js';
+import { d as defineCustomElement$6 } from './p-de7367c4.js';
+import { d as defineCustomElement$5 } from './p-8e748704.js';
+import { d as defineCustomElement$4 } from './p-1cd836ca.js';
+import { d as defineCustomElement$3 } from './p-422f3359.js';
+import { d as defineCustomElement$2 } from './p-5ffba444.js';
+import { d as defineCustomElement$1 } from './p-62c1780b.js';
 
 const SmoothlyFormDemoPrices = proxyCustomElement(class SmoothlyFormDemoPrices extends H {
     constructor() {
@@ -14,7 +14,7 @@ const SmoothlyFormDemoPrices = proxyCustomElement(class SmoothlyFormDemoPrices e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'fefcedbfe8f22921bea912762f1f6d8caf6ea3e4' }, h("h2", { key: 'c18e909d513549a9a8cc28b2b1d8982b96703343' }, "Prices"), h("smoothly-form", { key: '1eb8cab4a08f19f246c5cd46362452b416db1573', looks: "line" }, h("smoothly-input", { key: '75439c727baa6c39b500deec470d0a32953fddc7', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '11b3a7ab0e4dd1626e7efea03c56ba4c1c5e9c27', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '837b810384d7818df18c2ed9d6d08eb965124627', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: '6ffb11da5cecbbeeef8b6482cbe3cee39e16b6ef', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '4409191ea5b5b0ded31bffc9408927c36bb1bd3b', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '8dc492d719d9e2eabba22c402e0349fc5aa7dc9f', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '2def9348a43704dafc21e3738de05d074f189285', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: 'a788708ac62aedac125182d8b2e85ce1e9a62001', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: 'b8952a88dfb22db800ae00540c83d90feb160152', slot: "submit" }))));
+        return (h(Host, { key: '4fa70a914876be27347456aa343e37ea989be096' }, h("h2", { key: '19bdfe20a9fd3afabb3df6dd907b9e60b68a8966' }, "Prices"), h("smoothly-form", { key: '9a74bb915a6ad42b2d44db1be65fd76c5866f43c', looks: "line" }, h("smoothly-input", { key: 'df774c146082e7c021db91b92993825f1c7b07f4', type: "price", name: "no" }, "No currency"), h("smoothly-input", { key: '56101c015080db3992b1ff4de2d3f64a83c83d54', type: "price", name: "crowns", currency: "SEK", toInteger: true }, "SEK (toInteger)"), h("smoothly-input", { key: '2c5d2d37ec98a429417a61d150ef529dfbed1307', type: "price", name: "usDollar", currency: "USD" }, "USD"), h("smoothly-input", { key: 'e5132c11343cf8b32b06e4999ecc3177fb100c41', type: "price", name: "pounds", currency: "GBP" }, "GBP"), h("smoothly-input", { key: '0a13cd5f294ff10d9bd331c48548393f559b5c6a', type: "price", name: "peso", currency: "UYW" }, "UYW"), h("smoothly-input", { key: '1dfece2dfa23775239b2bb808a26eaf684dc6056', type: "price", name: "iceland", currency: "ISK" }, "ISK"), h("smoothly-input", { key: '45862586a44c6d01b5ff19cb86aeaa82dfa1635e', type: "price", name: "Palladium", currency: "XPD" }, "XPD (Palladium)"), h("smoothly-input-reset", { key: '6c4f46a729877a979bfa6b77635f32d88e568b1f', slot: "reset", fill: "default", type: "form", color: "warning" }), h("smoothly-input-submit", { key: '2cb2b0b473ef51a55afdbb582dc5a183608ddbde', slot: "submit" }))));
     }
 }, [2, "smoothly-form-demo-prices"]);
 function defineCustomElement() {
@@ -74,4 +74,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-b75701e7.js.map
+//# sourceMappingURL=p-e93c2ce9.js.map

package/dist/components/{p-b75701e7.js.map → p-e93c2ce9.js.map}

@@ -1 +1 @@
-{"file":"p-b75701e7.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EACrG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e93c2ce9.js","mappings":";;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,sEAAe,EACf,sEAAe,KAAK,EAAC,MAAM,IAC1B,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,kBAErB,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,4BAElD,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,UAE1C,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,UAExC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,UAEtC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,UAEzC,EACjB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,KAAK,IAC1D,iBAAiB,CACF,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EACrG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1b7eaa3c.js → p-e94f2ce5.js}

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$e } from './p-7d0eafb0.js';
-import { d as defineCustomElement$d } from './p-edc7e53a.js';
-import { d as defineCustomElement$c } from './p-666206c5.js';
-import { d as defineCustomElement$b } from './p-08d0d254.js';
-import { d as defineCustomElement$a } from './p-4922697f.js';
-import { d as defineCustomElement$9 } from './p-2b19c666.js';
-import { d as defineCustomElement$8 } from './p-c446b8ad.js';
-import { d as defineCustomElement$7 } from './p-22f4742d.js';
-import { d as defineCustomElement$6 } from './p-515ab07d.js';
-import { d as defineCustomElement$5 } from './p-046dcaa0.js';
-import { d as defineCustomElement$4 } from './p-db26eba4.js';
-import { d as defineCustomElement$3 } from './p-02796429.js';
-import { d as defineCustomElement$2 } from './p-edcdcc51.js';
-import { d as defineCustomElement$1 } from './p-c77944e7.js';
+import { d as defineCustomElement$d } from './p-8e13449b.js';
+import { d as defineCustomElement$c } from './p-5d648150.js';
+import { d as defineCustomElement$b } from './p-de7367c4.js';
+import { d as defineCustomElement$a } from './p-8e748704.js';
+import { d as defineCustomElement$9 } from './p-1cd836ca.js';
+import { d as defineCustomElement$8 } from './p-9caf65ff.js';
+import { d as defineCustomElement$7 } from './p-4b05e229.js';
+import { d as defineCustomElement$6 } from './p-864278eb.js';
+import { d as defineCustomElement$5 } from './p-751259e1.js';
+import { d as defineCustomElement$4 } from './p-7c727d4f.js';
+import { d as defineCustomElement$3 } from './p-5ffba444.js';
+import { d as defineCustomElement$2 } from './p-38ce18a1.js';
+import { d as defineCustomElement$1 } from './p-62c1780b.js';
 
 const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTransparent extends H {
     constructor() {
@@ -20,7 +20,7 @@ const SmoothlyFormDemoTransparent = proxyCustomElement(class SmoothlyFormDemoTra
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '04a9b341275b0e795c4eb76aaacd3fb87df733d9' }, h("h2", { key: 'e91d5932abf4ccf5004b55fcbf112796654bd787' }, "Transparent"), h("smoothly-form", { key: 'e8e57518dbc350268b30c66283687d06ad269ac1', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '9f550901327e83cc39cc8d4ff35374eaba49637a', name: "file" }, h("span", { key: '15b9a81653d0786929b179ff2ab84ec0ff2fc534', slot: "label" }, "File"), h("smoothly-icon", { key: 'f1c27d7dfeccd0cb9e2138ec9c41ecfedc4bf65e', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '0997d66db8a8a8e3e1a6efcfd0a93179dab690a8', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: 'd8e809c2304d60c231a8cab78d5dc7aa5afdc218' }, "Date"), h("smoothly-input-date-range", { key: '0739bbdd6fe540e8b1a8a722632d614d35fd0d1c' }, "Date Range"), h("smoothly-input-select", { key: 'be68afbc1bb355a9f8e220fb50a55ff7337fb162', name: "transport" }, h("smoothly-item", { key: '694c5daca6cc3b1ca62e3483418951705cf3d2b1', value: "plane" }, h("smoothly-icon", { key: '1620bcd508ce6edd6e39056c04a36c2ba96ce94e', name: "airplane-outline" })), h("smoothly-item", { key: '06a6bca3d2ff01577a12dde4aaaaee4d0c635f51', value: "car" }, h("smoothly-icon", { key: '9e593b841666d8aa7afbe3c59f3da2848f3e4e1a', name: "car-outline" })), h("smoothly-item", { key: '35dc7d4d75ae3c9006567800c5d1029042746a53', value: "bus", selected: true }, h("smoothly-icon", { key: 'f22dfee878b8bec5950229e5baf0abe2e18207c6', name: "bus-outline" }))), h("smoothly-input-submit", { key: '71c442650bfb27d4ecf0556b1f4b917bc7033a8b', icon: "checkbox-outline" }))));
+        return (h(Host, { key: 'ac4fab97f13f1b2a04569c444463726ffd7f3f39' }, h("h2", { key: 'a1d3881d3e990ccbd065c836a16eca6376ab09d9' }, "Transparent"), h("smoothly-form", { key: 'a6223063167021ba9a05f3b9790c1c2527f6b39e', looks: "transparent", onSmoothlyFormSubmit: e => console.log(e.detail.value) }, h("smoothly-input-file", { key: '7208122dcbf0c3d895c6a8d8164bc22643775101', name: "file" }, h("span", { key: '7354840c3086ab9492183dd4d2b2f6c90af38ee7', slot: "label" }, "File"), h("smoothly-icon", { key: 'c588ef4e14c7939bfab0bd6451a23541795044fb', slot: "button", name: "folder-open-outline", size: "small" })), h("smoothly-input", { key: '14041a265b0429b10ce57e09f2230b36701aa38e', type: "duration", looks: "transparent", placeholder: "h:mm" }, "Input"), h("smoothly-input-date", { key: '15ded0d37456a42d8c131ba57ef0307bc33662e3' }, "Date"), h("smoothly-input-date-range", { key: 'adef7c0defb1799a3da4dbcfc58217ec2ac0e472' }, "Date Range"), h("smoothly-input-select", { key: 'dc021642b27e4c9a82752ee594869893e29fa204', name: "transport" }, h("smoothly-item", { key: 'b9bff79a207ac285bba4c1f38f9379b4b3aba38b', value: "plane" }, h("smoothly-icon", { key: '78be03c6543b03c26d03b361f86c0d05b8e37833', name: "airplane-outline" })), h("smoothly-item", { key: '1b7c79a8319348d9f31896902ba9518c3e510c36', value: "car" }, h("smoothly-icon", { key: '3bfef43b7421d4f08d299810082ff64dcafd0556', name: "car-outline" })), h("smoothly-item", { key: 'c651b8be36aac65b5d10683314063b0549ba32f6', value: "bus", selected: true }, h("smoothly-icon", { key: '5e9387144b2a61ecdc859ce558af956ad53aceb4', name: "bus-outline" }))), h("smoothly-input-submit", { key: '0baa282b1620879cc24fc0d46e9a0fb5af72c231', icon: "checkbox-outline" }))));
     }
 }, [2, "smoothly-form-demo-transparent"]);
 function defineCustomElement() {
@@ -110,4 +110,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-1b7eaa3c.js.map
+//# sourceMappingURL=p-e94f2ce5.js.map

package/dist/components/{p-1b7eaa3c.js.map → p-e94f2ce5.js.map}

@@ -1 +1 @@
-{"file":"p-1b7eaa3c.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e94f2ce5.js","mappings":";;;;;;;;;;;;;;;;MAMa,2BAA2B;;;;;IACvC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,2EAAoB,EACpB,sEAAe,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAC1F,4EAAqB,IAAI,EAAE,MAAM,IAChC,6DAAM,IAAI,EAAE,OAAO,WAAa,EAChC,sEAAe,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,OAAO,GAAI,CACxD,EACtB,uEAAgB,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAE1D,EACjB,qFAA+C,EAC/C,iGAAiE,EACjE,8EAAuB,IAAI,EAAE,WAAW,IACvC,sEAAe,KAAK,EAAE,OAAO,IAC5B,sEAAe,IAAI,EAAE,kBAAkB,GAAI,CAC5B,EAChB,sEAAe,KAAK,EAAE,KAAK,IAC1B,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,QAAQ,UACpC,sEAAe,IAAI,EAAE,aAAa,GAAI,CACvB,CACO,EACxB,8EAAuB,IAAI,EAAE,kBAAkB,GAAI,CACpC,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/transparent/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-transparent\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTransparent {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Transparent</h2>\n\t\t\t\t<smoothly-form looks={\"transparent\"} onSmoothlyFormSubmit={e => console.log(e.detail.value)}>\n\t\t\t\t\t<smoothly-input-file name={\"file\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>File</span>\n\t\t\t\t\t\t<smoothly-icon slot={\"button\"} name={\"folder-open-outline\"} size={\"small\"} />\n\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t<smoothly-input type={\"duration\"} looks={\"transparent\"} placeholder={\"h:mm\"}>\n\t\t\t\t\t\tInput\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date>Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-date-range>Date Range</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-select name={\"transport\"}>\n\t\t\t\t\t\t<smoothly-item value={\"plane\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"airplane-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"car\"}>\n\t\t\t\t\t\t\t<smoothly-icon name={\"car-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"bus\"} selected>\n\t\t\t\t\t\t\t<smoothly-icon name={\"bus-outline\"} />\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-submit icon={\"checkbox-outline\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-9b18f789.js → p-e98f0d21.js}

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { T as Trigger } from './p-8e1e509d.js';
 import './p-390767c7.js';
 import './p-47ea6b68.js';
-import { d as defineCustomElement$2 } from './p-4922697f.js';
-import { d as defineCustomElement$1 } from './p-bfd34443.js';
+import { d as defineCustomElement$2 } from './p-8e748704.js';
+import { d as defineCustomElement$1 } from './p-32f089f8.js';
 
 const styleCss = ".sc-smoothly-dialog-h{display:block;position:fixed;top:55%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1;background:rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important}[hidden].sc-smoothly-dialog-h{display:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog{margin-top:var(--smoothly-dialog-margin-top)}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog{border-top-left-radius:8px;border-top-right-radius:8px;margin-top:2em;color:rgb(var(--smoothly-primary-contrast));background:rgb(var(--smoothly-primary-color));border-color:rgb(var(--smoothly-primary-color))}.sc-smoothly-dialog-h:not([header]) div.header.sc-smoothly-dialog{border:none}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog{position:relative;color:rgb(var(--smoothly-default-contrast));background-color:rgb(var(--smoothly-default-color));border-color:rgb(var(--smoothly-color));border-width:1px;border-style:solid;max-width:40em;width:calc(100vw - 4em - 2px);max-height:calc(100vh - 6em - 2px);height:auto;margin-left:auto;margin-right:auto;border-collapse:collapse}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:2em;border:1px solid rgb(var(--smoothly-default-contrast));box-sizing:border-box;overflow:hidden}.sc-smoothly-dialog-h:not([header])>section.sc-smoothly-dialog>div.content.sc-smoothly-dialog{border-radius:8px}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog{position:absolute;right:-2em;top:-2em;z-index:1;border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog:hover{border-color:transparent}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>div.header.sc-smoothly-dialog>smoothly-trigger.sc-smoothly-dialog>smoothly-icon.sc-smoothly-dialog{background-color:rgb(var(--smoothly-color));border-radius:50%}.sc-smoothly-dialog-h>section.sc-smoothly-dialog>*.sc-smoothly-dialog>*.sc-smoothly-dialog{margin:10px}";
 const SmoothlyDialogStyle0 = styleCss;
@@ -66,4 +66,4 @@ defineCustomElement();
 
 export { SmoothlyDialog as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-9b18f789.js.map
+//# sourceMappingURL=p-e98f0d21.js.map

package/dist/components/{p-9b18f789.js.map → p-e98f0d21.js.map}

@@ -1 +1 @@
-{"file":"p-9b18f789.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,qlEAAqlE,CAAC;AACvmE,6BAAe,QAAQ;;MCOV,cAAc;;;;;oBAEqB,IAAI;wBACf,KAAK;;;IAGzC,eAAe,CAAC,KAA2B;QAC1C,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO;YAC3D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KAClB;IACD,QAAQ;QACP,OAAO;YACN,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM;aACrC;SACD,CAAA;KACD;IACD;QACC,QACC,kEACC,4DAAK,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CACjE,CACnB,EACA,IAAI,CAAC,MAAM,GAAG,cAAK,IAAI,CAAC,MAAM,CAAM,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAC9D,EACN,4DAAK,KAAK,EAAC,SAAS,IACnB,8DAAa,CACR,CACG,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/style.css?tag=smoothly-dialog&encapsulation=scoped","src/components/dialog/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 55%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1;\n\t/* stylelint-disable-next-line declaration-no-important */\n\tbackground: rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > section {\n\tmargin-top: var(--smoothly-dialog-margin-top)\n}\n:host > section > div.header {\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\tmargin-top: 2em;\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n\tborder-color: rgb(var(--smoothly-primary-color));\n}\n:host:not([header]) div.header {\n\tborder: none;\n}\n\n:host > section > * {\n\tposition: relative;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: rgb(var(--smoothly-default-color));\n\tborder-color: rgb(var(--smoothly-color));\n\tborder-width: 1px;\n\tborder-style: solid;\n\tmax-width: 40em;\n\twidth: calc(100vw - 4em - 2px);\n\tmax-height: calc(100vh - 6em - 2px);\n\theight: auto;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tborder-collapse: collapse;\n}\n:host > section > div.content {\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tmargin-bottom: 2em;\n\tborder: 1px solid rgb(var(--smoothly-default-contrast));\n\tbox-sizing: border-box;\n\toverflow: hidden;\n}\n:host:not([header]) >section> div.content {\n\tborder-radius: 8px;\n}\n:host > section > * > smoothly-trigger {\n\tposition: absolute;\n\tright: -2em;\n\ttop: -2em;\n\tz-index: 1;\n\tborder-color: transparent;\n}\n:host > section > * > smoothly-trigger:hover {\n\tborder-color: transparent;\n}\n:host > section > div.header > smoothly-trigger > smoothly-icon {\n\tbackground-color: rgb(var(--smoothly-color));\n\tborder-radius: 50%;\n}\n:host > section > * > * {\n\tmargin: 10px;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-dialog\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialog {\n\t@Prop({ reflect: true }) color: Color | undefined\n\t@Prop({ mutable: true, reflect: true }) open = true\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) header: string | undefined\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && event.detail.name == \"close\")\n\t\t\tthis.open = false\n\t}\n\thostData() {\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tdisplay: this.open ? \"block\" : \"none\",\n\t\t\t},\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<section>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t{this.closable && (\n\t\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"close-circle\" fill=\"solid\" color={this.color}></smoothly-icon>\n\t\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.header ? <h1>{this.header}</h1> : <slot name=\"header\"></slot>}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e98f0d21.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,qlEAAqlE,CAAC;AACvmE,6BAAe,QAAQ;;MCOV,cAAc;;;;;oBAEqB,IAAI;wBACf,KAAK;;;IAGzC,eAAe,CAAC,KAA2B;QAC1C,IAAI,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,OAAO;YAC3D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;KAClB;IACD,QAAQ;QACP,OAAO;YACN,KAAK,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,MAAM;aACrC;SACD,CAAA;KACD;IACD;QACC,QACC,kEACC,4DAAK,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,QAAQ,KACb,yEAAkB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAC1C,sEAAe,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAkB,CACjE,CACnB,EACA,IAAI,CAAC,MAAM,GAAG,cAAK,IAAI,CAAC,MAAM,CAAM,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAQ,CAC9D,EACN,4DAAK,KAAK,EAAC,SAAS,IACnB,8DAAa,CACR,CACG,EACV;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/style.css?tag=smoothly-dialog&encapsulation=scoped","src/components/dialog/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 55%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 1;\n\t/* stylelint-disable-next-line declaration-no-important */\n\tbackground: rgba(var(--smoothly-default-color), var(--smoothly-semitransparent)) !important;\n}\n:host[hidden] {\n\tdisplay: none;\n}\n:host > section {\n\tmargin-top: var(--smoothly-dialog-margin-top)\n}\n:host > section > div.header {\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\tmargin-top: 2em;\n\tcolor: rgb(var(--smoothly-primary-contrast));\n\tbackground: rgb(var(--smoothly-primary-color));\n\tborder-color: rgb(var(--smoothly-primary-color));\n}\n:host:not([header]) div.header {\n\tborder: none;\n}\n\n:host > section > * {\n\tposition: relative;\n\tcolor: rgb(var(--smoothly-default-contrast));\n\tbackground-color: rgb(var(--smoothly-default-color));\n\tborder-color: rgb(var(--smoothly-color));\n\tborder-width: 1px;\n\tborder-style: solid;\n\tmax-width: 40em;\n\twidth: calc(100vw - 4em - 2px);\n\tmax-height: calc(100vh - 6em - 2px);\n\theight: auto;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tborder-collapse: collapse;\n}\n:host > section > div.content {\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\tmargin-bottom: 2em;\n\tborder: 1px solid rgb(var(--smoothly-default-contrast));\n\tbox-sizing: border-box;\n\toverflow: hidden;\n}\n:host:not([header]) >section> div.content {\n\tborder-radius: 8px;\n}\n:host > section > * > smoothly-trigger {\n\tposition: absolute;\n\tright: -2em;\n\ttop: -2em;\n\tz-index: 1;\n\tborder-color: transparent;\n}\n:host > section > * > smoothly-trigger:hover {\n\tborder-color: transparent;\n}\n:host > section > div.header > smoothly-trigger > smoothly-icon {\n\tbackground-color: rgb(var(--smoothly-color));\n\tborder-radius: 50%;\n}\n:host > section > * > * {\n\tmargin: 10px;\n}\n","import { Component, h, Listen, Prop } from \"@stencil/core\"\nimport { Color, Trigger } from \"../../model\"\n\n@Component({\n\ttag: \"smoothly-dialog\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyDialog {\n\t@Prop({ reflect: true }) color: Color | undefined\n\t@Prop({ mutable: true, reflect: true }) open = true\n\t@Prop({ reflect: true }) closable = false\n\t@Prop({ reflect: true }) header: string | undefined\n\t@Listen(\"trigger\")\n\tTriggerListener(event: CustomEvent<Trigger>) {\n\t\tif (Trigger.is(event.detail) && event.detail.name == \"close\")\n\t\t\tthis.open = false\n\t}\n\thostData() {\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tdisplay: this.open ? \"block\" : \"none\",\n\t\t\t},\n\t\t}\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<section>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t{this.closable && (\n\t\t\t\t\t\t<smoothly-trigger fill=\"clear\" name=\"close\">\n\t\t\t\t\t\t\t<smoothly-icon name=\"close-circle\" fill=\"solid\" color={this.color}></smoothly-icon>\n\t\t\t\t\t\t</smoothly-trigger>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.header ? <h1>{this.header}</h1> : <slot name=\"header\"></slot>}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-72ea39be.js → p-ea039b1e.js}

@@ -1,29 +1,29 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import './p-caf09da9.js';
 import { f as filter } from './p-5ae9e20e.js';
-import { f as fetch, d as defineCustomElement$c } from './p-08d0d254.js';
+import { f as fetch, d as defineCustomElement$c } from './p-de7367c4.js';
 import { S as Selector } from './p-80ad9aac.js';
 import { d as defineCustomElement$m } from './p-4f80c811.js';
 import { d as defineCustomElement$l } from './p-f770567b.js';
 import { d as defineCustomElement$k } from './p-96acfe2c.js';
 import { d as defineCustomElement$j } from './p-f46dd8e4.js';
 import { d as defineCustomElement$i } from './p-4c6fe645.js';
-import { d as defineCustomElement$h } from './p-2eaee3c4.js';
-import { d as defineCustomElement$g } from './p-2a79dcdb.js';
-import { d as defineCustomElement$f } from './p-d13712dc.js';
-import { d as defineCustomElement$e } from './p-4625dac5.js';
-import { d as defineCustomElement$d } from './p-ae5eb701.js';
-import { d as defineCustomElement$b } from './p-4922697f.js';
-import { d as defineCustomElement$a } from './p-2b19c666.js';
-import { d as defineCustomElement$9 } from './p-db26eba4.js';
-import { d as defineCustomElement$8 } from './p-edcdcc51.js';
-import { d as defineCustomElement$7 } from './p-c77944e7.js';
-import { d as defineCustomElement$6 } from './p-72b742f3.js';
-import { d as defineCustomElement$5 } from './p-43651317.js';
-import { d as defineCustomElement$4 } from './p-d532422c.js';
-import { d as defineCustomElement$3 } from './p-681bfb09.js';
-import { d as defineCustomElement$2 } from './p-90e9aa1f.js';
-import { d as defineCustomElement$1 } from './p-969f9875.js';
+import { d as defineCustomElement$h } from './p-2737c300.js';
+import { d as defineCustomElement$g } from './p-97e2d2d1.js';
+import { d as defineCustomElement$f } from './p-6b8fa870.js';
+import { d as defineCustomElement$e } from './p-b789d768.js';
+import { d as defineCustomElement$d } from './p-bf57d733.js';
+import { d as defineCustomElement$b } from './p-8e748704.js';
+import { d as defineCustomElement$a } from './p-1cd836ca.js';
+import { d as defineCustomElement$9 } from './p-7c727d4f.js';
+import { d as defineCustomElement$8 } from './p-38ce18a1.js';
+import { d as defineCustomElement$7 } from './p-62c1780b.js';
+import { d as defineCustomElement$6 } from './p-d51abfe0.js';
+import { d as defineCustomElement$5 } from './p-5bcf58c9.js';
+import { d as defineCustomElement$4 } from './p-78e763a5.js';
+import { d as defineCustomElement$3 } from './p-562db6b2.js';
+import { d as defineCustomElement$2 } from './p-0d10cb58.js';
+import { d as defineCustomElement$1 } from './p-7e8da083.js';
 
 const styleCss = ".sc-smoothly-table-demo-filtered-h{display:block;width:80%}smoothly-table-cell.sc-smoothly-table-demo-filtered:nth-of-type(2){text-align:right}td.sc-smoothly-table-demo-filtered{padding-left:1.5em}";
 const SmoothlyTableDemoFilteredStyle0 = styleCss;
@@ -55,18 +55,18 @@ const TableDemoFiltered = proxyCustomElement(class TableDemoFiltered extends H {
     }
     render() {
         const cats = this.cats && filter(this.criteria, this.cats);
-        return (h(Host, { key: '3b35faf2f32943e94a5725c1aad1dd3d7033da39' }, h("smoothly-filter", { key: '72e0e3dba8da4581d2d50bae13a33149255f6787' }, h("smoothly-filter-toggle", { key: 'e363d96f0776dd90b33f4ea3a95d892a6a8e94d0', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'fd9fc1b5f89298dc58843376d6b0b10c2802160a', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '8c79a61b500443cbf864a1bdea1b4fcecd820c4d', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'a8c3692f45f65ca45c1f8298bc5ff4601e763b30', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: 'd9fb4e55e7602277b5d341bba18564f523bad68d', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
+        return (h(Host, { key: '2d5d8d74a94af8c02f17f9197d36846bd00c9228' }, h("smoothly-filter", { key: '1a50977c7da07200bba523450f0776472f05cd68' }, h("smoothly-filter-toggle", { key: '5482c8b85249448bf0cdbe0212c007298672c43f', properties: { ["nested.pattern"]: "Ticked", breed: "" }, icon: "add", toolTip: "Nested Ticked", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ab375b1439585d1cb80392475ab2ac01ee5d7924', properties: { pattern: "Ticked", breed: "" }, icon: "paw", toolTip: "Ticked cats", slot: "bar" }), h("smoothly-filter-toggle", { key: '52d9db1945562e6ab56ff8df9fd1962088c1dd74', properties: { breed: "Bombay", pattern: "Solid" }, icon: "radio-button-on", toolTip: "Solid bombay cats", slot: "bar" }), h("smoothly-filter-toggle", { key: 'ff8d22af2645db3593031923dcebd1f9a3ed91a1', properties: { pattern: "Colorpoint" }, not: true, active: true, icon: "alert", toolTip: "Colored cats", slot: "bar" }), h("smoothly-filter-select", { key: '2fc9fec6edac583632e4131f31a0e6cc20251255', label: "coat", property: "nested.coat", slot: "bar", multiple: false }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("div", { key: '4ee92bf8c746b76d6745e759ca05ded79aca5d88', slot: "detail" }, h("smoothly-form", { key: 'be533ea49efe25ee8f3f4fc8ec83fc09771ef048', looks: "border" }, h("smoothly-filter-select", { key: 'aaaca00a01cce7e5ffb54919e4c8ba9cf79cf118', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
+            })), h("div", { key: '35fefc412a908f1ea4c34db1ae2ae1ca6a2bf87b', slot: "detail" }, h("smoothly-form", { key: '7f299a5ad79a743edf49756f66ad15ed8bec7ad6', looks: "border" }, h("smoothly-filter-select", { key: '38191611963dfda4cb70a6ed66fa0055e475ab02', label: "coat", property: "nested.coat", multiple: true }, this.cats &&
             Object.values(this.cats.reduce((r, cat) => (cat.nested ? Object.assign(Object.assign({}, r), { [cat.nested.coat]: cat }) : r), {})).map(cat => {
                 var _a;
                 return ((_a = cat.nested) === null || _a === void 0 ? void 0 : _a.coat) && (h("smoothly-item", { slot: "items", value: cat.nested.coat }, cat.nested.coat));
-            })), h("smoothly-filter-select", { key: '0a697f07d239d2e3c2f8565e83fc8e931206ebfa', label: "breed", property: "breed", multiple: false }, this.cats &&
-            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: '61801211fb2972c80aa8898e1b2ad1c33b2ed659', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
+            })), h("smoothly-filter-select", { key: 'd52b0a2305cfdc975fd1dd39f21bd33d991084bd', label: "breed", property: "breed", multiple: false }, this.cats &&
+            Object.values(this.cats.reduce((r, cat) => (cat.breed ? Object.assign(Object.assign({}, r), { [cat.breed]: cat }) : r), {})).map(cat => cat.breed && (h("smoothly-item", { slot: "items", value: cat.breed }, cat.breed)))), h("smoothly-filter-select", { key: 'ccdc7ee47df53a6f22a69236292338f8dd42b4e7', label: "names", property: "nested.names", multiple: true, type: "array" }, Object.keys(Object.values(names)
             .flat()
-            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '61bece7090400a19b727d79d95dd3a2afee1b0fd', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bfdeb6016c654179d12d7f7cf332d99c6b69f0e1', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
+            .reduce((r, name) => (Object.assign(Object.assign({}, r), { [name]: true })), {})).flatMap(name => (h("smoothly-item", { slot: "items", value: name }, name)))), h("smoothly-filter-input", { key: '66be2c1f30ebd46da451f7966c2ccb9eb2372210', label: "Coat", property: "coat" }), h("smoothly-filter-input", { key: 'bb36890c67097f2342e93c75eafe51d385abe9ca', label: "Nested Coat", property: "nested.coat" })))), !cats ? ("Failed to load data.") : (h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, this.selector.render(cats)), h("smoothly-table-header", null, "Breed"), h("smoothly-table-header", null, "Coat"), h("smoothly-table-header", null, "Price")), cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-cell", null, this.selector.render(cat)), h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country: ", cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern)), h("smoothly-table-cell", null, h("smoothly-display", { type: "price", value: cat.price, currency: "SEK" }))))), h("smoothly-table-footer", null, h("td", { colSpan: 5 }, h("smoothly-display", { type: "text", value: `Selected: ${this.selector.selected.length != 0 ? this.selector.selected.length : cats ? cats.length : "?"}` })))))));
     }
     static get style() { return SmoothlyTableDemoFilteredStyle0; }
 }, [2, "smoothly-table-demo-filtered", {
@@ -207,4 +207,4 @@ defineCustomElement();
 
 export { TableDemoFiltered as T, defineCustomElement as d };
 
-//# sourceMappingURL=p-72ea39be.js.map
+//# sourceMappingURL=p-ea039b1e.js.map

package/dist/components/{p-72ea39be.js.map → p-ea039b1e.js.map}

@@ -1 +1 @@
-{"file":"p-72ea39be.js","mappings":"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","names":["http.fetch","selectively.filter"],"sources":["src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: 80%;\n}\n\nsmoothly-table-cell:nth-of-type(2) {\n\ttext-align: right;\n}\n\ntd {\n\tpadding-left: 1.5em;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-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-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-table>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-header>{this.selector.render(cats)}</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Breed</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Coat</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Price</smoothly-table-header>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.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-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-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-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t\t<td colSpan={5}>\n\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\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}`}></smoothly-display>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</smoothly-table-footer>\n\t\t\t\t\t</smoothly-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}
+{"file":"p-ea039b1e.js","mappings":"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","names":["http.fetch","selectively.filter"],"sources":["src/components/table/demo/filtered/style.css?tag=smoothly-table-demo-filtered&encapsulation=scoped","src/components/table/demo/filtered/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: 80%;\n}\n\nsmoothly-table-cell:nth-of-type(2) {\n\ttext-align: right;\n}\n\ntd {\n\tpadding-left: 1.5em;\n}\n","import { Component, ComponentWillLoad, h, Host, Listen, State } from \"@stencil/core\"\nimport { selectively } from \"selectively\"\nimport { http } from \"cloudly-http\"\nimport { Selector } from \"../../Selector\"\nimport { Cat } from \"./Root\"\n\n@Component({\n\ttag: \"smoothly-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-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-table>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-header>{this.selector.render(cats)}</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Breed</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Coat</smoothly-table-header>\n\t\t\t\t\t\t\t<smoothly-table-header>Price</smoothly-table-header>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t{cats.map(cat => (\n\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{this.selector.render(cat)}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.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-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t{cat.coat}\n\t\t\t\t\t\t\t\t\t<div slot=\"detail\">Pattern: {cat.pattern}</div>\n\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t<smoothly-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-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-table-footer>\n\t\t\t\t\t\t\t<td colSpan={5}>\n\t\t\t\t\t\t\t\t<smoothly-display\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tvalue={`Selected: ${\n\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}`}></smoothly-display>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</smoothly-table-footer>\n\t\t\t\t\t</smoothly-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-03f8f866.js → p-ee41db2f.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { C as Currency } from './p-390767c7.js';
-import { d as defineCustomElement$4 } from './p-4922697f.js';
-import { d as defineCustomElement$3 } from './p-2b19c666.js';
-import { d as defineCustomElement$2 } from './p-b3a66468.js';
-import { d as defineCustomElement$1 } from './p-78fd29c9.js';
+import { d as defineCustomElement$4 } from './p-8e748704.js';
+import { d as defineCustomElement$3 } from './p-1cd836ca.js';
+import { d as defineCustomElement$2 } from './p-c0796b72.js';
+import { d as defineCustomElement$1 } from './p-b1e386db.js';
 
 const styleCss = ".sc-smoothly-input-price-demo-h{display:block}";
 const SmoothlyInputPriceDemoStyle0 = styleCss;
@@ -16,7 +16,7 @@ const SmoothlyInputPriceDemo = proxyCustomElement(class SmoothlyInputPriceDemo e
         this.currency = "USD";
     }
     render() {
-        return (h(Host, { key: 'e0130489f4c93fd3d843f2462b2c5149f157b3fe' }, h("h2", { key: '1995cbab87f15c67f143d463564ea7f36daae94f' }, "State demo on smoothly-input"), h("p", { key: '125ab5ad3c3edd286fdeec42a751412dd0f48fd8' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: 'f7cb859f06e3e22661346c8784ab639410b72aaf' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: '0cf33db6e4b836c71a5847e5a1ae084a75774b13', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '51f7e92ad5e05e7f0272859aa80fe65c01eb5874', type: "price", currency: this.currency }, "price")));
+        return (h(Host, { key: '9c6661ac8c89ced4284ae6b68958201d22211cd8' }, h("h2", { key: '7165928dd4c25bb176f5d596f2439100e18e04e1' }, "State demo on smoothly-input"), h("p", { key: 'af13231e44288235e7511982059c57aee82b3344' }, "This demo/test the internal state of the smoothly-input component."), h("p", { key: 'e238336b2827ea5ee5d9aadd057c3e472ec0348d' }, "The currency of the price should update when switching between the currencies."), h("smoothly-input-radio", { key: 'a36f517404fa3cc2a32a6c1a3f2e7bc3bf2845cb', name: "currency", onSmoothlyInput: e => (this.currency = Currency.is(e.detail.currency) ? e.detail.currency : undefined) }, this.currencies.map(currency => (h("smoothly-input-radio-item", { key: currency, selected: currency == this.currency, value: currency }, currency)))), h("smoothly-input", { key: '5880eaca14ffeabea917edb4f1100b07e0a6b943', type: "price", currency: this.currency }, "price")));
     }
     static get style() { return SmoothlyInputPriceDemoStyle0; }
 }, [2, "smoothly-input-price-demo", {
@@ -60,4 +60,4 @@ defineCustomElement();
 
 export { SmoothlyInputPriceDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-03f8f866.js.map
+//# sourceMappingURL=p-ee41db2f.js.map

package/dist/components/{p-03f8f866.js.map → p-ee41db2f.js.map}

@@ -1 +1 @@
-{"file":"p-03f8f866.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,gDAAgD,CAAC;AAClE,qCAAe,QAAQ;;MCOV,sBAAsB;;;;0BACM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;wBACxB,KAAK;;IAE1C,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,4FAAqC,EACrC,iIAAyE,EACzE,6IAAqF,EACrF,6EACC,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAGA,QAAc,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC,IAC3G,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,KAC5B,iCAA2B,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAC5F,QAAQ,CACkB,CAC5B,CAAC,CACoB,EACvB,uEAAgB,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAErC,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Currency"],"sources":["src/components/input/demo/price/style.css?tag=smoothly-input-price-demo&encapsulation=scoped","src/components/input/demo/price/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-price-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputPriceDemo {\n\t@State() currencies: isoly.Currency[] = [\"EUR\", \"USD\", \"GBP\"]\n\t@State() currency?: isoly.Currency = \"USD\"\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>State demo on smoothly-input</h2>\n\t\t\t\t<p>This demo/test the internal state of the smoothly-input component.</p>\n\t\t\t\t<p>The currency of the price should update when switching between the currencies.</p>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname={\"currency\"}\n\t\t\t\t\tonSmoothlyInput={e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined)}>\n\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t<smoothly-input-radio-item key={currency} selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\t\t\t\t<smoothly-input type={\"price\"} currency={this.currency}>\n\t\t\t\t\tprice\n\t\t\t\t</smoothly-input>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-ee41db2f.js","mappings":";;;;;;;AAAA,MAAM,QAAQ,GAAG,gDAAgD,CAAC;AAClE,qCAAe,QAAQ;;MCOV,sBAAsB;;;;0BACM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;wBACxB,KAAK;;IAE1C,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,4FAAqC,EACrC,iIAAyE,EACzE,6IAAqF,EACrF,6EACC,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,QAAQ,GAAGA,QAAc,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC,IAC3G,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,KAC5B,iCAA2B,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,IAC5F,QAAQ,CACkB,CAC5B,CAAC,CACoB,EACvB,uEAAgB,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,YAErC,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Currency"],"sources":["src/components/input/demo/price/style.css?tag=smoothly-input-price-demo&encapsulation=scoped","src/components/input/demo/price/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-price-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputPriceDemo {\n\t@State() currencies: isoly.Currency[] = [\"EUR\", \"USD\", \"GBP\"]\n\t@State() currency?: isoly.Currency = \"USD\"\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>State demo on smoothly-input</h2>\n\t\t\t\t<p>This demo/test the internal state of the smoothly-input component.</p>\n\t\t\t\t<p>The currency of the price should update when switching between the currencies.</p>\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tname={\"currency\"}\n\t\t\t\t\tonSmoothlyInput={e => (this.currency = isoly.Currency.is(e.detail.currency) ? e.detail.currency : undefined)}>\n\t\t\t\t\t{this.currencies.map(currency => (\n\t\t\t\t\t\t<smoothly-input-radio-item key={currency} selected={currency == this.currency} value={currency}>\n\t\t\t\t\t\t\t{currency}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\t\t\t\t<smoothly-input type={\"price\"} currency={this.currency}>\n\t\t\t\t\tprice\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-2d9134f1.js → p-ee8027c8.js}

@@ -5,14 +5,14 @@ import { d as defineCustomElement$c } from './p-f770567b.js';
 import { d as defineCustomElement$b } from './p-96acfe2c.js';
 import { d as defineCustomElement$a } from './p-f46dd8e4.js';
 import { d as defineCustomElement$9 } from './p-4c6fe645.js';
-import { d as defineCustomElement$8 } from './p-4922697f.js';
-import { d as defineCustomElement$7 } from './p-db26eba4.js';
-import { d as defineCustomElement$6 } from './p-edcdcc51.js';
-import { d as defineCustomElement$5 } from './p-97686228.js';
+import { d as defineCustomElement$8 } from './p-8e748704.js';
+import { d as defineCustomElement$7 } from './p-7c727d4f.js';
+import { d as defineCustomElement$6 } from './p-38ce18a1.js';
+import { d as defineCustomElement$5 } from './p-46d6198c.js';
 import { d as defineCustomElement$4 } from './p-fc152e9f.js';
-import { d as defineCustomElement$3 } from './p-6f1d2edf.js';
-import { d as defineCustomElement$2 } from './p-a38dbdc4.js';
-import { d as defineCustomElement$1 } from './p-2927f568.js';
+import { d as defineCustomElement$3 } from './p-4b663489.js';
+import { d as defineCustomElement$2 } from './p-835d7c93.js';
+import { d as defineCustomElement$1 } from './p-6c326e36.js';
 
 const styleCss = ".sc-smoothly-theme-demo-h{display:flex;width:50%;margin:auto;flex-direction:column;gap:2em;margin-top:2em}.sc-smoothly-theme-demo-h>smoothly-theme-picker.sc-smoothly-theme-demo{width:20em}.sc-smoothly-theme-demo-h>span.sc-smoothly-theme-demo{display:flex;flex-direction:row;gap:10em}";
 const SmoothlyThemeDemoStyle0 = styleCss;
@@ -23,7 +23,7 @@ const SmoothlyThemeDemo = proxyCustomElement(class SmoothlyThemeDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '67785f5a8f7b0dfcc05ed3db061b16847f0cf2be' }, h("h2", { key: '010fc56a1a101557b8f6aa2d58e8e0d08f5e9a19' }, "Theme"), h("smoothly-theme-picker", { key: '78859336f91dc966250d92714dd68669f8fea47e' }, h("smoothly-item", { key: '7f7dfdc5179fcfe81129f0d29a057211ef37b7c0', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '5200084b7f82c9d2684d8891d2edabd3910c7af8', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '842c142cf1c1e22d082ea773ecf68762d33955c4', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '272f4ccd9f2a242ace94b07e49331d89af093c06', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'cc4a39a589fc9b763b8f01f528537661929699eb', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'dd9058c57fc46878af36f0a6957d7b010bc25f0c', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'da173ddd9a73cf8259adf9d5d292d2a799fb5bc9', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '44dbf248be4a3515834defd174f0dc2bea726f7c', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: 'c5e345aa503265dd8e8ef9d3c4023493f4c8fc42', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: 'f3578ff957b2a03ccc96d99b21255edb29c582ba' }, h("smoothly-theme-colors", { key: '5e293d62e394aa20f7e01f9d037cca5ecad36406' }), h("smoothly-theme-guide", { key: '447122ad26e6a3aa2944377e4417cab78c13988e' })), h("smoothly-button", { key: '13a8176fa6057cec8e980e9e327e52c4ebd405b0', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'c6e60ae0a148040df8880b44697f167d3b2802b9', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '397c225e488ffd99c0054c18b807b2539f6ad961', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: 'e6651a36be501ac3e862512f83825e27c3b0f364', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '29375396b871401ba39141f28f8001cd2cb496b0' }, h("h2", { key: 'a0ffeb6f000ffa09949469f94b52811e8bd594a5' }, "Theme"), h("smoothly-theme-picker", { key: 'aa2b128ec1d3d62c9c03090d5a28683fc52d7557' }, h("smoothly-item", { key: '25256010d729cc5c9fff99b0bc7dd6c80bf8396d', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '995daf5aef95f969e988f2ddbd8911b42e899635', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '8a118da44f57ff4890369f6d79e1451f2938e882', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: 'f366910cddcb677e9d8c511968f7ca5e6e203860', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: 'c8656de8c738eb7abd725b563d8a263b7f26a30e', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'aa892b290b120acbd3a3e48d08fcfb50f14e9786', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: 'b8966a8e12b9b7d53e1ce39bc4f5fb063a0deacd', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: '2aace80da08fda656c29e142d04e8cc53ff9c4e8', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '489f0ad340f2dc34c4f4b48454659ae005877e55', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '1165f9cc16486b826c8e10118b4c5fb94bb4fb80' }, h("smoothly-theme-colors", { key: 'd415f70305e96cf4de6b33543d3975077f106180' }), h("smoothly-theme-guide", { key: '937e00bb557776e826c5478c5217059db840c132' })), h("smoothly-button", { key: '701464bcfe23d78c18a428fb98a204f9626aed13', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '25fa1161b22bfe00e22a48d77e7bdcc129e6522f', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '39c24153ec681bf688875651b53377eb079ea10a', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '02ac6bfbceb3ea744d002872c3fc02ee0a83bad4', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get style() { return SmoothlyThemeDemoStyle0; }
 }, [2, "smoothly-theme-demo"]);
@@ -114,4 +114,4 @@ defineCustomElement();
 
 export { SmoothlyThemeDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2d9134f1.js.map
+//# sourceMappingURL=p-ee8027c8.js.map

package/dist/components/{p-2d9134f1.js.map → p-ee8027c8.js.map}

@@ -1 +1 @@
-{"file":"p-2d9134f1.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6RAA6R,CAAC;AAC/S,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: 50%;\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 2em;\n\tmargin-top: 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}
+{"file":"p-ee8027c8.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6RAA6R,CAAC;AAC/S,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: 50%;\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 2em;\n\tmargin-top: 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-00307e9c.js → p-f92cf8e8.js}

@@ -9,14 +9,14 @@ import { d as defineCustomElement$c } from './p-f770567b.js';
 import { d as defineCustomElement$b } from './p-96acfe2c.js';
 import { d as defineCustomElement$a } from './p-f46dd8e4.js';
 import { d as defineCustomElement$9 } from './p-4c6fe645.js';
-import { d as defineCustomElement$8 } from './p-08d0d254.js';
-import { d as defineCustomElement$7 } from './p-4922697f.js';
-import { d as defineCustomElement$6 } from './p-2b19c666.js';
-import { d as defineCustomElement$5 } from './p-75de9c9a.js';
-import { d as defineCustomElement$4 } from './p-9d011d36.js';
-import { d as defineCustomElement$3 } from './p-db26eba4.js';
-import { d as defineCustomElement$2 } from './p-edcdcc51.js';
-import { d as defineCustomElement$1 } from './p-c77944e7.js';
+import { d as defineCustomElement$8 } from './p-de7367c4.js';
+import { d as defineCustomElement$7 } from './p-8e748704.js';
+import { d as defineCustomElement$6 } from './p-1cd836ca.js';
+import { d as defineCustomElement$5 } from './p-d8318156.js';
+import { d as defineCustomElement$4 } from './p-67b8cf78.js';
+import { d as defineCustomElement$3 } from './p-7c727d4f.js';
+import { d as defineCustomElement$2 } from './p-38ce18a1.js';
+import { d as defineCustomElement$1 } from './p-62c1780b.js';
 
 const styleCss = ".sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}";
 const SmoothlyIconDemoStyle0 = styleCss;
@@ -31,7 +31,7 @@ const SmoothlyIconDemo = proxyCustomElement(class SmoothlyIconDemo extends H {
         this.props = {};
     }
     render() {
-        return (h(Host, { key: '674cc4aedb027419d9df487644beefaef9a1533d' }, h("h2", { key: '0c7b78cb56ad8db8c4c693b941bfafdf899b524d' }, "Filter and Variants"), h("smoothly-form", { key: '5bac7acfbb224363829d2bb139f3607d25367fb0', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '2b70aa984f91cfb64331d35a77fd7036e66d1a21', name: "filter" }, "Filter"), h("smoothly-input-select", { key: '5acddcb3aedecf9e766ead9ea29c452ed99cad35', name: "variant" }, h("span", { key: '2bb2ff71c921c2d27c022add44214b9ad03422fe', slot: "label" }, "Variant"), h("smoothly-item", { key: '5306c841dc4a11685ac19cee1ab5afdecf756ecf', value: "outline" }, "outline"), h("smoothly-item", { key: '9e33539f82e06e0f0d4a97bbbd967ea888b68dcd', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: '1187b4c1921322c2ce13736a9ef587047666ffc5', slot: "end" }))), h("h2", { key: '4b81131f04c46e2079f39554a80216303350e1a6' }, "Props"), h("smoothly-form", { key: '64b35110052a66a0363da63a8dff49e7adef340c', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: '6a49518ab85500b14c6f8b622cf77728e9c75e1f', name: "color" }, h("span", { key: 'ff1f1cd98b3de6f1b73cd64a04532500e9285250', slot: "label" }, "Color"), Color.types.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: '1753e3e8cbb671ae14d52d5e853245f2e124d3eb', slot: "end" })), h("smoothly-input-select", { key: '7843e1ceb727c43ee40456c5a75db3f379875e01', name: "flip" }, h("span", { key: '9ad5e11478ca98b0ce69fb73d446e1a08f9f7b6c', slot: "label" }, "Flip"), h("smoothly-item", { key: 'a7f0dc7f4fd11669a352ddfaa8653e5fa772640c', value: "x" }, "x"), h("smoothly-item", { key: '9efeac6f3ff2c93ef983334b2e4b457787b0eb11', value: "y" }, "y"), h("smoothly-input-clear", { key: 'bf513c36b33cc280b8338a34e11a30f4a861dcba', slot: "end" })), h("smoothly-input-select", { key: '368d13edb99a8851e6ab0473e99b2970f062729e', name: "size" }, h("span", { key: '1257ad59cc7a5e292e1845d1e2d0a9a9e87446dc', slot: "label" }, "Size"), h("smoothly-item", { key: '29e89d7040869bca4c33163765b1786d95d4c27d', value: "tiny" }, "tiny"), h("smoothly-item", { key: 'd6f63b9c23cc7cda3ece629c447973ec6963ef05', value: "small" }, "small"), h("smoothly-item", { key: 'f9d77054fad8b3b4a546b55502c05e7d2b2b5db7', value: "medium" }, "medium"), h("smoothly-item", { key: 'c77d11dc47be389fd98c9f23ca43cb9966afb00f', value: "large" }, "large"), h("smoothly-input-clear", { key: 'f931d095db60103f2f18cbf3d38f440e508ce29b', slot: "end" })), h("smoothly-input-range", { key: '8a8015fe74c617fa36fe9e55a2edf46eaaa401bd', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: 'ae84a4483bafd836106d7e120feaef64c837329a', slot: "end" }))), h("h1", { key: '8887068f17681fa3056bd6b1114a5bdc427cd295' }, "Icons"), h("div", { key: '7d94cac9fc59953fe9c4ffe6a3f7c969e0300481', class: "icons" }, [
+        return (h(Host, { key: '523622a3392091c05ee2f1eb11df2211adc38a9d' }, h("h2", { key: '3001c29af15f29d1d21913187a18a6fc9b6fb478' }, "Filter and Variants"), h("smoothly-form", { key: '614c2c1561768339b1b188d3b8dc2a3f07043924', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '029ef4523d3a50f61d235b770d546993544c2ed2', name: "filter" }, "Filter"), h("smoothly-input-select", { key: 'da6b39d581f60af7ce9c566b1a6867dcf3f0bd75', name: "variant" }, h("span", { key: '227dd90eb85efe5d0cc1620162463702c7fb210b', slot: "label" }, "Variant"), h("smoothly-item", { key: 'd0389fd0a171e57cb80ba7d4096cfb1214f5c968', value: "outline" }, "outline"), h("smoothly-item", { key: '97853ed1e47f66f29e3f6e7ce2ed5bc19bb13789', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: 'fd0fe606d071aab417d5a62d64bf995018044ee4', slot: "end" }))), h("h2", { key: '1056e77e8daa2561375c291c0f3f30bf597a5e4c' }, "Props"), h("smoothly-form", { key: 'c55bff5c71b16850f11385da8325db555f04b3cd', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: 'fe44b586d99b1f2c07bdc382750a8762cbf8c0f2', name: "color" }, h("span", { key: '125594447b95c8a3370b6b4c8568250e7c4cd710', slot: "label" }, "Color"), Color.types.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: '9adcbdda6387357c9789e7e73e813ce5fda4f08f', slot: "end" })), h("smoothly-input-select", { key: '0dad470412db27b32a82a61d55c5cbc8a4c11e99', name: "flip" }, h("span", { key: '49b7e1b93477d2d9f42b8e5780c776d029a86ad6', slot: "label" }, "Flip"), h("smoothly-item", { key: 'bdc4f509ca363f80086d588fe41d6a0236e1b71c', value: "x" }, "x"), h("smoothly-item", { key: '98253120ba45e57aa0779b0dce7cd4f8d2a1b8ca', value: "y" }, "y"), h("smoothly-input-clear", { key: '2d517d99bf9900dea5db9523a552130f8fe4e7d5', slot: "end" })), h("smoothly-input-select", { key: '17f7e6c55a9b69a7b43044c3b679ea82ab4fe549', name: "size" }, h("span", { key: '3cfb39003d77c9cf84cc3969120dd12401acc9cf', slot: "label" }, "Size"), h("smoothly-item", { key: 'bbd6c2fec392991d26ce5904a031190be2982b97', value: "tiny" }, "tiny"), h("smoothly-item", { key: '34830196d95b43678d73ab425ba117b1bc3f037d', value: "small" }, "small"), h("smoothly-item", { key: '4138766f369e12dfeb86a1940b3fe702551e3675', value: "medium" }, "medium"), h("smoothly-item", { key: '432bb148682d033c022677b4bccac19bbfb288a2', value: "large" }, "large"), h("smoothly-input-clear", { key: '9c825b5a75922acd92a63bc569598cf3380c7a56', slot: "end" })), h("smoothly-input-range", { key: '432402f195632a0c28ed106f2101ac4fb0609ce6', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: '71c3425a12c40a0b0757bb84e5e9d0b6978b4590', slot: "end" }))), h("h1", { key: '2023d6c2b516099aa4a6da21cc3423175387861a' }, "Icons"), h("div", { key: '3c7b0e162a5107c6ab97b5da2403b083cb171cba', class: "icons" }, [
             ...Icon.Name.values
                 .filter(name => !this.display.filter || name.includes(this.display.filter))
                 .map((name) => (this.display.variant ? `${name}-${this.display.variant}` : name)),
@@ -133,4 +133,4 @@ defineCustomElement();
 
 export { SmoothlyIconDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-00307e9c.js.map
+//# sourceMappingURL=p-f92cf8e8.js.map