smoothly 1.2.1-alpha.35 → 1.2.1-alpha.36

package/dist/components/{p-025840ff.js.map → p-e59eebf8.js.map}

@@ -1 +1 @@
-{"file":"p-025840ff.js","mappings":";;;;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,6EAAsB,IAAI,EAAC,OAAO,mBAAoC,CAChE,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-color-demo\",\n\tstyles: \"style.css\",\n})\nexport class SmoothlyInputColorDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Color</h2>\n\t\t\t\t<smoothly-input-color name=\"color\">Choose color</smoothly-input-color>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-e59eebf8.js","mappings":";;;;;;;;;;;;MAMa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,6EAAsB,IAAI,EAAC,OAAO,mBAAoC,CAChE,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/color/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-color-demo\",\n\tstyles: \"style.css\",\n})\nexport class SmoothlyInputColorDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Color</h2>\n\t\t\t\t<smoothly-input-color name=\"color\">Choose color</smoothly-input-color>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-3335c1e5.js → p-e73af3d4.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
 import { R as RGB } from './p-8e1e509d.js';
-import { d as defineCustomElement$s } from './p-be6d380e.js';
-import { d as defineCustomElement$r } from './p-10a6e3b4.js';
+import { d as defineCustomElement$s } from './p-306f9cb3.js';
+import { d as defineCustomElement$r } from './p-686ec006.js';
 import { d as defineCustomElement$q } from './p-5b16ff97.js';
 import { d as defineCustomElement$p } from './p-4f80c811.js';
 import { d as defineCustomElement$o } from './p-f770567b.js';
@@ -12,22 +12,22 @@ import { d as defineCustomElement$k } from './p-ca69a0ef.js';
 import { d as defineCustomElement$j } from './p-c63db1c1.js';
 import { d as defineCustomElement$i } from './p-0b16cab5.js';
 import { d as defineCustomElement$h } from './p-b1db8b28.js';
-import { d as defineCustomElement$g } from './p-6e2f3b1e.js';
+import { d as defineCustomElement$g } from './p-2b111073.js';
 import { d as defineCustomElement$f } from './p-f2fc107c.js';
 import { d as defineCustomElement$e } from './p-9b4a2430.js';
-import { d as defineCustomElement$d } from './p-116f927a.js';
+import { d as defineCustomElement$d } from './p-498755ab.js';
 import { d as defineCustomElement$c } from './p-b20e3206.js';
 import { d as defineCustomElement$b } from './p-79474a9a.js';
 import { d as defineCustomElement$a } from './p-a071eaed.js';
 import { d as defineCustomElement$9 } from './p-4c8ef04f.js';
 import { d as defineCustomElement$8 } from './p-083143a9.js';
-import { d as defineCustomElement$7 } from './p-94f31f21.js';
+import { d as defineCustomElement$7 } from './p-631148b4.js';
 import { d as defineCustomElement$6 } from './p-edcdcc51.js';
 import { d as defineCustomElement$5 } from './p-c77944e7.js';
 import { d as defineCustomElement$4 } from './p-cc863bad.js';
 import { d as defineCustomElement$3 } from './p-ab304bad.js';
 import { d as defineCustomElement$2 } from './p-040802e2.js';
-import { d as defineCustomElement$1 } from './p-47a1a01b.js';
+import { d as defineCustomElement$1 } from './p-45ff39e4.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;
@@ -210,4 +210,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoPet as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-3335c1e5.js.map
+//# sourceMappingURL=p-e73af3d4.js.map

package/dist/components/{p-3335c1e5.js.map → p-e73af3d4.js.map}

@@ -1 +1 @@
-{"file":"p-3335c1e5.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\">Height</smoothly-input-range>\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\">Summary Month</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 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-e73af3d4.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\">Height</smoothly-input-range>\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\">Summary Month</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 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-53671a89.js → p-f4da0b35.js}

@@ -13,7 +13,7 @@ const Button = ({ disabled, type, link }, children) => {
         h("slot", { name: "start" }),
         h("slot", null),
         children,
-        h("slot", { name: "end" }))) : (h("button", { disabled: disabled },
+        h("slot", { name: "end" }))) : (h("button", { type: "button", disabled: disabled },
         h("slot", { name: "start" }),
         h("slot", null),
         children,
@@ -35,4 +35,4 @@ function local(path) {
 
 export { Button as B };
 
-//# sourceMappingURL=p-53671a89.js.map
+//# sourceMappingURL=p-f4da0b35.js.map

package/dist/components/p-f4da0b35.js.map

@@ -0,0 +1 @@
+{"file":"p-f4da0b35.js","mappings":";;;;;;MAGa,MAAM,GAA2C,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,QAAQ;IAChG,OAAO,QAAQ,KAAK,IAAI,IAAI,IAAI,IAAI,MAAM,CAAC,IAC1C,eAAa,IACV,IAAI,IAAI,MAAM,IACjB,SAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7G,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,IACD,IAAI,IAAI,UAAU,IACrB,SAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ;QACtC,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CACrB,KAEJ,cAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ;QACvC,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,eAAa;QACZ,QAAQ;QACT,YAAM,IAAI,EAAC,KAAK,GAAQ,CAChB,CACT,CAAA;AACF,EAAC;AACD,SAAS,OAAO,CAAC,IAAY;IAC5B,IAAI,MAAkC,CAAA;IACtC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC1C,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAA;SAC3B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACzB,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;;QAEvD,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAA;IAE7G,OAAO,MAAM,CAAA;AACd,CAAC;AAED,SAAS,KAAK,CAAC,IAAY;IAC1B,OAAO,IAAI,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA;AAC9E;;;;","names":[],"sources":["src/components/button/Button.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\"\nimport { redirect } from \"../../model\"\n\nexport const Button: FunctionalComponent<Button.Properties> = ({ disabled, type, link }, children) => {\n\treturn disabled && (link || type == \"link\") ? (\n\t\t<slot></slot>\n\t) : type == \"link\" ? (\n\t\t<a href={link} onClick={!link || !local(link) ? undefined : e => (e.preventDefault(), redirect(convert(link)))}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : type == \"download\" ? (\n\t\t<a href={link} target=\"_blank\" download>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</a>\n\t) : (\n\t\t<button type=\"button\" disabled={disabled}>\n\t\t\t<slot name=\"start\"></slot>\n\t\t\t<slot></slot>\n\t\t\t{children}\n\t\t\t<slot name=\"end\"></slot>\n\t\t</button>\n\t)\n}\nfunction convert(path: string): string {\n\tlet result: ReturnType<typeof convert>\n\tif (path.startsWith(window.location.origin))\n\t\tresult = new URL(path).pathname\n\telse if (path.match(/^\\//))\n\t\tresult = new URL(path, window.location.origin).pathname\n\telse\n\t\tresult = new URL(`${window.location.pathname.replace(/\\/+$/, \"\")}/${path}`, window.location.origin).pathname\n\n\treturn result\n}\n\nfunction local(path: string): boolean {\n\treturn new URL(path, window.location.origin).origin == window.location.origin\n}\nexport namespace Button {\n\texport interface Properties {\n\t\tdisabled: boolean\n\t\ttype: \"link\" | \"button\" | \"download\"\n\t\tlink?: string\n\t}\n}\n"],"version":3}

package/dist/components/smoothly-app-demo.js

@@ -3,14 +3,14 @@ import { d as defineCustomElement$1H } from './p-466856c4.js';
 import { d as defineCustomElement$1G } from './p-462b875b.js';
 import { d as defineCustomElement$1F } from './p-3c7a0927.js';
 import { d as defineCustomElement$1E } from './p-9e0dd271.js';
-import { d as defineCustomElement$1D } from './p-be6d380e.js';
-import { d as defineCustomElement$1C } from './p-10a6e3b4.js';
-import { d as defineCustomElement$1B } from './p-5afc1cdb.js';
+import { d as defineCustomElement$1D } from './p-306f9cb3.js';
+import { d as defineCustomElement$1C } from './p-686ec006.js';
+import { d as defineCustomElement$1B } from './p-2c7d79f3.js';
 import { d as defineCustomElement$1A } from './p-5b16ff97.js';
 import { d as defineCustomElement$1z } from './p-ca7d6987.js';
-import { d as defineCustomElement$1y } from './p-25c47692.js';
+import { d as defineCustomElement$1y } from './p-ccb21ce6.js';
 import { d as defineCustomElement$1x } from './p-4f80c811.js';
-import { d as defineCustomElement$1w } from './p-e7f4bf69.js';
+import { d as defineCustomElement$1w } from './p-980ec6be.js';
 import { d as defineCustomElement$1v } from './p-d2d74dcd.js';
 import { d as defineCustomElement$1u } from './p-f770567b.js';
 import { d as defineCustomElement$1t } from './p-96acfe2c.js';
@@ -22,40 +22,40 @@ import { d as defineCustomElement$1o } from './p-f6149a35.js';
 import { d as defineCustomElement$1n } from './p-1c62f140.js';
 import { d as defineCustomElement$1m } from './p-5aa92290.js';
 import { d as defineCustomElement$1l } from './p-ca69a0ef.js';
-import { d as defineCustomElement$1k } from './p-be80faf1.js';
-import { d as defineCustomElement$1j } from './p-3a315e0d.js';
-import { d as defineCustomElement$1i } from './p-32e1ce99.js';
-import { d as defineCustomElement$1h } from './p-afd795e9.js';
-import { d as defineCustomElement$1g } from './p-1bd15293.js';
-import { d as defineCustomElement$1f } from './p-d3fe1762.js';
-import { d as defineCustomElement$1e } from './p-2b9f42a3.js';
-import { d as defineCustomElement$1d } from './p-3335c1e5.js';
-import { d as defineCustomElement$1c } from './p-52e7f174.js';
-import { d as defineCustomElement$1b } from './p-82e0a492.js';
-import { d as defineCustomElement$1a } from './p-4f0db835.js';
+import { d as defineCustomElement$1k } from './p-44a51525.js';
+import { d as defineCustomElement$1j } from './p-3dad2f38.js';
+import { d as defineCustomElement$1i } from './p-214c06fa.js';
+import { d as defineCustomElement$1h } from './p-4d026008.js';
+import { d as defineCustomElement$1g } from './p-ce0f05d1.js';
+import { d as defineCustomElement$1f } from './p-a509a3b5.js';
+import { d as defineCustomElement$1e } from './p-93e899e7.js';
+import { d as defineCustomElement$1d } from './p-e73af3d4.js';
+import { d as defineCustomElement$1c } from './p-702f01d3.js';
+import { d as defineCustomElement$1b } from './p-bb959ca6.js';
+import { d as defineCustomElement$1a } from './p-e3d11a1b.js';
 import { d as defineCustomElement$19 } from './p-2d60ab95.js';
 import { d as defineCustomElement$18 } from './p-c63db1c1.js';
-import { d as defineCustomElement$17 } from './p-517dfb9c.js';
+import { d as defineCustomElement$17 } from './p-29f6edb8.js';
 import { d as defineCustomElement$16 } from './p-0b16cab5.js';
 import { d as defineCustomElement$15 } from './p-b1db8b28.js';
-import { d as defineCustomElement$14 } from './p-3cd7697d.js';
-import { d as defineCustomElement$13 } from './p-6e2f3b1e.js';
-import { d as defineCustomElement$12 } from './p-025840ff.js';
+import { d as defineCustomElement$14 } from './p-09934532.js';
+import { d as defineCustomElement$13 } from './p-2b111073.js';
+import { d as defineCustomElement$12 } from './p-e59eebf8.js';
 import { d as defineCustomElement$11 } from './p-f2fc107c.js';
 import { d as defineCustomElement$10 } from './p-9b4a2430.js';
-import { d as defineCustomElement$$ } from './p-39cad705.js';
-import { d as defineCustomElement$_ } from './p-f9fe97a3.js';
-import { d as defineCustomElement$Z } from './p-0dfa98b7.js';
-import { d as defineCustomElement$Y } from './p-116f927a.js';
+import { d as defineCustomElement$$ } from './p-acb7d70d.js';
+import { d as defineCustomElement$_ } from './p-95404634.js';
+import { d as defineCustomElement$Z } from './p-62b70c3f.js';
+import { d as defineCustomElement$Y } from './p-498755ab.js';
 import { d as defineCustomElement$X } from './p-b20e3206.js';
 import { d as defineCustomElement$W } from './p-d84d93f2.js';
 import { d as defineCustomElement$V } from './p-79474a9a.js';
 import { d as defineCustomElement$U } from './p-a071eaed.js';
 import { d as defineCustomElement$T } from './p-4c8ef04f.js';
-import { d as defineCustomElement$S } from './p-db24ff3a.js';
-import { d as defineCustomElement$R } from './p-f79897b4.js';
+import { d as defineCustomElement$S } from './p-d1daa4a3.js';
+import { d as defineCustomElement$R } from './p-2738b430.js';
 import { d as defineCustomElement$Q } from './p-083143a9.js';
-import { d as defineCustomElement$P } from './p-94f31f21.js';
+import { d as defineCustomElement$P } from './p-631148b4.js';
 import { d as defineCustomElement$O } from './p-edcdcc51.js';
 import { d as defineCustomElement$N } from './p-4854855c.js';
 import { d as defineCustomElement$M } from './p-405b7f06.js';
@@ -80,30 +80,30 @@ import { d as defineCustomElement$u } from './p-550a71dc.js';
 import { d as defineCustomElement$t } from './p-d30b90e7.js';
 import { d as defineCustomElement$s } from './p-edf035be.js';
 import { d as defineCustomElement$r } from './p-c77944e7.js';
-import { d as defineCustomElement$q } from './p-c227ce6a.js';
+import { d as defineCustomElement$q } from './p-43b737be.js';
 import { d as defineCustomElement$p } from './p-cc863bad.js';
 import { d as defineCustomElement$o } from './p-ab304bad.js';
 import { d as defineCustomElement$n } from './p-72b742f3.js';
 import { d as defineCustomElement$m } from './p-5ec298f3.js';
-import { d as defineCustomElement$l } from './p-41a512ff.js';
+import { d as defineCustomElement$l } from './p-0960a2bb.js';
 import { d as defineCustomElement$k } from './p-35ddfe42.js';
 import { d as defineCustomElement$j } from './p-cd07fedf.js';
 import { d as defineCustomElement$i } from './p-2951a47f.js';
 import { d as defineCustomElement$h } from './p-681bfb09.js';
 import { d as defineCustomElement$g } from './p-90e9aa1f.js';
 import { d as defineCustomElement$f } from './p-969f9875.js';
-import { d as defineCustomElement$e } from './p-41f34075.js';
+import { d as defineCustomElement$e } from './p-8ea7eab2.js';
 import { d as defineCustomElement$d } from './p-040802e2.js';
 import { d as defineCustomElement$c } from './p-63db398c.js';
 import { d as defineCustomElement$b } from './p-97686228.js';
 import { d as defineCustomElement$a } from './p-fc152e9f.js';
 import { d as defineCustomElement$9 } from './p-6f1d2edf.js';
-import { d as defineCustomElement$8 } from './p-d3fafc96.js';
+import { d as defineCustomElement$8 } from './p-99eb5153.js';
 import { d as defineCustomElement$7 } from './p-a38dbdc4.js';
 import { d as defineCustomElement$6 } from './p-7f8fcc19.js';
-import { d as defineCustomElement$5 } from './p-662c812d.js';
-import { d as defineCustomElement$4 } from './p-47a1a01b.js';
-import { d as defineCustomElement$3 } from './p-7f4ad104.js';
+import { d as defineCustomElement$5 } from './p-41d6da47.js';
+import { d as defineCustomElement$4 } from './p-45ff39e4.js';
+import { d as defineCustomElement$3 } from './p-7514961a.js';
 import { d as defineCustomElement$2 } from './p-bfd34443.js';
 
 const SmoothlyAppDemo$1 = proxyCustomElement(class SmoothlyAppDemo extends H {

package/dist/components/smoothly-button-confirm.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-10a6e3b4.js';
+import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-686ec006.js';
 
 const SmoothlyButtonConfirm = SmoothlyButtonConfirm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-5afc1cdb.js';
+import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-2c7d79f3.js';
 
 const SmoothlyButtonDemo = SmoothlyButtonDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButton$1, d as defineCustomElement$1 } from './p-be6d380e.js';
+import { S as SmoothlyButton$1, d as defineCustomElement$1 } from './p-306f9cb3.js';
 
 const SmoothlyButton = SmoothlyButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-dialog-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-25c47692.js';
+import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-ccb21ce6.js';
 
 const SmoothlyDialogDemo = SmoothlyDialogDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-display-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-e7f4bf69.js';
+import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-980ec6be.js';
 
 const SmoothlyDisplayDemo = SmoothlyDisplayDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-all.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-3a315e0d.js';
+import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-3dad2f38.js';
 
 const SmoothlyFormDemoAll = SmoothlyFormDemoAll$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-card.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-32e1ce99.js';
+import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-214c06fa.js';
 
 const SmoothlyFormDemoCard = SmoothlyFormDemoCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-controlled.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-afd795e9.js';
+import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-4d026008.js';
 
 const SmoothlyFormDemoControlled = SmoothlyFormDemoControlled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-date-range.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-d3fe1762.js';
+import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-a509a3b5.js';
 
 const SmoothlyFormDemoDateRange = SmoothlyFormDemoDateRange$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-date.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-1bd15293.js';
+import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-ce0f05d1.js';
 
 const SmoothlyFormDemoDate = SmoothlyFormDemoDate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-login.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-2b9f42a3.js';
+import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-93e899e7.js';
 
 const SmoothlyFormDemoLogin = SmoothlyFormDemoLogin$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-pet.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-3335c1e5.js';
+import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-e73af3d4.js';
 
 const SmoothlyFormDemoPet = SmoothlyFormDemoPet$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-prices.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-52e7f174.js';
+import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-702f01d3.js';
 
 const SmoothlyFormDemoPrices = SmoothlyFormDemoPrices$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-transparent.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-82e0a492.js';
+import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-bb959ca6.js';
 
 const SmoothlyFormDemoTransparent = SmoothlyFormDemoTransparent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-typed.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-4f0db835.js';
+import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-e3d11a1b.js';
 
 const SmoothlyFormDemoTyped = SmoothlyFormDemoTyped$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-be80faf1.js';
+import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-44a51525.js';
 
 const SmoothlyFormDemo = SmoothlyFormDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-icon-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyIconDemo$1, d as defineCustomElement$1 } from './p-517dfb9c.js';
+import { S as SmoothlyIconDemo$1, d as defineCustomElement$1 } from './p-29f6edb8.js';
 
 const SmoothlyIconDemo = SmoothlyIconDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-checkbox-demo.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date } from './p-390767c7.js';
-import { d as defineCustomElement$t } from './p-be6d380e.js';
-import { d as defineCustomElement$s } from './p-10a6e3b4.js';
+import { d as defineCustomElement$t } from './p-306f9cb3.js';
+import { d as defineCustomElement$s } from './p-686ec006.js';
 import { d as defineCustomElement$r } from './p-5b16ff97.js';
 import { d as defineCustomElement$q } from './p-4f80c811.js';
 import { d as defineCustomElement$p } from './p-f770567b.js';
@@ -12,22 +12,22 @@ import { d as defineCustomElement$l } from './p-ca69a0ef.js';
 import { d as defineCustomElement$k } from './p-c63db1c1.js';
 import { d as defineCustomElement$j } from './p-0b16cab5.js';
 import { d as defineCustomElement$i } from './p-b1db8b28.js';
-import { d as defineCustomElement$h } from './p-3cd7697d.js';
-import { d as defineCustomElement$g } from './p-6e2f3b1e.js';
+import { d as defineCustomElement$h } from './p-09934532.js';
+import { d as defineCustomElement$g } from './p-2b111073.js';
 import { d as defineCustomElement$f } from './p-f2fc107c.js';
 import { d as defineCustomElement$e } from './p-9b4a2430.js';
-import { d as defineCustomElement$d } from './p-0dfa98b7.js';
-import { d as defineCustomElement$c } from './p-116f927a.js';
+import { d as defineCustomElement$d } from './p-62b70c3f.js';
+import { d as defineCustomElement$c } from './p-498755ab.js';
 import { d as defineCustomElement$b } from './p-b20e3206.js';
 import { d as defineCustomElement$a } from './p-79474a9a.js';
 import { d as defineCustomElement$9 } from './p-a071eaed.js';
 import { d as defineCustomElement$8 } from './p-4c8ef04f.js';
-import { d as defineCustomElement$7 } from './p-f79897b4.js';
+import { d as defineCustomElement$7 } from './p-2738b430.js';
 import { d as defineCustomElement$6 } from './p-083143a9.js';
-import { d as defineCustomElement$5 } from './p-94f31f21.js';
+import { d as defineCustomElement$5 } from './p-631148b4.js';
 import { d as defineCustomElement$4 } from './p-edcdcc51.js';
 import { d as defineCustomElement$3 } from './p-c77944e7.js';
-import { d as defineCustomElement$2 } from './p-47a1a01b.js';
+import { d as defineCustomElement$2 } from './p-45ff39e4.js';
 
 const SmoothlyInputCheckboxDemo$1 = proxyCustomElement(class SmoothlyInputCheckboxDemo extends H {
     constructor() {

package/dist/components/smoothly-input-clear.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputClear$1, d as defineCustomElement$1 } from './p-3cd7697d.js';
+import { S as SmoothlyInputClear$1, d as defineCustomElement$1 } from './p-09934532.js';
 
 const SmoothlyInputClear = SmoothlyInputClear$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-color-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-025840ff.js';
+import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-e59eebf8.js';
 
 const SmoothlyInputColorDemo = SmoothlyInputColorDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-color.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputColor$1, d as defineCustomElement$1 } from './p-6e2f3b1e.js';
+import { S as SmoothlyInputColor$1, d as defineCustomElement$1 } from './p-2b111073.js';
 
 const SmoothlyInputColor = SmoothlyInputColor$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-demo-standard.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-f9fe97a3.js';
+import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-95404634.js';
 
 const SmoothlyInputDemoStandard = SmoothlyInputDemoStandard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-39cad705.js';
+import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-acb7d70d.js';
 
 const SmoothlyInputDemo = SmoothlyInputDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-edit.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputEdit$1, d as defineCustomElement$1 } from './p-0dfa98b7.js';
+import { S as SmoothlyInputEdit$1, d as defineCustomElement$1 } from './p-62b70c3f.js';
 
 const SmoothlyInputEdit = SmoothlyInputEdit$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-file.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputFile$1, d as defineCustomElement$1 } from './p-116f927a.js';
+import { S as SmoothlyInputFile$1, d as defineCustomElement$1 } from './p-498755ab.js';
 
 const SmoothlyInputFile = SmoothlyInputFile$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-range-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputRangeDemo$1, d as defineCustomElement$1 } from './p-db24ff3a.js';
+import { S as SmoothlyInputRangeDemo$1, d as defineCustomElement$1 } from './p-d1daa4a3.js';
 
 const SmoothlyInputRangeDemo = SmoothlyInputRangeDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-reset.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputReset$1, d as defineCustomElement$1 } from './p-f79897b4.js';
