smoothly 1.4.0 → 1.6.0

package/dist/components/{p-10e9b56f.js → p-7b9c60c5.js}

@@ -3,20 +3,20 @@ import { I as Icon, C as Color, F as Fill } from './p-57ac5d1b.js';
 import './p-390767c7.js';
 import { N as Notice } from './p-ef01331e.js';
 import './p-47ea6b68.js';
-import { d as defineCustomElement$e } from './p-0eacf5f4.js';
-import { d as defineCustomElement$d } from './p-11cc925c.js';
-import { d as defineCustomElement$c } from './p-ff99dcde.js';
-import { d as defineCustomElement$b } from './p-51cb1946.js';
-import { d as defineCustomElement$a } from './p-21601376.js';
-import { d as defineCustomElement$9 } from './p-d9989605.js';
-import { d as defineCustomElement$8 } from './p-16c06f14.js';
-import { d as defineCustomElement$7 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$6 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$5 } from './p-8ac400d5.js';
-import { d as defineCustomElement$4 } from './p-3062590d.js';
-import { d as defineCustomElement$3 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$2 } from './p-90d81e79.js';
-import { d as defineCustomElement$1 } from './p-f21f43d1.js';
+import { d as defineCustomElement$e } from './p-c98922f4.js';
+import { d as defineCustomElement$d } from './p-065cbcf5.js';
+import { d as defineCustomElement$c } from './p-b235b5aa.js';
+import { d as defineCustomElement$b } from './p-d3c8be66.js';
+import { d as defineCustomElement$a } from './p-5bf78c75.js';
+import { d as defineCustomElement$9 } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$8 } from './p-ed1e7da4.js';
+import { d as defineCustomElement$7 } from './p-a09be6d8.js';
+import { d as defineCustomElement$6 } from './p-cef759f2.js';
+import { d as defineCustomElement$5 } from './p-56fc01bf.js';
+import { d as defineCustomElement$4 } from './p-b3cfa9a5.js';
+import { d as defineCustomElement$3 } from './p-9e3806ff.js';
+import { d as defineCustomElement$2 } from './p-da4c10d0.js';
+import { d as defineCustomElement$1 } from './p-18451fa9.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: '62708f079ddee486734d33e49e50ae2558cc52d7' }, h("h2", { key: '9daf63fea24f813509180b6da99d1989aad4448b' }, "Filter and Variants"), h("smoothly-form", { key: '6ae13747e710a0e95782f87fc202ccda48db3824', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: '4d206c676a1a629331aa1492254c766566135ede', name: "filter" }, "Filter"), h("smoothly-input-select", { key: '1dc08cd1e052453d4aa7e27fba2d65609a49f866', name: "variant" }, h("span", { key: '646c1e579d8cb2e679c77a8835f620cb5e7dcaa9', slot: "label" }, "Variant"), h("smoothly-item", { key: 'cddbecdb6a46aa56e29a70179003e92afdf21ef4', value: "outline" }, "outline"), h("smoothly-item", { key: '3121ff8590e82394c3bbf2c352e56fd7f0c3e048', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: 'affa09805a787591ad55073219a04e1083a70848', slot: "end" }))), h("h2", { key: 'da00f6dafde8079b44e962bd4a51fab57b5769cf' }, "Props"), h("smoothly-form", { key: '420c4c62dc31e8606475afd0754f535f7ae550c2', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: '5843a6d6eeeced970126d5f602693fa365c2492f', name: "color" }, h("span", { key: '770f177f71499fa8274523241b97f4162a4bafb2', slot: "label" }, "Color"), Color.values.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: 'c2ce6484987455f4a9db213c9737489e86283a33', slot: "end" })), h("smoothly-input-select", { key: 'c5b32eb509f543b213845dca10df50df9f04e8e8', name: "fill" }, h("span", { key: '3d94614bc074a46b2f687f934377b31f727c7917', slot: "label" }, "Fill"), Fill.values.map(fill => (h("smoothly-item", { value: fill }, fill))), h("smoothly-input-clear", { key: '40957b700c25fb1a27402667666bafe0cd0cc182', slot: "end" })), h("smoothly-input-select", { key: 'cbef37a017be99621df6698d57eddd3b6975df0c', name: "flip" }, h("span", { key: 'd384e098cb6b58c141e98fbb37e28f00669e7884', slot: "label" }, "Flip"), h("smoothly-item", { key: '3990c09061387a8aea7753103db56e08fb5c4f20', value: "x" }, "x"), h("smoothly-item", { key: 'a8e48ae9700a50c1340bbb05706386335441de24', value: "y" }, "y"), h("smoothly-input-clear", { key: '984009c27202699fb8bfe6aad99886087afddfcb', slot: "end" })), h("smoothly-input-select", { key: 'b192607f8615cac74df64ed1afda16ca5a88c884', name: "size" }, h("span", { key: '899b2324d9993983766fb24ee175d8bfa758dbe5', slot: "label" }, "Size"), h("smoothly-item", { key: '56e975109e10df35375eee193081e96c58d104fa', value: "tiny" }, "tiny"), h("smoothly-item", { key: '9d9d204e20db7f1447f38947dd30521bcd68f5f0', value: "small" }, "small"), h("smoothly-item", { key: '9d1216f79b2ab0f66cfc395eebddf8d88be3f6f5', value: "medium" }, "medium"), h("smoothly-item", { key: '67e4f4bc0df6baa70ee927eaa0a275fdd3aef8d7', value: "large" }, "large"), h("smoothly-item", { key: '42580e58183e763f425e375c42940d8613f0946a', value: "xlarge" }, "xlarge"), h("smoothly-input-clear", { key: '11188b6cb463578b0253d694b097a13af0e842c5', slot: "end" })), h("smoothly-input-range", { key: '250cb6caf4a697ab7a7c4af16e0611858a0cdec8', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: '01eef0ab611eaec82527f731f7423ad023af7507', slot: "end" }))), h("h1", { key: '69996c44ed040941e07bad3191edbf8f65d321a0' }, "Icons"), h("div", { key: 'c66af90970b454464bef605bc942ee1ea9796ec5', class: "icons" }, [
+        return (h(Host, { key: 'a0706709d49ae4e3beea0bb5a592cce83dbdfc50' }, h("h2", { key: 'c4058a68fd71e6c1a659f997815902225772e0ce' }, "Filter and Variants"), h("smoothly-form", { key: '2a7206c94f5bd868954ef2bbab2c16ba5ec701be', onSmoothlyFormInput: e => (this.display = e.detail) }, h("smoothly-input", { key: 'c81c786a01c0c9101c4c2669dde4891fcc8d79bd', name: "filter" }, "Filter"), h("smoothly-input-select", { key: '21d064354e488eedaf0f4d837324d6473edffd99', name: "variant" }, h("span", { key: '8e770299b884f6920949df5386e8eb2a1b68c057', slot: "label" }, "Variant"), h("smoothly-item", { key: 'b29db45415e020b3170d75a5b114c826e9d88454', value: "outline" }, "outline"), h("smoothly-item", { key: '9d032a3f19743194c46b68b5e9ee58e4d13d15dc', value: "sharp" }, "sharp"), h("smoothly-input-clear", { key: '32adc83b75e1cba0af54469866681129265c108d', slot: "end" }))), h("h2", { key: 'b7261752dc07d9859f217cdd79769e490b950ee0' }, "Props"), h("smoothly-form", { key: '3e34648bfa6bf8628974bbda25db0132bef60982', onSmoothlyFormInput: e => (this.props = e.detail) }, h("smoothly-input-select", { key: 'fe612d11a476b67e7ac7535df7a06eed6676545b', name: "color" }, h("span", { key: 'a8774f195af193c7bf455e3f1ee746c83393de2d', slot: "label" }, "Color"), Color.values.map(color => (h("smoothly-item", { value: color, color: color }, color))), h("smoothly-input-clear", { key: 'cb96ef4ea25111b19a8a32f61ebda4d48aed061f', slot: "end" })), h("smoothly-input-select", { key: '8be80163691b4843d40152e228ccf837b28d902c', name: "fill" }, h("span", { key: '7a4ad5ab5d75fdb994d7dd51e27fe0f3048024cf', slot: "label" }, "Fill"), Fill.values.map(fill => (h("smoothly-item", { value: fill }, fill))), h("smoothly-input-clear", { key: '6e945d2ce1769e1b97b4f28cfb52aa4f5c288e01', slot: "end" })), h("smoothly-input-select", { key: '3cb368e15af0312dfa6cb64ddea95b06d1f8aa7f', name: "flip" }, h("span", { key: '8622114e3082f040179d53ea261d17f585a29c5b', slot: "label" }, "Flip"), h("smoothly-item", { key: '41940930aed4abfafb6b50713dc133f2cd34c9c5', value: "x" }, "x"), h("smoothly-item", { key: '9d151f226cf4aa1bcf82415b74341259f9f78b24', value: "y" }, "y"), h("smoothly-input-clear", { key: '72975515ddf54f1fd7dab600ef080ee8498c07bb', slot: "end" })), h("smoothly-input-select", { key: '4ba83461e4023c99ef94fcf0c351ac98e70e0cea', name: "size" }, h("span", { key: 'ea31df439d850779406fa35094e68c590e3c8add', slot: "label" }, "Size"), h("smoothly-item", { key: 'b27300ba82640e5ee2e78b712417aa96c7bb6093', value: "tiny" }, "tiny"), h("smoothly-item", { key: '0e5de1cc80c0a336c4dfc1b77e21f6593483fe44', value: "small" }, "small"), h("smoothly-item", { key: '2d71100ccd666e7e53c40ad9dcb24094d6316ba6', value: "medium" }, "medium"), h("smoothly-item", { key: 'b5dc3ca6278d607f91df771c39c67f2b73ee0a86', value: "large" }, "large"), h("smoothly-item", { key: '9dfba645effcec688557c2bed05c44698dd0159b', value: "xlarge" }, "xlarge"), h("smoothly-input-clear", { key: 'e23d58562e554d6096a44feabaf4365c800c82f3', slot: "end" })), h("smoothly-input-range", { key: 'e6076caecd252d6185fc88c8f5dd13b544d115e9', name: "rotate", step: 1, min: -180, max: 180, value: 0 }, "Rotate", h("smoothly-input-clear", { key: '47d878d21777308baffba2529d08aa1a7a85954c', slot: "end" }))), h("h1", { key: '8f9791fe61a60dcb595332f08387d297caf25d9a' }, "Icons"), h("div", { key: 'b85cbd6ffe7d5a3cdacba67227114ffc6ecd641b', 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-10e9b56f.js.map
+//# sourceMappingURL=p-7b9c60c5.js.map

package/dist/components/{p-10e9b56f.js.map → p-7b9c60c5.js.map}

@@ -1 +1 @@
-{"file":"p-10e9b56f.js","mappings":"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","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Fill, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" | \"y\"\n\t\tsize?: \"tiny\" | \"small\" | \"medium\" | \"large\" | \"xlarge\"\n\t\trotate?: number\n\t} = {}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"xlarge\"}>xlarge</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttoolTip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-7b9c60c5.js","mappings":"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","names":[],"sources":["src/components/icon/demo/style.css?tag=smoothly-icon-demo&encapsulation=scoped","src/components/icon/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\twidth: clamp(200px, 100%, 1200px);\n\tmargin: auto;\n}\n:host([hidden]) {\n\tdisplay: none;\n}\n:host > div {\n\tdisplay: flex;\n\tflex-flow: row wrap;\n}\n\n:host > div > smoothly-icon {\n\tpadding: 1rem;\n\tposition: relative;\n}\n\n:host > div > smoothly-icon:hover {\n\tscale: 1.5;\n}\n\n:host > div > smoothly-icon:hover::after {\n\tcontent: attr(data-name);\n\tposition: absolute;\n\twhite-space: nowrap;\n\tbottom: 100%;\n\tbackground: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-color));\n\tpadding: 0.25rem 1rem;\n\tz-index: 1;\n\tpointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, State } from \"@stencil/core\"\nimport { Color, Fill, Icon, Notice } from \"../../../model\"\n@Component({\n\ttag: \"smoothly-icon-demo\",\n\tstyleUrl: \"./style.css\",\n\tscoped: true,\n})\nexport class SmoothlyIconDemo {\n\tpage = 0\n\n\t@State() display: { filter?: string; variant?: \"outline\" | \"sharp\" } = {}\n\t@State() props: {\n\t\tcolor?: Color\n\t\tfill?: Fill\n\t\tflip?: \"x\" | \"y\"\n\t\tsize?: \"tiny\" | \"small\" | \"medium\" | \"large\" | \"xlarge\"\n\t\trotate?: number\n\t} = {}\n\t@Event() notice: EventEmitter<Notice>\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Filter and Variants</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.display = e.detail)}>\n\t\t\t\t\t<smoothly-input name=\"filter\">Filter</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"variant\">\n\t\t\t\t\t\t<span slot=\"label\">Variant</span>\n\t\t\t\t\t\t<smoothly-item value={\"outline\"}>outline</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"sharp\"}>sharp</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h2>Props</h2>\n\t\t\t\t<smoothly-form onSmoothlyFormInput={e => (this.props = e.detail)}>\n\t\t\t\t\t<smoothly-input-select name={\"color\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Color</span>\n\t\t\t\t\t\t{Color.values.map(color => (\n\t\t\t\t\t\t\t<smoothly-item value={color} color={color}>\n\t\t\t\t\t\t\t\t{color}\n\t\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"fill\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Fill</span>\n\t\t\t\t\t\t{Fill.values.map(fill => (\n\t\t\t\t\t\t\t<smoothly-item value={fill}>{fill}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name=\"flip\">\n\t\t\t\t\t\t<span slot={\"label\"}>Flip</span>\n\t\t\t\t\t\t<smoothly-item value={\"x\"}>x</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"y\"}>y</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-select name={\"size\"}>\n\t\t\t\t\t\t<span slot={\"label\"}>Size</span>\n\t\t\t\t\t\t<smoothly-item value={\"tiny\"}>tiny</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"small\"}>small</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"medium\"}>medium</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"large\"}>large</smoothly-item>\n\t\t\t\t\t\t<smoothly-item value={\"xlarge\"}>xlarge</smoothly-item>\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-range name=\"rotate\" step={1} min={-180} max={180} value={0}>\n\t\t\t\t\t\tRotate\n\t\t\t\t\t\t<smoothly-input-clear slot={\"end\"} />\n\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t</smoothly-form>\n\t\t\t\t<h1>Icons</h1>\n\t\t\t\t<div class=\"icons\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t...Icon.Name.values\n\t\t\t\t\t\t\t.filter(name => !this.display.filter || name.includes(this.display.filter))\n\t\t\t\t\t\t\t.map((name): Icon => (this.display.variant ? `${name}-${this.display.variant}` : name)),\n\t\t\t\t\t\t...Icon.Logo.values.filter(name => !this.display.filter || name.includes(this.display.filter)),\n\t\t\t\t\t].map(name => (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\ttoolTip={name}\n\t\t\t\t\t\t\tdata-name={name}\n\t\t\t\t\t\t\tcolor={this.props.color}\n\t\t\t\t\t\t\tfill={this.props.fill}\n\t\t\t\t\t\t\tflip={this.props.flip}\n\t\t\t\t\t\t\tsize={this.props.size}\n\t\t\t\t\t\t\trotate={this.props.rotate}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tnavigator.clipboard.writeText(name)\n\t\t\t\t\t\t\t\tthis.notice.emit(Notice.succeeded(`Copied \"${name}\"`))\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d20010f3.js → p-840a2e6c.js}

@@ -1,34 +1,34 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
 import { R as RGB } from './p-57ac5d1b.js';
-import { d as defineCustomElement$t } from './p-0eacf5f4.js';
-import { d as defineCustomElement$s } from './p-a4614623.js';
-import { d as defineCustomElement$r } from './p-182310f5.js';
-import { d as defineCustomElement$q } from './p-11cc925c.js';
-import { d as defineCustomElement$p } from './p-ff99dcde.js';
-import { d as defineCustomElement$o } from './p-51cb1946.js';
-import { d as defineCustomElement$n } from './p-21601376.js';
-import { d as defineCustomElement$m } from './p-d9989605.js';
-import { d as defineCustomElement$l } from './p-16c06f14.js';
-import { d as defineCustomElement$k } from './p-e6eca6ea.js';
-import { d as defineCustomElement$j } from './p-0fb1eac0.js';
-import { d as defineCustomElement$i } from './p-fd158b77.js';
-import { d as defineCustomElement$h } from './p-0f3b692b.js';
-import { d as defineCustomElement$g } from './p-97254dfe.js';
-import { d as defineCustomElement$f } from './p-3a1f5e8b.js';
-import { d as defineCustomElement$e } from './p-eba2af2b.js';
-import { d as defineCustomElement$d } from './p-95439799.js';
-import { d as defineCustomElement$c } from './p-b1d28f3f.js';
-import { d as defineCustomElement$b } from './p-3217c7b5.js';
-import { d as defineCustomElement$a } from './p-5a0e167d.js';
-import { d as defineCustomElement$9 } from './p-3062590d.js';
-import { d as defineCustomElement$8 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$7 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$6 } from './p-90d81e79.js';
-import { d as defineCustomElement$5 } from './p-f21f43d1.js';
-import { d as defineCustomElement$4 } from './p-a91db04a.js';
-import { d as defineCustomElement$3 } from './p-dfb0153c.js';
-import { d as defineCustomElement$2 } from './p-5dd30cc0.js';
-import { d as defineCustomElement$1 } from './p-44f424f6.js';
+import { d as defineCustomElement$t } from './p-c98922f4.js';
+import { d as defineCustomElement$s } from './p-e5627b06.js';
+import { d as defineCustomElement$r } from './p-a57e7345.js';
+import { d as defineCustomElement$q } from './p-065cbcf5.js';
+import { d as defineCustomElement$p } from './p-b235b5aa.js';
+import { d as defineCustomElement$o } from './p-d3c8be66.js';
+import { d as defineCustomElement$n } from './p-5bf78c75.js';
+import { d as defineCustomElement$m } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$l } from './p-ed1e7da4.js';
+import { d as defineCustomElement$k } from './p-a09be6d8.js';
+import { d as defineCustomElement$j } from './p-cef759f2.js';
+import { d as defineCustomElement$i } from './p-d1dcafa9.js';
+import { d as defineCustomElement$h } from './p-3609c2f0.js';
+import { d as defineCustomElement$g } from './p-2c9a8b37.js';
+import { d as defineCustomElement$f } from './p-03be2708.js';
+import { d as defineCustomElement$e } from './p-50847f24.js';
+import { d as defineCustomElement$d } from './p-1e8fa07d.js';
+import { d as defineCustomElement$c } from './p-c3d52c12.js';
+import { d as defineCustomElement$b } from './p-ba76192d.js';
+import { d as defineCustomElement$a } from './p-d81a3a84.js';
+import { d as defineCustomElement$9 } from './p-b3cfa9a5.js';
+import { d as defineCustomElement$8 } from './p-9e3806ff.js';
+import { d as defineCustomElement$7 } from './p-e9e71692.js';
+import { d as defineCustomElement$6 } from './p-da4c10d0.js';
+import { d as defineCustomElement$5 } from './p-18451fa9.js';
+import { d as defineCustomElement$4 } from './p-3024abfc.js';
+import { d as defineCustomElement$3 } from './p-3989ef69.js';
+import { d as defineCustomElement$2 } from './p-03c91070.js';
+import { d as defineCustomElement$1 } from './p-d1462fc3.js';
 
 const styleCss = ".sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name=\"hasOwner\"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-summary.sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}";
 const SmoothlyFormDemoPetStyle0 = styleCss;
@@ -43,10 +43,10 @@ const SmoothlyFormDemoPet = proxyCustomElement(class SmoothlyFormDemoPet extends
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'ca731e714eb7d3c9027c8eaacccf0ef611917de7' }, h("h2", { key: '6b4198cb4bc6f85810f4559fcfa97b8aa1948d76' }, "Pet"), h("h3", { key: '8877db7feccc2c437df73f4b9d1df2c0d9e9397f' }, "Value"), h("smoothly-form", { key: '817548dbe700db117d066032605e83e89bae52f9', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: '159422b05784af942138ba2b73c663988a981795', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: 'a63d1fee5a11efff76f921e18cf7905473a41715', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '8ad23527074d579b7ba39e9d39ba25c458173114', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
+        return (h(Host, { key: 'a18d5c4d14929268195fcd13712e653abee7ce4c' }, h("h2", { key: '0357eb46ceb9160a5e7c0301134d5ccec5dbecb1' }, "Pet"), h("h3", { key: '7f0ab35101334386099c65cd327e2db657ce81ca' }, "Value"), h("smoothly-form", { key: 'c5d882668e047eeaade1c61ba6faab1d12db7b7f', looks: "border", onSmoothlyFormSubmit: (e) => alert(JSON.stringify(e.detail)), onSmoothlyFormInput: e => (this.value = Object.assign({}, e.detail)) }, h("smoothly-input", { key: 'd2e45273c5ce4defe229bbd9602a6a61a807afe2', type: "text", name: "name.first" }, "Name"), h("smoothly-input", { key: '4f4ca5d95583b231a08972da2e97ab4207529257', type: "integer", name: "age" }, "Age (Years)"), h("smoothly-input-checkbox", { key: '471443d6c675415da6a3c623b7bc91c3b6d39742', name: "hasOwner", onSmoothlyInputLoad: e => e.stopPropagation(), onSmoothlyInput: e => {
                 this.hasOwner = e.detail.hasOwner;
                 e.stopPropagation();
-            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'fc45ad128e8f79b37745c32f67d1ba7e8b1c4fbf' }, h("smoothly-input", { key: '86d389e5e7b0d28d0df399400085729f6471716c', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: 'cd62d7fb931c4400103fcc9d9a053a05fa85e487', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: 'a2896030432f228ad920cdeb4ba5858622ec80c5', name: "owner.picture" }, h("span", { key: '24617088152871d9ccdaec6090a8f373d91f23bd', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '0401cc3c3323b07f71276a072319a30325200c3a', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '157925e70ec5003e368a04d598974017ed09ebb4', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: 'ddb0c2ce68a4217fc9888bd5cfd1ba23f86070c7', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: 'c8c5da0249521e8531c89a7b8b3ac763d87efb41', name: "owner.favoriteHat" }, h("span", { key: 'a80454815d98de8211d0811be4f4e010eb5fea1d', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: 'e89472883061c53b0f8eb697ee7780fddd438426', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '50c7b642ea08b27fd6f2a29d1cd1985b13f14789', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: 'baa6df6905dd70e4572b91ee17d599c75a593c91', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '5bb00bd662f3c4e537ce4fd107845b8d5abf09fd', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: '4a3fc4cd07aa3873945c3ab974f99d037e3fbbda' }, h("span", { key: '0afdd64ca5682fbffd32bd276ad1754347be7c22', slot: "summary" }, "Summary"), h("div", { key: '495ef4c2d75d1643bc4f60dba3ce24d4b59cbe74', slot: "content" }, h("smoothly-input", { key: 'b62901460412b55658e0ecf9684dcf228c9b8aeb', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: 'f5bbe653d7d76f849d407ed5412e7fd74738cf67', name: "summary.picture" }, h("span", { key: 'f895d5cd3508e1d0584c4b0f27b55a782f400185', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '0954c449c3dde1535e41b5b7ef8c68769c41bc92', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '517776b35be90839508d52ef064ab6f60666ac04', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: '9177373ede95dd28367e3da1ee1f1f9320f8d3b3', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: 'b49a7896448c2d40440e5ab6cec301d73d873669', name: "summary.favoriteHat" }, h("span", { key: '50efd70498341500f18cbc37beaaa36fabb8dfa1', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: '3855402ed77dd5d6e8e2e3e5d83928df72846a6e', name: "summary.month" }, h("span", { key: '2a19d1c8ca76b2a9e161c1ddff12574157074994', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '5860b2f19faf59a89dc7ec927580eec8c87cbb4a', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: 'ed742b746ecd09c0a68b239b020a0d5c98a055a7', name: "summary.favoritePizza" }, h("span", { key: '658d7669cad7375204a0b8da4e811859d79ce8ac', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '5b6e99bdbf96c73a979dbf896e283e04c7e5914c', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '4f491e665758c320d52b1296eb9bb7497697b626' }, h("smoothly-tab", { key: 'a0bf8af72607a286852fc39001708de27bf2e150', label: "Dog" }, h("smoothly-input", { key: 'ad8d73982d3791688cac56360b7924747af0110e', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '8e5248bf2108046ca6cbdd8ec0185d2cb9aec86c', name: "dog.picture" }, h("span", { key: 'a4250a2ad68960d8842266cab470a91809c7b245', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: '27a696243ca01d4cab3367300967196372fd952a', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: 'c06d1ef75c940488c6016976e017718279efbb58', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '62f5fb72529d8b243979a389861e9927c7a7e470', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: 'abfe59ab4c9e1f78b34664c6a17e0e3301757632', name: "dog.favoriteHat" }, h("span", { key: '54cbc4f6e9a219883a7d24562a5558a79cb45c11', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '4b92479885ffe3f6457946214192c5301298d421', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: 'e3c13c05702f5d50c9cfa5911a6b5d97d760b1be', name: "dog.favoritePizza" }, h("span", { key: '32b8daa4d676b59d95f0c2668991c4849090098c', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '7bee52a70d21bafa0850dd7f9281e257b68557d8', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: '2adff795ab3cca5271c365a2d90ac515db6379d6', label: "Cat", open: true }, h("smoothly-input", { key: '17b9bf37e745b6e535dde50decd7b7128e67c07c', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: '905da98d7ab630b43cf07c21a2cd78fb20b2ba64', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: '7cfb16ec38bb5c1929ac6e77ced637c1241e979f', type: "json", value: this.value })));
+            } }, "Has Owner"), this.hasOwner && (h(Fragment, { key: 'f1681976cacf93aa7fa738d9f46d07a977f2598e' }, h("smoothly-input", { key: 'b2cd9517d1c0ff3f30255222e7cd7c81795d0963', type: "text", name: "owner.firstName", value: this.owner.firstName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { firstName: e.detail["owner.firstName"] })) }, "Owner First Name"), h("smoothly-input", { key: '6ae4a20be64e8e361d4aff737bc97c7e5e0f5fba', type: "text", name: "owner.lastName", value: this.owner.lastName, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { lastName: e.detail["owner.lastName"] })) }, "Owner Last Name"), h("smoothly-input-file", { key: 'bf2a7442b03901a499c917632f7e371f77876d14', name: "owner.picture" }, h("span", { key: '316b8244fdc16e1421ff397f8bae5fca23ef298b', slot: "label" }, "Owner picture")), h("smoothly-input-date", { key: '26ed4d312009d365d0f8377a02ffc264c09513e8', name: "owner.birthday", value: this.owner.birthday, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { birthday: e.detail["owner.birthday"] })) }, "Owner birthday"), h("smoothly-input-date-range", { key: '94038dc278f1f2d845645f4d11da5cf0732a681b', name: "owner.ownedRange", start: (_a = this.owner.ownedRange) === null || _a === void 0 ? void 0 : _a.start, end: (_b = this.owner.ownedRange) === null || _b === void 0 ? void 0 : _b.end, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { ownedRange: e.detail["owner.ownedRange"] })) }, "Owner ownedRange"), h("smoothly-input-range", { key: '954d3b9369243b66708a3621b87af070dc74c309', name: "owner.height", step: 1, max: 250, value: this.owner.height, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { height: e.detail["owner.height"] })) }, "Owner's Height"), h("smoothly-input-select", { key: '5733e2d2217ccc963265a87572b40448c920dc02', name: "owner.favoriteHat" }, h("span", { key: '1ea7549b5edcd448434da347d79b7f1452f285c8', slot: "label" }, "Owner's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index, selected: this.owner.favoriteHat == value }, value)))), h("smoothly-input-color", { key: '52c0e5c0c2591c44a98d25c856ee4ed7b30d664f', name: "owner.favoriteColor", value: this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoriteColor: e.detail["owner.favoriteColor"] })) }, "Owner's Favorite Color"), h("smoothly-input-radio", { key: '5eb8772e00bf998a3afbef72a58b92b0508d1212', name: "owner.favoritePizza", value: this.owner.favoritePizza, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { favoritePizza: e.detail["owner.favoritePizza"] })) }, h("span", { key: '4976b880777c43be895af8624c68d30e74601aa0', slot: "label" }, "Owner's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: 'ed66290cbea3e2ceb5ae2db1a35236edf095bf88', name: "owner.hasPet", checked: this.owner.hasPet, onSmoothlyInput: e => (this.owner = Object.assign(Object.assign({}, this.owner), { hasPet: e.detail["owner.hasPet"] })) }, "Has Pet"))), h("smoothly-summary", { key: '15531c02a00038be14f92110635eabe7cbd91ee8' }, h("span", { key: 'cc8feedb365cc7309abb5e3c6615460a9bc9d51a', slot: "summary" }, "Summary"), h("div", { key: '86881f2206f8b6e668f30725abb59073cdde9bad', slot: "content" }, h("smoothly-input", { key: '8ae806180e0a3d7742d89ee0ee867de0a3154309', type: "price", name: "summary.price", currency: "EUR" }, "Summary Price"), h("smoothly-input-file", { key: '241fe3c82beb3c5cdd5f11ebe46e047e17c9b793', name: "summary.picture" }, h("span", { key: '4c8564d04eab9f0dd365676e61a591330d6a8377', slot: "label" }, "Summary picture")), h("smoothly-input-date", { key: '7314238424905e58a4b55cf71a9dcac6bcfb2037', name: "summary.birthday" }, "Summary birthday"), h("smoothly-input-date-range", { key: '9c4f11e07a21b09ebf9a16522ff4b7ea1737de93', name: "summary.ownedRange" }, "Summary ownedRange"), h("smoothly-input-range", { key: 'f1b14b7089e1a878c3ecd59619eae564c475a88b', name: "summary.height", label: "Height" }), h("smoothly-input-select", { key: '2ff53bd36442606dfe4edbd312000cf3dc27f7d4', name: "summary.favoriteHat" }, h("span", { key: 'c1639a257b254fa95e150c5331f6619cece2e271', slot: "label" }, "Summary's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-month", { key: '3e9e26fea7233fed804cbaa4e47416f10b502e6a', name: "summary.month" }, h("span", { key: '55a0b4755c339c923ba1303f1633569cbfccde47', slot: "month-label" }, "Summary month")), h("smoothly-input-color", { key: '0b877be6d38d3830a02573ac31ae43f0d4e9d37f', name: "summary.color" }, "Summary Color"), h("smoothly-input-radio", { key: '2173726df1607df4e35595db8cc0b73da5a9be4a', name: "summary.favoritePizza" }, h("span", { key: 'af0ed6de4a2b0f43a0e03fa1053781e84355465d', slot: "label" }, "Summary's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: '3f101db40c6c9ba210413b95d77e4b2a92b59796', name: "summary.hasPet" }, "Has Pet"))), h("smoothly-tabs", { key: '7b94e0f32cf078215bdf1f6f8595de03dd6a9040' }, h("smoothly-tab", { key: 'fe043b8af808d30bae169cefdc81ca0df9f18979', label: "Dog" }, h("smoothly-input", { key: '882a63607ea9f8785c37b9474a748c34a9f5fbdb', type: "text", name: "dog.breed" }, "Breed"), h("smoothly-input-file", { key: '28e53f4ed82779b99dcb9bb28c2428321a299bdb', name: "dog.picture" }, h("span", { key: 'b0cda5a32d911bec1fbbc5a6986f49bc5fc4b484', slot: "label" }, "Dog picture")), h("smoothly-input-date-time", { key: 'cd4403ef213dc3085cb7ac5c3cdf2a58b1fc0c41', name: "dog.lastWalk" }, "Time of last walk"), h("smoothly-input-date", { key: '32047b040c0044fb34c0d75e30832c85b3ace4f5', name: "dog.birthday" }, "Dog birthday"), h("smoothly-input-date-range", { key: '38f674332427fe13994fc9b54b99cc34f839a344', name: "dog.dateRange" }, "Dog date range"), h("smoothly-input-select", { key: '8b384c2815f3fd6a6f4490b404bc05ef69386325', name: "dog.favoriteHat" }, h("span", { key: 'a1e78f6458fe7718f9c9ab540fbe42fe2d486f96', slot: "label" }, "Dog's Favorite Hat"), ["🎩 top hat", "🧢 cap", "👒 sun hat", "❌ none"].map((value, index) => (h("smoothly-item", { value: value, key: index }, value)))), h("smoothly-input-color", { key: '4126a474816acd625a5f3cc535f3f6088f44ad88', name: "dog.favoriteColor" }, "Dog's Favorite Color"), h("smoothly-input-radio", { key: '15f4faae549f42b0fd97ae3d12ead05d18f6356c', name: "dog.favoritePizza" }, h("span", { key: '8004907412ece6876d8a8b82f491a2748d909fe7', slot: "label" }, "Dog's Favorite Pizza"), ["vesuvio", "capricciosa", "quattro formaggi"].map((value, index) => (h("smoothly-input-radio-item", { value: value, key: index }, value)))), h("smoothly-input-checkbox", { key: 'f2e4751841dfa757f34e0aef0cde72475fccd451', name: "dog.hasPet" }, "Has Pet")), h("smoothly-tab", { key: 'c80492cade2d4e60d6858dfcabcd22d8e9a7afcd', label: "Cat", open: true }, h("smoothly-input", { key: '074d3b030c92792efb5dc64731acc4ee6937b013', name: "cat.favoriteFood" }, "Favorite Food"))), h("smoothly-input-submit", { key: 'fc2e297badc699b4dfa0acd208e79278437b149f', size: "icon", slot: "submit", color: "success", fill: "solid" })), h("smoothly-display", { key: 'b50600e5c51b8ab0d34bc45b9f0b97cbda54edc3', type: "json", value: this.value })));
     }
     static get style() { return SmoothlyFormDemoPetStyle0; }
 }, [2, "smoothly-form-demo-pet", {
@@ -216,4 +216,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPet as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-d20010f3.js.map
+//# sourceMappingURL=p-840a2e6c.js.map

package/dist/components/{p-d20010f3.js.map → p-840a2e6c.js.map}

@@ -1 +1 @@
-{"file":"p-d20010f3.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,2cAA2c,CAAC;AAC7d,kCAAe,QAAQ;;MCQV,mBAAmB;;;;wBACX,KAAK;qBAWrB,EAAE;;;IAGN,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,mEAAY,EACZ,qEAAc,EACd,sEACC,KAAK,EAAC,QAAQ,EACd,oBAAoB,EAAE,CAAC,CAAc,KAAK,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EACzE,mBAAmB,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,qBAAQ,CAAC,CAAC,MAAM,CAAE,CAAC,IACxD,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,YAAY,WAE5B,EACjB,uEAAgB,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,KAAK,kBAExB,EACjB,gFACC,IAAI,EAAC,UAAU,EACf,mBAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC7C,eAAe,EAAE,CAAC;gBACjB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,QAAmB,CAAA;gBAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;aACnB,gBAEwB,EACzB,IAAI,CAAC,QAAQ,KACb,EAAC,QAAQ,uDACR,uEACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC3B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAE,CAAC,uBAE9E,EACjB,uEACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAE,CAAC,sBAE5E,EACjB,4EAAqB,IAAI,EAAC,eAAe,IACxC,6DAAM,IAAI,EAAC,OAAO,oBAAqB,CAClB,EACtB,4EACC,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAE,CAAC,qBAEvE,EACtB,kFACC,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,EACnC,GAAG,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,UAAU,0CAAE,GAAG,EAC/B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAE,CAAC,uBAErE,EAC5B,6EACC,IAAI,EAAC,cAAc,EACnB,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,GAAE,CAAC,qBAElE,EACvB,8EAAuB,IAAI,EAAC,mBAAmB,IAC9C,6DAAM,IAAI,EAAC,OAAO,2BAA4B,EAC7C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,IAChF,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EACC,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,SAAS,EACjF,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAE,CAAC,6BAEhF,EACvB,6EACC,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAC/B,eAAe,EAAE,CAAC,KAChB,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAW,GAAE,CAAC,IAE3F,6DAAM,IAAI,EAAC,OAAO,6BAA8B,EAC/C,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFACC,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAC1B,eAAe,EAAE,CAAC,KAAK,IAAI,CAAC,KAAK,mCAAQ,IAAI,CAAC,KAAK,KAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAY,GAAE,CAAC,cAE1E,CAChB,CACX,EACD,2EACC,6DAAM,IAAI,EAAC,SAAS,cAAe,EACnC,4DAAK,IAAI,EAAC,SAAS,IAClB,uEAAgB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,EAAC,QAAQ,EAAC,KAAK,oBAE/C,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,IAC1C,6DAAM,IAAI,EAAC,OAAO,sBAAuB,CACpB,EACtB,4EAAqB,IAAI,EAAC,kBAAkB,uBAAuC,EACnF,kFAA2B,IAAI,EAAC,oBAAoB,yBAA+C,EACnG,6EAAsB,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,QAAQ,GAAI,EAC/D,8EAAuB,IAAI,EAAC,qBAAqB,IAChD,6DAAM,IAAI,EAAC,OAAO,6BAA8B,EAC/C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACrC,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EAAsB,IAAI,EAAC,eAAe,IACzC,6DAAM,IAAI,EAAE,aAAa,oBAAsB,CACzB,EACvB,6EAAsB,IAAI,EAAC,eAAe,oBAAqC,EAC/E,6EAAsB,IAAI,EAAC,uBAAuB,IACjD,6DAAM,IAAI,EAAC,OAAO,+BAAgC,EACjD,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFAAyB,IAAI,EAAC,gBAAgB,cAAkC,CAC3E,CACY,EACnB,wEACC,qEAAc,KAAK,EAAC,KAAK,IACxB,uEAAgB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,WAAW,YAE7B,EACjB,4EAAqB,IAAI,EAAC,aAAa,IACtC,6DAAM,IAAI,EAAC,OAAO,kBAAmB,CAChB,EACtB,iFAA0B,IAAI,EAAC,cAAc,wBAA6C,EAC1F,4EAAqB,IAAI,EAAC,cAAc,mBAAmC,EAC3E,kFAA2B,IAAI,EAAC,eAAe,qBAA2C,EAC1F,8EAAuB,IAAI,EAAC,iBAAiB,IAC5C,6DAAM,IAAI,EAAC,OAAO,yBAA0B,EAC3C,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAClE,qBAAe,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACrC,KAAK,CACS,CAChB,CAAC,CACqB,EACxB,6EAAsB,IAAI,EAAC,mBAAmB,2BAA4C,EAC1F,6EAAsB,IAAI,EAAC,mBAAmB,IAC7C,6DAAM,IAAI,EAAC,OAAO,2BAA4B,EAC7C,CAAC,SAAS,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAChE,iCAA2B,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,IACjD,KAAK,CACqB,CAC5B,CAAC,CACoB,EACvB,gFAAyB,IAAI,EAAC,YAAY,cAAkC,CAC9D,EACf,qEAAc,KAAK,EAAC,KAAK,EAAC,IAAI,UAC7B,uEAAgB,IAAI,EAAE,kBAAkB,oBAAgC,CAC1D,CACA,EAChB,8EAAuB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CACjE,EAChB,yEAAkB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAC7C,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/pet/style.css?tag=smoothly-form-demo-pet&encapsulation=scoped","src/components/form/demo/pet/index.tsx"],"sourcesContent":["\n:host {\n\tdisplay: grid;\n\tgrid-template-columns: 2fr 1fr;\n\tgrid-template-rows: auto auto;\n\tgrid-column-gap: 2rem;\n}\n\n:host smoothly-input-checkbox[name=\"hasOwner\"],\n:host > smoothly-form smoothly-summary,\n:host > smoothly-form smoothly-tabs {\n\tflex-basis: 100%;\n}\n","import { Component, Fragment, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { RGB } from \"../../../../model/Color/RGB\"\n\n@Component({\n\ttag: \"smoothly-form-demo-pet\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPet {\n\t@State() hasOwner = false\n\t@State() owner: {\n\t\tfirstName?: string\n\t\tlastName?: string\n\t\tbirthday?: string\n\t\townedRange?: isoly.DateRange\n\t\theight?: number\n\t\tfavoriteHat?: string\n\t\tfavoriteColor?: RGB\n\t\tfavoritePizza?: string\n\t\thasPet?: boolean\n\t} = {}\n\t@State() value: any\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Pet</h2>\n\t\t\t\t<h3>Value</h3>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tonSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}\n\t\t\t\t\tonSmoothlyFormInput={e => (this.value = { ...e.detail })}>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tName\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"integer\" name=\"age\">\n\t\t\t\t\t\tAge (Years)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tname=\"hasOwner\"\n\t\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tthis.hasOwner = e.detail.hasOwner as boolean\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tHas Owner\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t{this.hasOwner && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.firstName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.firstName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, firstName: e.detail[\"owner.firstName\"] })}>\n\t\t\t\t\t\t\t\tOwner First Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.lastName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.lastName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, lastName: e.detail[\"owner.lastName\"] })}>\n\t\t\t\t\t\t\t\tOwner Last Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"owner.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\t\tname=\"owner.birthday\"\n\t\t\t\t\t\t\t\tvalue={this.owner.birthday}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, birthday: e.detail[\"owner.birthday\"] })}>\n\t\t\t\t\t\t\t\tOwner birthday\n\t\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\t\tname=\"owner.ownedRange\"\n\t\t\t\t\t\t\t\tstart={this.owner.ownedRange?.start}\n\t\t\t\t\t\t\t\tend={this.owner.ownedRange?.end}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, ownedRange: e.detail[\"owner.ownedRange\"] })}>\n\t\t\t\t\t\t\t\tOwner ownedRange\n\t\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tname=\"owner.height\"\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\tmax={250}\n\t\t\t\t\t\t\t\tvalue={this.owner.height}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, height: e.detail[\"owner.height\"] })}>\n\t\t\t\t\t\t\t\tOwner's Height\n\t\t\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"owner.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index} selected={this.owner.favoriteHat == value}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color\n\t\t\t\t\t\t\t\tname=\"owner.favoriteColor\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, favoriteColor: e.detail[\"owner.favoriteColor\"] })}>\n\t\t\t\t\t\t\t\tOwner's Favorite Color\n\t\t\t\t\t\t\t</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio\n\t\t\t\t\t\t\t\tname=\"owner.favoritePizza\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoritePizza}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e =>\n\t\t\t\t\t\t\t\t\t(this.owner = { ...this.owner, favoritePizza: e.detail[\"owner.favoritePizza\"] as string })\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\t\t\tname=\"owner.hasPet\"\n\t\t\t\t\t\t\t\tchecked={this.owner.hasPet}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, hasPet: e.detail[\"owner.hasPet\"] as boolean })}>\n\t\t\t\t\t\t\t\tHas Pet\n\t\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<span slot=\"summary\">Summary</span>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t<smoothly-input type=\"price\" name=\"summary.price\" currency=\"EUR\">\n\t\t\t\t\t\t\t\tSummary Price\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"summary.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"summary.birthday\">Summary birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"summary.ownedRange\">Summary ownedRange</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range name=\"summary.height\" label={\"Height\"} />\n\t\t\t\t\t\t\t<smoothly-input-select name=\"summary.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-month name=\"summary.month\">\n\t\t\t\t\t\t\t\t<span slot={\"month-label\"}>Summary month</span>\n\t\t\t\t\t\t\t</smoothly-input-month>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"summary.color\">Summary Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"summary.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"summary.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t\t<smoothly-tab label=\"Dog\">\n\t\t\t\t\t\t\t<smoothly-input type={\"text\"} name=\"dog.breed\">\n\t\t\t\t\t\t\t\tBreed\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"dog.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date-time name=\"dog.lastWalk\">Time of last walk</smoothly-input-date-time>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"dog.birthday\">Dog birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"dog.dateRange\">Dog date range</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"dog.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"dog.favoriteColor\">Dog's Favorite Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"dog.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"dog.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t<smoothly-tab label=\"Cat\" open>\n\t\t\t\t\t\t\t<smoothly-input name={\"cat.favoriteFood\"}>Favorite Food</smoothly-input>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t</smoothly-tabs>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t</smoothly-form>\n\t\t\t\t<smoothly-display type=\"json\" value={this.value} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-840a2e6c.js","mappings":"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","names":[],"sources":["src/components/form/demo/pet/style.css?tag=smoothly-form-demo-pet&encapsulation=scoped","src/components/form/demo/pet/index.tsx"],"sourcesContent":["\n:host {\n\tdisplay: grid;\n\tgrid-template-columns: 2fr 1fr;\n\tgrid-template-rows: auto auto;\n\tgrid-column-gap: 2rem;\n}\n\n:host smoothly-input-checkbox[name=\"hasOwner\"],\n:host > smoothly-form smoothly-summary,\n:host > smoothly-form smoothly-tabs {\n\tflex-basis: 100%;\n}\n","import { Component, Fragment, h, Host, State, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { RGB } from \"../../../../model/Color/RGB\"\n\n@Component({\n\ttag: \"smoothly-form-demo-pet\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPet {\n\t@State() hasOwner = false\n\t@State() owner: {\n\t\tfirstName?: string\n\t\tlastName?: string\n\t\tbirthday?: string\n\t\townedRange?: isoly.DateRange\n\t\theight?: number\n\t\tfavoriteHat?: string\n\t\tfavoriteColor?: RGB\n\t\tfavoritePizza?: string\n\t\thasPet?: boolean\n\t} = {}\n\t@State() value: any\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Pet</h2>\n\t\t\t\t<h3>Value</h3>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tonSmoothlyFormSubmit={(e: CustomEvent) => alert(JSON.stringify(e.detail))}\n\t\t\t\t\tonSmoothlyFormInput={e => (this.value = { ...e.detail })}>\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"name.first\">\n\t\t\t\t\t\tName\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"integer\" name=\"age\">\n\t\t\t\t\t\tAge (Years)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tname=\"hasOwner\"\n\t\t\t\t\t\tonSmoothlyInputLoad={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\tthis.hasOwner = e.detail.hasOwner as boolean\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tHas Owner\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t{this.hasOwner && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.firstName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.firstName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, firstName: e.detail[\"owner.firstName\"] })}>\n\t\t\t\t\t\t\t\tOwner First Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tname=\"owner.lastName\"\n\t\t\t\t\t\t\t\tvalue={this.owner.lastName}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, lastName: e.detail[\"owner.lastName\"] })}>\n\t\t\t\t\t\t\t\tOwner Last Name\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"owner.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\t\tname=\"owner.birthday\"\n\t\t\t\t\t\t\t\tvalue={this.owner.birthday}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, birthday: e.detail[\"owner.birthday\"] })}>\n\t\t\t\t\t\t\t\tOwner birthday\n\t\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\t\tname=\"owner.ownedRange\"\n\t\t\t\t\t\t\t\tstart={this.owner.ownedRange?.start}\n\t\t\t\t\t\t\t\tend={this.owner.ownedRange?.end}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, ownedRange: e.detail[\"owner.ownedRange\"] })}>\n\t\t\t\t\t\t\t\tOwner ownedRange\n\t\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range\n\t\t\t\t\t\t\t\tname=\"owner.height\"\n\t\t\t\t\t\t\t\tstep={1}\n\t\t\t\t\t\t\t\tmax={250}\n\t\t\t\t\t\t\t\tvalue={this.owner.height}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, height: e.detail[\"owner.height\"] })}>\n\t\t\t\t\t\t\t\tOwner's Height\n\t\t\t\t\t\t\t</smoothly-input-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"owner.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index} selected={this.owner.favoriteHat == value}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color\n\t\t\t\t\t\t\t\tname=\"owner.favoriteColor\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoriteColor ? RGB.toHex(this.owner.favoriteColor) : undefined}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, favoriteColor: e.detail[\"owner.favoriteColor\"] })}>\n\t\t\t\t\t\t\t\tOwner's Favorite Color\n\t\t\t\t\t\t\t</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio\n\t\t\t\t\t\t\t\tname=\"owner.favoritePizza\"\n\t\t\t\t\t\t\t\tvalue={this.owner.favoritePizza}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e =>\n\t\t\t\t\t\t\t\t\t(this.owner = { ...this.owner, favoritePizza: e.detail[\"owner.favoritePizza\"] as string })\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<span slot=\"label\">Owner's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\t\t\tname=\"owner.hasPet\"\n\t\t\t\t\t\t\t\tchecked={this.owner.hasPet}\n\t\t\t\t\t\t\t\tonSmoothlyInput={e => (this.owner = { ...this.owner, hasPet: e.detail[\"owner.hasPet\"] as boolean })}>\n\t\t\t\t\t\t\t\tHas Pet\n\t\t\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t\t<smoothly-summary>\n\t\t\t\t\t\t<span slot=\"summary\">Summary</span>\n\t\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t\t<smoothly-input type=\"price\" name=\"summary.price\" currency=\"EUR\">\n\t\t\t\t\t\t\t\tSummary Price\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"summary.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"summary.birthday\">Summary birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"summary.ownedRange\">Summary ownedRange</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-range name=\"summary.height\" label={\"Height\"} />\n\t\t\t\t\t\t\t<smoothly-input-select name=\"summary.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-month name=\"summary.month\">\n\t\t\t\t\t\t\t\t<span slot={\"month-label\"}>Summary month</span>\n\t\t\t\t\t\t\t</smoothly-input-month>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"summary.color\">Summary Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"summary.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Summary's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"summary.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-summary>\n\t\t\t\t\t<smoothly-tabs>\n\t\t\t\t\t\t<smoothly-tab label=\"Dog\">\n\t\t\t\t\t\t\t<smoothly-input type={\"text\"} name=\"dog.breed\">\n\t\t\t\t\t\t\t\tBreed\n\t\t\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t\t\t<smoothly-input-file name=\"dog.picture\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog picture</span>\n\t\t\t\t\t\t\t</smoothly-input-file>\n\t\t\t\t\t\t\t<smoothly-input-date-time name=\"dog.lastWalk\">Time of last walk</smoothly-input-date-time>\n\t\t\t\t\t\t\t<smoothly-input-date name=\"dog.birthday\">Dog birthday</smoothly-input-date>\n\t\t\t\t\t\t\t<smoothly-input-date-range name=\"dog.dateRange\">Dog date range</smoothly-input-date-range>\n\t\t\t\t\t\t\t<smoothly-input-select name=\"dog.favoriteHat\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Hat</span>\n\t\t\t\t\t\t\t\t{[\"🎩 top hat\", \"🧢 cap\", \"👒 sun hat\", \"❌ none\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\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-input-select>\n\t\t\t\t\t\t\t<smoothly-input-color name=\"dog.favoriteColor\">Dog's Favorite Color</smoothly-input-color>\n\t\t\t\t\t\t\t<smoothly-input-radio name=\"dog.favoritePizza\">\n\t\t\t\t\t\t\t\t<span slot=\"label\">Dog's Favorite Pizza</span>\n\t\t\t\t\t\t\t\t{[\"vesuvio\", \"capricciosa\", \"quattro formaggi\"].map((value, index) => (\n\t\t\t\t\t\t\t\t\t<smoothly-input-radio-item value={value} key={index}>\n\t\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</smoothly-input-radio>\n\t\t\t\t\t\t\t<smoothly-input-checkbox name=\"dog.hasPet\">Has Pet</smoothly-input-checkbox>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t\t<smoothly-tab label=\"Cat\" open>\n\t\t\t\t\t\t\t<smoothly-input name={\"cat.favoriteFood\"}>Favorite Food</smoothly-input>\n\t\t\t\t\t\t</smoothly-tab>\n\t\t\t\t\t</smoothly-tabs>\n\t\t\t\t\t<smoothly-input-submit size=\"icon\" slot=\"submit\" color=\"success\" fill=\"solid\" />\n\t\t\t\t</smoothly-form>\n\t\t\t\t<smoothly-display type=\"json\" value={this.value} />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1d50e1c3.js → p-8a0d18a0.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-0eacf5f4.js';
-import { d as defineCustomElement$d } from './p-11cc925c.js';
-import { d as defineCustomElement$c } from './p-ff99dcde.js';
-import { d as defineCustomElement$b } from './p-51cb1946.js';
-import { d as defineCustomElement$a } from './p-21601376.js';
-import { d as defineCustomElement$9 } from './p-d9989605.js';
-import { d as defineCustomElement$8 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$7 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$6 } from './p-90d81e79.js';
-import { d as defineCustomElement$5 } from './p-c8f13bb3.js';
+import { d as defineCustomElement$e } from './p-c98922f4.js';
+import { d as defineCustomElement$d } from './p-065cbcf5.js';
+import { d as defineCustomElement$c } from './p-b235b5aa.js';
+import { d as defineCustomElement$b } from './p-d3c8be66.js';
+import { d as defineCustomElement$a } from './p-5bf78c75.js';
+import { d as defineCustomElement$9 } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$8 } from './p-a09be6d8.js';
+import { d as defineCustomElement$7 } from './p-9e3806ff.js';
+import { d as defineCustomElement$6 } from './p-da4c10d0.js';
+import { d as defineCustomElement$5 } from './p-d969fa64.js';
 import { d as defineCustomElement$4 } from './p-fc152e9f.js';
-import { d as defineCustomElement$3 } from './p-e569751f.js';
-import { d as defineCustomElement$2 } from './p-50f2b79d.js';
-import { d as defineCustomElement$1 } from './p-5e4e6b48.js';
+import { d as defineCustomElement$3 } from './p-0b8373df.js';
+import { d as defineCustomElement$2 } from './p-4139620f.js';
+import { d as defineCustomElement$1 } from './p-7b0de261.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: 'c6cb7e07d179881b5c7ea01ab5fad117333c7924' }, h("h2", { key: '84d2225eb190763579f2e26e6bc0e909b20d7e69' }, "Theme"), h("smoothly-theme-picker", { key: '5e92995da49847d47f63e566975b7025b8af2e43' }, h("smoothly-item", { key: 'bfd982aa4a72d08b1e0f5ada079f181eaad405e6', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: '2782d40d30d9127f2412468fcdf6e6d2e5916381', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: '7b6a503af2810acf328adbee327513989a8cda95', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '805852f34c258b72dac8f98e31dfb63e7e9c794a', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '40294e04abc1d52b3a49117d212ede1b49a3445b', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: 'a6901786da8b1ee5d7483faf83bdbf3fab619d6f', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '06b203f64a7fd490540b85551ca776dfbc8fb13c', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'd7f641b6379b62b07604a8414c29e3c849c74f95', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '178735bb029460772b022ebfd0e498c85dc81e1e', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '6c0adc3df188c6c0710ce74008843e496ea6c325' }, h("smoothly-theme-colors", { key: 'aff57e9c718ddde147f7ab7ad70a81a07a0c7b6e' }), h("smoothly-theme-guide", { key: '17c985e6cd4c1c3e87b2a015ec1a34b51a850305' })), h("smoothly-button", { key: '4859f1550db90aa5dd37a2d48e5cfe77aa0086df', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: '808ca46948dbabbf1e6c435a7bab364895affd13', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: 'b39a6fe0f311230c5cef50e03f7ca5fa56212d9c', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '4aeb31316b4b9d697cf849b96849aa3525bcfffb', type: "link", link: "redirect/nested" }, "To redirect nested")));
+        return (h(Host, { key: '60a6fdfc96dc0f5c716a5b879f04e8bfa7aa7955' }, h("h2", { key: '800ac25c4a2aec861b21255420aa696d016f0dc4' }, "Theme"), h("smoothly-theme-picker", { key: '081a0359c39e431bd92c336c5e7b4112027fe940' }, h("smoothly-item", { key: 'e1d332a1ace18688c085e2d3aacd6480d223300f', selected: true, value: "assets/style/smoothly.css" }, "Smoothly"), h("smoothly-item", { key: 'd183e44eca2b257bcc7edf7b4491673ca871cd91', value: "https://app.issuefab.com/assets/style/index.css" }, "Issuefab"), h("smoothly-item", { key: 'f5677315f1803e5002974fb86b683cf4199abb74', value: "https://app.proquse.com/assets/style/index.css" }, "Proquse"), h("smoothly-item", { key: '18ed8f9181da013d2d4de75393a86a22e567bb72', value: "https://app.weekmeter.com/assets/style/index.css" }, "Weekmeter"), h("smoothly-item", { key: '480a5028c0aba00a5caa1cd9feb671857e22d5fb', value: "https://dash.pax2pay.app/p2pdash.css" }, "Pax2Pay Dashboard"), h("smoothly-item", { key: '0686eca3757ea52987a4f8e9b70aec69e43437ea', value: "https://ui.pax2pay.app/assets/style/pax2pay.css" }, "Pax2Pay Portal"), h("smoothly-item", { key: '945161921608f664e3283a6bce008d59b8115282', value: "https://theme.payfunc.com/intergiro/index.css" }, "Intergiro Monitor"), h("smoothly-item", { key: 'a881c566e1cb7ae4a01f0d617a13109643b05585', value: "https://theme.payfunc.com/light/index.css" }, "Payfunc Light"), h("smoothly-item", { key: '3834fec43bc18e1368a1bc952c5ac83ffbfa4807', value: "https://theme.payfunc.com/dark/index.css" }, "Payfunc Dark")), h("span", { key: '598ce87600fd7a66e1d2351311fd01773d6f8451' }, h("smoothly-theme-colors", { key: '0b982bc4d771f98c37111782fa61056bb64a5bca' }), h("smoothly-theme-guide", { key: 'f6ef76f863436b20b33653174ad9e98151e31a6f' })), h("smoothly-button", { key: '97743bff836025c1eef5d152b06aca450b585a5a', type: "link", link: "/redirect" }, "To redirect"), h("smoothly-button", { key: 'b26f5dcdd936b876cf430e2ab109458a405b1da9', type: "link", link: "/redirect" }, "To /redirect"), h("smoothly-button", { key: '9850c727cd8c7d74187e3a99253e3b6637a02f62', type: "link", link: new URL("/redirect", window.location.origin).href }, "To new URL(\"redirect\")"), h("smoothly-button", { key: '41efeb245770de7407eb14dacfd686ca2a691076', type: "link", link: "redirect/nested" }, "To redirect nested")));
     }
     static get style() { return SmoothlyThemeDemoStyle0; }
 }, [2, "smoothly-theme-demo"]);
@@ -114,4 +114,4 @@ defineCustomElement();
 
 export { SmoothlyThemeDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-1d50e1c3.js.map
+//# sourceMappingURL=p-8a0d18a0.js.map

package/dist/components/{p-1d50e1c3.js.map → p-8a0d18a0.js.map}

@@ -1 +1 @@
-{"file":"p-1d50e1c3.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-8a0d18a0.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-37363a06.js → p-8b9ba740.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$6 } from './p-33087585.js';
-import { d as defineCustomElement$5 } from './p-28a3024e.js';
-import { d as defineCustomElement$4 } from './p-e2ff40ce.js';
-import { d as defineCustomElement$3 } from './p-18ba7524.js';
-import { d as defineCustomElement$2 } from './p-2de92429.js';
-import { d as defineCustomElement$1 } from './p-04799383.js';
+import { d as defineCustomElement$6 } from './p-fec4d798.js';
+import { d as defineCustomElement$5 } from './p-98440131.js';
+import { d as defineCustomElement$4 } from './p-07d9e68a.js';
+import { d as defineCustomElement$3 } from './p-abd56282.js';
+import { d as defineCustomElement$2 } from './p-49837ba2.js';
+import { d as defineCustomElement$1 } from './p-2bbb8f53.js';
 
 const styleCss = ".sc-smoothly-table-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
 const SmoothlyTableDemoNestedInnerStyle0 = styleCss;
@@ -17,7 +17,7 @@ const SmoothlyTableDemoNestedInner = proxyCustomElement(class SmoothlyTableDemoN
     }
     render() {
         var _a;
-        return (h(Host, { key: 'c0654deea2db537fe7c1487df0eb688bdf25e8a6' }, h("smoothly-table", { key: 'a3459d01e3831cf3e9fc979b18e88115bf81d300', columns: 4 }, h("smoothly-table-head", { key: 'faf10ce9172f295ec14fe0e6931ba752f9df7f49' }, h("smoothly-table-row", { key: 'ab5ef8bef62bba52edaa6226981b382f0e9f36f6' }, h("smoothly-table-cell", { key: '0da61e2692c0452333dea76b135ee20668e5009c' }, "Id"), h("smoothly-table-cell", { key: '8ebb662123689a08fb0839aca95fc8241c542aab' }, "Name"), h("smoothly-table-cell", { key: '9e00beeb61e6d93d47d1990dac907ef870738a4d' }, "Age"), h("smoothly-table-cell", { key: '0f013a590d49450f35e8f543e4534b7b4e16d26a' }, "Balance"))), h("smoothly-table-body", { key: 'c3beac792b1f7dfa4cdbe8f852d3d1181ffa090d' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance))))))));
+        return (h(Host, { key: '83636579f0ac1515fa2c1a912d2625dc98dc2870' }, h("smoothly-table", { key: '04bb54e0def08d95349b4924d480702632a310ad', columns: 4 }, h("smoothly-table-head", { key: '444c47c289856b5b6cff4c44954656d0a853fe95' }, h("smoothly-table-row", { key: '59044bea8b54871bded78091b98574358fc6022e' }, h("smoothly-table-cell", { key: 'd77d47360a9c5a317357f15a87a17e191f202e3f' }, "Id"), h("smoothly-table-cell", { key: '953bf1a655f4807131ebffa8ea7cec8571177e8e' }, "Name"), h("smoothly-table-cell", { key: '047211617101160584267f87d55a4c63c4a3c54d' }, "Age"), h("smoothly-table-cell", { key: '0c01220d3751fd8e895180860d59f756758baed8' }, "Balance"))), h("smoothly-table-body", { key: 'fc0cd184a5f603bf0b827cf1b0e307320085fdff' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, entry.id), h("smoothly-table-cell", null, entry.name), h("smoothly-table-cell", null, entry.age), h("smoothly-table-cell", null, entry.balance))))))));
     }
     static get style() { return SmoothlyTableDemoNestedInnerStyle0; }
 }, [2, "smoothly-table-demo-nested-inner", {
@@ -70,4 +70,4 @@ defineCustomElement();
 
 export { SmoothlyTableDemoNestedInner as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-37363a06.js.map
+//# sourceMappingURL=p-8b9ba740.js.map

package/dist/components/{p-37363a06.js.map → p-8b9ba740.js.map}

@@ -1 +1 @@
-{"file":"p-37363a06.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,iFAAiF,CAAC;AACnG,2CAAe,QAAQ;;MCMV,4BAA4B;;;;;;IAOxC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,OAAO,EAAE,CAAC,IACzB,8EACC,6EACC,mFAA6C,EAC7C,qFAA+C,EAC/C,oFAA8C,EAC9C,wFAAkD,CAC9B,CACA,EACtB,8EACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,yCACC,+BAAsB,KAAK,CAAC,EAAE,CAAuB,EACrD,+BAAsB,KAAK,CAAC,IAAI,CAAuB,EACvD,+BAAsB,KAAK,CAAC,GAAG,CAAuB,EACtD,+BAAsB,KAAK,CAAC,OAAO,CAAuB,CAC3B,CAChC,CAAC,CACmB,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/nested/inner/style.css?tag=smoothly-table-demo-nested-inner&encapsulation=scoped","src/components/table/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Id</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Name</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Age</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Balance</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.id}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.balance}</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-8b9ba740.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,iFAAiF,CAAC;AACnG,2CAAe,QAAQ;;MCMV,4BAA4B;;;;;;IAOxC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,uEAAgB,OAAO,EAAE,CAAC,IACzB,8EACC,6EACC,mFAA6C,EAC7C,qFAA+C,EAC/C,oFAA8C,EAC9C,wFAAkD,CAC9B,CACA,EACtB,8EACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,yCACC,+BAAsB,KAAK,CAAC,EAAE,CAAuB,EACrD,+BAAsB,KAAK,CAAC,IAAI,CAAuB,EACvD,+BAAsB,KAAK,CAAC,GAAG,CAAuB,EACtD,+BAAsB,KAAK,CAAC,OAAO,CAAuB,CAC3B,CAChC,CAAC,CACmB,CACN,CACX,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/demo/nested/inner/style.css?tag=smoothly-table-demo-nested-inner&encapsulation=scoped","src/components/table/demo/nested/inner/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n\tmargin: 1em auto;\n\twidth: 60%;\n}\n","import { Component, h, Host, Prop, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoNestedInner {\n\t@Prop() data?: {\n\t\tid: number\n\t\tname: string\n\t\tage: number\n\t\tbalance: number\n\t}[]\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-table columns={4}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Id</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Name</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Age</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Balance</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.id}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.name}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.age}</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>{entry.balance}</smoothly-table-cell>\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-7995e164.js → p-8c0ab6b7.js}

@@ -3,19 +3,19 @@ import { n as number, A as Alpha2, D as Date } from './p-390767c7.js';
 import { f as from } from './p-e057cdb7.js';
 import { o as object, s as string } from './p-d471066b.js';
 import { f as fromIs } from './p-57ac5d1b.js';
-import { d as defineCustomElement$d } from './p-0eacf5f4.js';
-import { d as defineCustomElement$c } from './p-a4614623.js';
-import { d as defineCustomElement$b } from './p-182310f5.js';
-import { d as defineCustomElement$a } from './p-16c06f14.js';
-import { d as defineCustomElement$9 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$8 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$7 } from './p-97254dfe.js';
-import { d as defineCustomElement$6 } from './p-b1d28f3f.js';
-import { d as defineCustomElement$5 } from './p-125e9845.js';
-import { d as defineCustomElement$4 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$3 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$2 } from './p-90d81e79.js';
-import { d as defineCustomElement$1 } from './p-f21f43d1.js';
+import { d as defineCustomElement$d } from './p-c98922f4.js';
+import { d as defineCustomElement$c } from './p-e5627b06.js';
+import { d as defineCustomElement$b } from './p-a57e7345.js';
+import { d as defineCustomElement$a } from './p-ed1e7da4.js';
+import { d as defineCustomElement$9 } from './p-a09be6d8.js';
+import { d as defineCustomElement$8 } from './p-cef759f2.js';
+import { d as defineCustomElement$7 } from './p-2c9a8b37.js';
+import { d as defineCustomElement$6 } from './p-c3d52c12.js';
+import { d as defineCustomElement$5 } from './p-a765eaaa.js';
+import { d as defineCustomElement$4 } from './p-9e3806ff.js';
+import { d as defineCustomElement$3 } from './p-e9e71692.js';
+import { d as defineCustomElement$2 } from './p-da4c10d0.js';
+import { d as defineCustomElement$1 } from './p-18451fa9.js';
 
 var Contact;
 (function (Contact) {
@@ -36,7 +36,7 @@ const SmoothlyFormDemoTyped = proxyCustomElement(class SmoothlyFormDemoTyped ext
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'e53a0a17b2302337cf2e1e045f94c96906dd3bcb' }, h("h2", { key: '0cbe465c14b22f04250ae487d0790ac1910f5e59' }, "Typed Contact"), h("smoothly-form", { key: '88448919f6a71ea37240853f673dc0ff07df9587', validator: Contact.type }, h("smoothly-input", { key: 'b17b6cdfd48aa02789204504f52876f3a55c578e', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'ece3d88c0ff08625d55281cc1cc6adbb1f02efda', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '61d9bf66ca545510b46d3c9936cf552e44538fac', name: "name.last" }, "Last Name"), h("smoothly-input", { key: 'dffb209c6e0f5c98cb17bd74dfcaa402061d2172', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: '04948477a80cca43ddab4fcefe77230b576f3145', name: "country" }, h("span", { key: 'e3d6e8bc8bd964b44f58a8ed47cccfa1aa363066', slot: "label" }, "Country"), Alpha2.values.map(country => (h("smoothly-item", { value: country }, from(country))))), h("smoothly-input-date", { key: 'cc4e3676ec2e411a7026d48d4986864800a046a0', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'af37d92c8ffa3a47b8573af693f7aa4b245a1c98', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'e1d18fc9c58985f06bea1173a15920eecbf98d29', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: 'c73c988ce6681e27320a66655a0528079958cab4' }, h("h2", { key: '6298cb241f37a9c13f05331454e73c5a8207bddf' }, "Typed Contact"), h("smoothly-form", { key: '04bec3db0d73a661140f5b5cd791f785903f998e', validator: Contact.type }, h("smoothly-input", { key: 'f35f3b74089291760ac7f3609f3c2b974859ed1f', name: "name.first" }, "First Name"), h("smoothly-input", { key: 'eefa07426757567f90ef92040fbad59fb07d6d67', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '1761cde3715783a29414ed07b73e59d797c5f39d', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '5c63c10a9913c425db7e670500e11f1c2aa80e38', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'c057deac00aabc0218425940fc92911df63190bc', name: "country" }, h("span", { key: '1c34bc0d49d075140a376e2c80ef3585f2551c67', slot: "label" }, "Country"), Alpha2.values.map(country => (h("smoothly-item", { value: country }, from(country))))), h("smoothly-input-date", { key: '8a9be3f1d54d46184509a712d85be19049e8bb28', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '4013323961a0eee9353c2384ad6881a562ce7753', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'c637c7234c29c115889c68c3ccb78d141c68e454', slot: "submit", size: "icon", color: "success" }))));
     }
     static get style() { return SmoothlyFormDemoTypedStyle0; }
 }, [2, "smoothly-form-demo-typed"]);
@@ -122,4 +122,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoTyped as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-7995e164.js.map
+//# sourceMappingURL=p-8c0ab6b7.js.map

package/dist/components/{p-7995e164.js.map → p-8c0ab6b7.js.map}

@@ -1 +1 @@
-{"file":"p-7995e164.js","mappings":";;;;;;;;;;;;;;;;;;;IASiB,OAAO,CAOvB;AAPD,WAAiB,OAAO;IACV,YAAI,GAAGA,MAAW,CAAU;QACxC,IAAI,EAAEA,MAAW,CAAkB,EAAE,KAAK,EAAEC,MAAW,EAAE,EAAE,MAAM,EAAEA,MAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAEA,MAAW,EAAE,EAAE,CAAC;QACnH,GAAG,EAAEC,MAAW,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;QAChD,OAAO,EAAEC,MAAW,CAAC,aAAa,EAAEC,MAAwB,CAAC,EAAE,CAAC;QAChE,QAAQ,EAAED,MAAW,CAAC,MAAM,EAAEE,IAAU,CAAC,EAAE,CAAC;KAC5C,CAAC,CAAA;AACH,CAAC,EAPgB,OAAO,KAAP,OAAO;;ACTxB,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6EAAsB,EACtB,sEAAe,SAAS,EAAE,OAAO,CAAC,IAAI,IACrC,uEAAgB,IAAI,EAAC,YAAY,iBAA4B,EAC7D,uEAAgB,IAAI,EAAC,aAAa,6BAAwC,EAC1E,uEAAgB,IAAI,EAAC,WAAW,gBAA2B,EAC3D,uEAAgB,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,mBAExB,EACjB,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EAChCD,MAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,KAC3C,qBAAe,KAAK,EAAE,OAAO,IAAGE,IAA8B,CAAC,OAAO,CAAC,CAAiB,CACxF,CAAC,CACqB,EACxB,4EAAqB,IAAI,EAAC,UAAU,oBAAoC,EACxE,6EAAsB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,EACrF,8EAAuB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,CAC1D,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.string","isly.number","isly.fromIs","isoly.CountryCode.Alpha2","isoly.Date","isoly.CountryCode.Name.en.from"],"sources":["src/components/form/demo/typed/Contact.ts","src/components/form/demo/typed/style.css?tag=smoothly-form-demo-typed&encapsulation=scoped","src/components/form/demo/typed/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\nexport interface Contact {\n\tname: { first: string; middle?: string; last: string }\n\tage: number\n\tcountry: isoly.CountryCode.Alpha2\n\tbirthday: isoly.Date\n}\nexport namespace Contact {\n\texport const type = isly.object<Contact>({\n\t\tname: isly.object<Contact[\"name\"]>({ first: isly.string(), middle: isly.string().optional(), last: isly.string() }),\n\t\tage: isly.number(age => 18 <= age && age <= 120),\n\t\tcountry: isly.fromIs(\"CountryCode\", isoly.CountryCode.Alpha2.is),\n\t\tbirthday: isly.fromIs(\"Date\", isoly.Date.is),\n\t})\n}\n","\n","import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Contact } from \"./Contact\"\n\n@Component({\n\ttag: \"smoothly-form-demo-typed\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTyped {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Typed Contact</h2>\n\t\t\t\t<smoothly-form validator={Contact.type}>\n\t\t\t\t\t<smoothly-input name=\"name.first\">First Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.middle\">Middle Name (optional)</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.last\">Last Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"age\" type=\"integer\">\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"country\">\n\t\t\t\t\t\t<span slot=\"label\">Country</span>\n\t\t\t\t\t\t{isoly.CountryCode.Alpha2.values.map(country => (\n\t\t\t\t\t\t\t<smoothly-item value={country}>{isoly.CountryCode.Name.en.from(country)}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-date name=\"birthday\">Date of birth</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} type={\"form\"} size={\"icon\"} color={\"warning\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-8c0ab6b7.js","mappings":";;;;;;;;;;;;;;;;;;;IASiB,OAAO,CAOvB;AAPD,WAAiB,OAAO;IACV,YAAI,GAAGA,MAAW,CAAU;QACxC,IAAI,EAAEA,MAAW,CAAkB,EAAE,KAAK,EAAEC,MAAW,EAAE,EAAE,MAAM,EAAEA,MAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAEA,MAAW,EAAE,EAAE,CAAC;QACnH,GAAG,EAAEC,MAAW,CAAC,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC;QAChD,OAAO,EAAEC,MAAW,CAAC,aAAa,EAAEC,MAAwB,CAAC,EAAE,CAAC;QAChE,QAAQ,EAAED,MAAW,CAAC,MAAM,EAAEE,IAAU,CAAC,EAAE,CAAC;KAC5C,CAAC,CAAA;AACH,CAAC,EAPgB,OAAO,KAAP,OAAO;;ACTxB,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,oCAAe,QAAQ;;MCQV,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,6EAAsB,EACtB,sEAAe,SAAS,EAAE,OAAO,CAAC,IAAI,IACrC,uEAAgB,IAAI,EAAC,YAAY,iBAA4B,EAC7D,uEAAgB,IAAI,EAAC,aAAa,6BAAwC,EAC1E,uEAAgB,IAAI,EAAC,WAAW,gBAA2B,EAC3D,uEAAgB,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,mBAExB,EACjB,8EAAuB,IAAI,EAAC,SAAS,IACpC,6DAAM,IAAI,EAAC,OAAO,cAAe,EAChCD,MAAwB,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,KAC3C,qBAAe,KAAK,EAAE,OAAO,IAAGE,IAA8B,CAAC,OAAO,CAAC,CAAiB,CACxF,CAAC,CACqB,EACxB,4EAAqB,IAAI,EAAC,UAAU,oBAAoC,EACxE,6EAAsB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,EACrF,8EAAuB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAI,CAC1D,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.string","isly.number","isly.fromIs","isoly.CountryCode.Alpha2","isoly.Date","isoly.CountryCode.Name.en.from"],"sources":["src/components/form/demo/typed/Contact.ts","src/components/form/demo/typed/style.css?tag=smoothly-form-demo-typed&encapsulation=scoped","src/components/form/demo/typed/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\nexport interface Contact {\n\tname: { first: string; middle?: string; last: string }\n\tage: number\n\tcountry: isoly.CountryCode.Alpha2\n\tbirthday: isoly.Date\n}\nexport namespace Contact {\n\texport const type = isly.object<Contact>({\n\t\tname: isly.object<Contact[\"name\"]>({ first: isly.string(), middle: isly.string().optional(), last: isly.string() }),\n\t\tage: isly.number(age => 18 <= age && age <= 120),\n\t\tcountry: isly.fromIs(\"CountryCode\", isoly.CountryCode.Alpha2.is),\n\t\tbirthday: isly.fromIs(\"Date\", isoly.Date.is),\n\t})\n}\n","\n","import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Contact } from \"./Contact\"\n\n@Component({\n\ttag: \"smoothly-form-demo-typed\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoTyped {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Typed Contact</h2>\n\t\t\t\t<smoothly-form validator={Contact.type}>\n\t\t\t\t\t<smoothly-input name=\"name.first\">First Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.middle\">Middle Name (optional)</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"name.last\">Last Name</smoothly-input>\n\t\t\t\t\t<smoothly-input name=\"age\" type=\"integer\">\n\t\t\t\t\t\tAge (18-120)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-select name=\"country\">\n\t\t\t\t\t\t<span slot=\"label\">Country</span>\n\t\t\t\t\t\t{isoly.CountryCode.Alpha2.values.map(country => (\n\t\t\t\t\t\t\t<smoothly-item value={country}>{isoly.CountryCode.Name.en.from(country)}</smoothly-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-input-select>\n\t\t\t\t\t<smoothly-input-date name=\"birthday\">Date of birth</smoothly-input-date>\n\t\t\t\t\t<smoothly-input-reset slot={\"reset\"} type={\"form\"} size={\"icon\"} color={\"warning\"} />\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"} size={\"icon\"} color={\"success\"} />\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-8309d8d7.js → p-8dedb4ea.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { a as and } from './p-caf09da9.js';
 import { o as object, s as string } from './p-d471066b.js';
 import { i as islyFunction, r as record } from './p-57ac5d1b.js';
-import { d as defineCustomElement$3 } from './p-940e5b8e.js';
-import { d as defineCustomElement$2 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$1 } from './p-0fb1eac0.js';
+import { d as defineCustomElement$3 } from './p-1eab7079.js';
+import { d as defineCustomElement$2 } from './p-a09be6d8.js';
+import { d as defineCustomElement$1 } from './p-cef759f2.js';
 
 const EventEmitter = object({ emit: islyFunction() });
 var Filter;
@@ -63,11 +63,11 @@ const SmoothlyFilter = proxyCustomElement(class SmoothlyFilter extends H {
         this.filters.forEach(update => update(this.criteria));
     }
     render() {
-        return (h(Host, { key: 'd0758e4b4003774f8d64ea98dd189c9d1bc4dfb7' }, h("slot", { key: '326730f0a2cdc4efe92f75be74f50e9d0afc2337', name: "bar" }), h("smoothly-filter-field", { key: '771a0da9c7c28810fb8b9c3eae4e0b2d6a8d629a', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: 'f0699e512b801b2a82a4b6a75764455c4f6ff970', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
+        return (h(Host, { key: 'c9beccb773a6101f5a26d96c1eddb16494d7158f' }, h("slot", { key: 'da7565883d337518c62ab0c188a2b651ca2ff70e', name: "bar" }), h("smoothly-filter-field", { key: '1565e127cd27b2a2c84bd9775053d2c681963152', criteria: this.criteria, ref: e => (this.field = e) }), this.criteria.toString() != "" && (h("smoothly-icon", { key: 'cc3baa28d08bd7bdca19d8a2265a45c1dfbcfcbb', name: "close", toolTip: "Clear all filters", size: "small", onClick: () => {
                 this.clear();
-            } })), h("div", { key: '4ed85c23a785b8f5a96d97acee1ec4bcdf11ccf1', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: 'd41a7a8ed289625aa1f9de25b19a39cda75b6c29', name: "detail" })), h("smoothly-icon", { key: '534e48505b05d18bdbbc6d5817ef4f10d8c9f045', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
+            } })), h("div", { key: '9850fa072e6696f1f34e96358a03824e1e5ae878', class: this.expanded ? "container arrow-top" : "hidden" }, h("slot", { key: 'ed4ed18ebbe18ff0028909b4f94a8e4d5b3d1d9b', name: "detail" })), h("smoothly-icon", { key: 'fba156474c6d7c93b62ebe4d9690c5d60f44e299', name: this.expanded ? "options" : "options-outline", toolTip: (this.expanded ? "Hide" : "Show") + " additional filters", size: "small", onClick: () => {
                 this.expanded = !this.expanded;
-            } }), h("div", { key: '52289b92ffc7b5f53e287c5c875ec3605ee307a2', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
+            } }), h("div", { key: 'f1011e232ba37fd419f7f90d65227a7b7cfb4882', class: this.expanded ? "close" : "hidden", onClick: () => (this.expanded = !this.expanded) })));
     }
     static get style() { return SmoothlyFilterStyle0; }
 }, [6, "smoothly-filter", {
@@ -107,4 +107,4 @@ defineCustomElement();
 
 export { SmoothlyFilter as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-8309d8d7.js.map
+//# sourceMappingURL=p-8dedb4ea.js.map