+import { S as SmoothlyInputReset$1, d as defineCustomElement$1 } from './p-2738b430.js';
 
 const SmoothlyInputReset = SmoothlyInputReset$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-submit.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputSubmit$1, d as defineCustomElement$1 } from './p-94f31f21.js';
+import { S as SmoothlyInputSubmit$1, d as defineCustomElement$1 } from './p-631148b4.js';
 
 const SmoothlyInputSubmit = SmoothlyInputSubmit$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-submit.js

@@ -1,4 +1,4 @@
-import { S as SmoothlySubmit$1, d as defineCustomElement$1 } from './p-c227ce6a.js';
+import { S as SmoothlySubmit$1, d as defineCustomElement$1 } from './p-43b737be.js';
 
 const SmoothlySubmit = SmoothlySubmit$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-table-demo.js

@@ -1,4 +1,4 @@
-import { T as TableDemo, d as defineCustomElement$1 } from './p-41a512ff.js';
+import { T as TableDemo, d as defineCustomElement$1 } from './p-0960a2bb.js';
 
 const SmoothlyTableDemo = TableDemo;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-table-testing.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyTableTesting$1, d as defineCustomElement$1 } from './p-41f34075.js';
+import { S as SmoothlyTableTesting$1, d as defineCustomElement$1 } from './p-8ea7eab2.js';
 
 const SmoothlyTableTesting = SmoothlyTableTesting$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-theme-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyThemeDemo$1, d as defineCustomElement$1 } from './p-d3fafc96.js';
+import { S as SmoothlyThemeDemo$1, d as defineCustomElement$1 } from './p-99eb5153.js';
 
 const SmoothlyThemeDemo = SmoothlyThemeDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-toggle-switch-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyToggleSwitchDemo$1, d as defineCustomElement$1 } from './p-7f4ad104.js';
+import { S as SmoothlyToggleSwitchDemo$1, d as defineCustomElement$1 } from './p-7514961a.js';
 
 const SmoothlyToggleSwitchDemo = SmoothlyToggleSwitchDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-toggle-switch.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyToggleSwitch$1, d as defineCustomElement$1 } from './p-47a1a01b.js';
+import { S as SmoothlyToggleSwitch$1, d as defineCustomElement$1 } from './p-45ff39e4.js';
 
 const SmoothlyToggleSwitch = SmoothlyToggleSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-toggle.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyToggle$1, d as defineCustomElement$1 } from './p-662c812d.js';
+import { S as SmoothlyToggle$1, d as defineCustomElement$1 } from './p-41d6da47.js';
 
 const SmoothlyToggle = SmoothlyToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/smoothly-app_107.entry.js

@@ -1664,7 +1664,7 @@ const Button = ({ disabled, type, link }, children) => {
         h("slot", { name: "start" }),
         h("slot", null),
         children,
-        h("slot", { name: "end" }))) : (h("button", { disabled: disabled },
+        h("slot", { name: "end" }))) : (h("button", { type: "button", disabled: disabled },
         h("slot", { name: "start" }),
         h("slot", null),
         children,
@@ -12853,7 +12853,7 @@ const SmoothlyToggle = class {
         this.selected = !this.selected;
     }
     render() {
-        return (h("button", { key: '2efd61c63509a64d916bdfa7282086f221954d99' }, h("slot", { key: 'ba6dbb633c4aef4767f31689d9363fc60ebfd251', name: "icon-slot" }), h("slot", { key: '284702ac87b5503617d9d117d355a17c8e1022a7' }, this.name)));
+        return (h("button", { key: '1197f56c537ebeac3d65e66f329eab2efe5bd5bd', type: "button" }, h("slot", { key: '9e7d5c1bd176809c47809577281397fdb549c802', name: "icon-slot" }), h("slot", { key: 'cedb75a43b1cdbe42460ac64964b3de48c962181' }, this.name)));
     }
 };
 SmoothlyToggle.style = SmoothlyToggleStyle0;
@@ -12877,7 +12877,7 @@ const SmoothlyToggleSwitch = class {
         this.smoothlyToggleSwitchChange.emit(this.selected);
     }
     render() {
-        return (h(Host, { key: '96fc3020027e002266e463f12602426620acc78c' }, h("button", { key: 'ddb780e16758cfc4f0cf10fd49bef80797896011', disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: '5dd8ad2203bc8f14d718f568c2db43640a155747', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
+        return (h(Host, { key: '96fc3020027e002266e463f12602426620acc78c' }, h("button", { key: '54935f0112f0b8f5b9206929ed802900543a93e1', type: "button", disabled: this.disabled, onClick: () => this.handleClick() }, h("smoothly-icon", { key: 'c978637753cd03f94fe222b3d4e9a0932f994bde', color: this.color, name: !this.checkmark ? "ellipse" : this.selected ? "checkmark-circle" : "close-circle", fill: "clear", class: { selected: this.selected } }))));
     }
 };
 SmoothlyToggleSwitch.style = SmoothlyToggleSwitchStyle0;