npm - smoothly - Versions diffs - 1.2.1-alpha.22 → 1.2.1-alpha.24 - Mend

smoothly 1.2.1-alpha.22 → 1.2.1-alpha.24

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

Files changed (379) hide show

package/dist/components/{p-ac285959.js → p-5a3bdf21.js} RENAMED Viewed

@@ -1,33 +1,33 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f765921a.js';
-import { R as RGB } from './p-ca19ed60.js';
-import { d as defineCustomElement$s } from './p-6da87c78.js';
-import { d as defineCustomElement$r } from './p-531fa770.js';
-import { d as defineCustomElement$q } from './p-0a1466e3.js';
-import { d as defineCustomElement$p } from './p-58c24d57.js';
-import { d as defineCustomElement$o } from './p-938c06a2.js';
-import { d as defineCustomElement$n } from './p-76076037.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-fa34f451.js';
+import { d as defineCustomElement$q } from './p-cc608e51.js';
+import { d as defineCustomElement$p } from './p-98279044.js';
+import { d as defineCustomElement$o } from './p-5666c538.js';
+import { d as defineCustomElement$n } from './p-fe1bc9d5.js';
 import { d as defineCustomElement$m } from './p-1826dd84.js';
 import { d as defineCustomElement$l } from './p-349fa13f.js';
-import { d as defineCustomElement$k } from './p-c5519ec1.js';
-import { d as defineCustomElement$j } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$i } from './p-34b2eda8.js';
-import { d as defineCustomElement$h } from './p-d062ac7b.js';
-import { d as defineCustomElement$g } from './p-283f43bb.js';
-import { d as defineCustomElement$f } from './p-918ddb21.js';
-import { d as defineCustomElement$e } from './p-fbd4a12b.js';
-import { d as defineCustomElement$d } from './p-ce03e4d0.js';
-import { d as defineCustomElement$c } from './p-43b0c35c.js';
-import { d as defineCustomElement$b } from './p-4d285afc.js';
-import { d as defineCustomElement$a } from './p-4d4b4a0a.js';
-import { d as defineCustomElement$9 } from './p-137b3421.js';
-import { d as defineCustomElement$8 } from './p-092b23d2.js';
-import { d as defineCustomElement$7 } from './p-fc98f7be.js';
+import { d as defineCustomElement$k } from './p-80b231e3.js';
+import { d as defineCustomElement$j } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$i } from './p-9c8ff26d.js';
+import { d as defineCustomElement$h } from './p-957188b3.js';
+import { d as defineCustomElement$g } from './p-904e4b38.js';
+import { d as defineCustomElement$f } from './p-46912f14.js';
+import { d as defineCustomElement$e } from './p-78a3eb0a.js';
+import { d as defineCustomElement$d } from './p-4ed54d65.js';
+import { d as defineCustomElement$c } from './p-7cf8c0f7.js';
+import { d as defineCustomElement$b } from './p-3442e053.js';
+import { d as defineCustomElement$a } from './p-43c910c5.js';
+import { d as defineCustomElement$9 } from './p-0210b94d.js';
+import { d as defineCustomElement$8 } from './p-d2471133.js';
+import { d as defineCustomElement$7 } from './p-23fbd92e.js';
 import { d as defineCustomElement$6 } from './p-88442020.js';
 import { d as defineCustomElement$5 } from './p-e32f8664.js';
-import { d as defineCustomElement$4 } from './p-eccb82fa.js';
-import { d as defineCustomElement$3 } from './p-f40a3efd.js';
+import { d as defineCustomElement$4 } from './p-114fa5c2.js';
+import { d as defineCustomElement$3 } from './p-f1979b62.js';
 import { d as defineCustomElement$2 } from './p-d9b4a9de.js';
-import { d as defineCustomElement$1 } from './p-089f64c2.js';
+import { d as defineCustomElement$1 } from './p-35124e90.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-ac285959.js.map
+//# sourceMappingURL=p-5a3bdf21.js.map

package/dist/components/{p-ac285959.js.map → p-5a3bdf21.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-ac285959.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}
1	+ {"file":"p-5a3bdf21.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-eb3d2060.js → p-5f8480af.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { d as defineCustomElement$6 } from './p-6f69fc7d.js';
 import { d as defineCustomElement$5 } from './p-c0063da9.js';
 import { d as defineCustomElement$4 } from './p-52b80bf5.js';
 import { d as defineCustomElement$3 } from './p-953eb5d8.js';
-import { d as defineCustomElement$2 } from './p-e451a0b5.js';
+import { d as defineCustomElement$2 } from './p-7902ae4f.js';
 import { d as defineCustomElement$1 } from './p-ad504cb6.js';
 const styleCss = ".sc-smoothly-next-demo-nested-inner-h{display:block;margin:1em auto;width:60%}";
@@ -70,4 +70,4 @@ defineCustomElement();
 export { SmoothlyNextDemoNestedInner as S, defineCustomElement as d };
-//# sourceMappingURL=p-eb3d2060.js.map
+//# sourceMappingURL=p-5f8480af.js.map

package/dist/components/{p-eb3d2060.js.map → p-5f8480af.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~eb3d2060~~.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/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-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\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-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-5f8480af.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,gFAAgF,CAAC;AAClG,0CAAe,QAAQ;;MCMV,2BAA2B;;;;;;IAOvC,MAAM;;QACL,QACC,EAAC,IAAI,uDACJ,4EAAqB,OAAO,EAAE,CAAC,IAC9B,mFACC,kFACC,wFAAuD,EACvD,0FAAyD,EACzD,yFAAwD,EACxD,6FAA4D,CACnC,CACA,EAC3B,mFACE,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,KAAK,KACpB,8CACC,oCAA2B,KAAK,CAAC,EAAE,CAA4B,EAC/D,oCAA2B,KAAK,CAAC,IAAI,CAA4B,EACjE,oCAA2B,KAAK,CAAC,GAAG,CAA4B,EAChE,oCAA2B,KAAK,CAAC,OAAO,CAA4B,CAChC,CACrC,CAAC,CACwB,CACN,CAChB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/next/demo/nested/inner/style.css?tag=smoothly-next-demo-nested-inner&encapsulation=scoped","src/components/next/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-next-demo-nested-inner\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextDemoNestedInner {\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-next-table columns={4}>\n\t\t\t\t\t<smoothly-next-table-head>\n\t\t\t\t\t\t<smoothly-next-table-row>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Id</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Name</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Age</smoothly-next-table-cell>\n\t\t\t\t\t\t\t<smoothly-next-table-cell>Balance</smoothly-next-table-cell>\n\t\t\t\t\t\t</smoothly-next-table-row>\n\t\t\t\t\t</smoothly-next-table-head>\n\t\t\t\t\t<smoothly-next-table-body>\n\t\t\t\t\t\t{this.data?.map(entry => (\n\t\t\t\t\t\t\t<smoothly-next-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.id}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.name}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.age}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-next-table-cell>{entry.balance}</smoothly-next-table-cell>\n\t\t\t\t\t\t\t</smoothly-next-table-expandable-row>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</smoothly-next-table-body>\n\t\t\t\t</smoothly-next-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-d3edfccf.js → p-61a1fd24.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$8 } from './p-6da87c78.js';
-import { d as defineCustomElement$7 } from './p-531fa770.js';
-import { d as defineCustomElement$6 } from './p-c5519ec1.js';
-import { d as defineCustomElement$5 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$4 } from './p-34b2eda8.js';
-import { d as defineCustomElement$3 } from './p-3851d6af.js';
-import { d as defineCustomElement$2 } from './p-fc98f7be.js';
+import { d as defineCustomElement$8 } from './p-be6d380e.js';
+import { d as defineCustomElement$7 } from './p-fa34f451.js';
+import { d as defineCustomElement$6 } from './p-80b231e3.js';
+import { d as defineCustomElement$5 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$4 } from './p-9c8ff26d.js';
+import { d as defineCustomElement$3 } from './p-17575bc3.js';
+import { d as defineCustomElement$2 } from './p-23fbd92e.js';
 import { d as defineCustomElement$1 } from './p-e32f8664.js';
 const SmoothlyFormDemoLogin = proxyCustomElement(class SmoothlyFormDemoLogin extends H {
@@ -74,4 +74,4 @@ defineCustomElement();
 export { SmoothlyFormDemoLogin as S, defineCustomElement as d };
-//# sourceMappingURL=p-d3edfccf.js.map
+//# sourceMappingURL=p-61a1fd24.js.map

package/dist/components/{p-d3edfccf.js.map → p-61a1fd24.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~d3edfccf~~.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EAClG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-61a1fd24.js","mappings":";;;;;;;;;;MAMa,qBAAqB;;;;;IACjC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,sEAAe,KAAK,EAAC,QAAQ,IAC5B,uEAAgB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,UAAU,eAE1B,EACjB,uEAAgB,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,eAE9B,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAwB,EAClG,8EAAuB,IAAI,EAAC,QAAQ,GAAyB,CAC9C,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/login/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-login\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoLogin {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Login</h2>\n\t\t\t\t<smoothly-form looks=\"border\">\n\t\t\t\t\t<smoothly-input type=\"text\" name=\"username\">\n\t\t\t\t\t\tUsername\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"password\" name=\"password\">\n\t\t\t\t\t\tPassword\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" type=\"form\" size=\"icon\" color=\"warning\"></smoothly-input-reset>\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\"></smoothly-input-submit>\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a08bf822.js → p-6b3ea12e.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$1 } from './p-f8b6cc8e.js';
+import { d as defineCustomElement$1 } from './p-1ccb9b5d.js';
 const styleCss = ".sc-smoothly-table-expandable-cell-h{display:table-cell;padding:0.3rem 0.5rem 0.3rem 0.2rem;cursor:pointer;line-height:1.5rem}.sc-smoothly-table-expandable-cell-h:not([open]){box-shadow:0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}[open].sc-smoothly-table-expandable-cell-h{position:relative;z-index:3;background-color:rgb(var(--smoothly-color));box-shadow:1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{width:1em;padding-right:0.3rem;transition:transform 0.2s, opacity 0.1s;display:flex;height:auto;aspect-ratio:1 / 1;align-self:center;opacity:0.3}.sc-smoothly-table-expandable-cell-h:hover>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{opacity:1}[open].sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell>smoothly-icon.sc-smoothly-table-expandable-cell{transform:rotate(90deg) translateX(3px)}.sc-smoothly-table-expandable-cell-h>div.sc-smoothly-table-expandable-cell{display:grid;grid-template-columns:auto 1fr;align-items:center}.sc-smoothly-table-expandable-cell-h:not([open])>tr.sc-smoothly-table-expandable-cell>td.sc-smoothly-table-expandable-cell{display:none}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*{--expansion-width:1.5rem;--expansion-border-width:3px;position:relative;background-color:rgb(var(--smoothly-color));width:calc(100% + 3rem - 1px);top:1px;left:calc(-1 * var(--expansion-width) + 1px);box-sizing:border-box;padding:0.5rem calc(var(--expansion-width) - 1px);border-bottom:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr.spotlight>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset}smoothly-table-row>tr:not(.spotlight)>td.sc-smoothly-table-expandable-cell-s>*{box-shadow:-1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::before{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;left:-1px;width:calc(var(--expansion-width) + 1px);border-top:1px solid rgb(var(--smoothly-color-shade))}smoothly-table-row>tr>td.sc-smoothly-table-expandable-cell-s>*::after{content:\"\";position:absolute;display:flex;top:-1px;bottom:0;right:0;width:calc(var(--expansion-width) - 1px);border-top:1px solid rgb(var(--smoothly-color-shade));border-right:1px solid rgb(var(--smoothly-color-shade))}smoothly-table[align=bottom] .sc-smoothly-table-expandable-cell-h{vertical-align:bottom}smoothly-table[align=middle] .sc-smoothly-table-expandable-cell-h{vertical-align:middle}smoothly-table[align=top] .sc-smoothly-table-expandable-cell-h{vertical-align:top}";
 const SmoothlyTableExpandableCellStyle0 = styleCss;
@@ -85,4 +85,4 @@ defineCustomElement();
 export { TableExpandableCell as T, defineCustomElement as d };
-//# sourceMappingURL=p-a08bf822.js.map
+//# sourceMappingURL=p-6b3ea12e.js.map

package/dist/components/{p-a08bf822.js.map → p-6b3ea12e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a08bf822~~.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,y3FAAy3F,CAAC;AAC34F,0CAAe,QAAQ;;MCkBV,mBAAmB;;;;;;;;8BAIL,IAAI;yBACT,IAAI;;;IAOzB,WAAW,CAAC,KAAc;QACzB,IAAI,IAAI,CAAC,gBAAgB;YACxB,IAAI,KAAK;gBACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;;gBAErB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAC5C,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC7C;IAGD,eAAe;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAA;KACjD;IACD,iBAAiB;QAChB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAA;QACjC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;YAChC,cAAc,EAAE,CAAC,OAAgB,MAAM,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;SACrE,CAAC,CAAA;KACF;IACD,kBAAkB;QACjB,IAAI,IAAI,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACtB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;SACtD;KACD;IAED,OAAO;QACN,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;KACtB;IAED,iBAAiB,CAAC,KAAgD;QACjE,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,sEAAe,IAAI,EAAC,uBAAuB,GAAiB,EAC5D,8DAAa,CACR,EACN,2DAAI,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAC9E,2DAAI,OAAO,EAAE,GAAG,IACf,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD,CACC,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.css?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tpadding: 0.3rem 0.5rem 0.3rem 0.2rem;\n\tcursor: pointer;\n\tline-height: 1.5rem;\n}\n:host:not([open]) {\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset;\n}\n:host[open] {\n\tposition: relative;\n\tz-index: 3;\n\tbackground-color: rgb(var(--smoothly-color));\n\tbox-shadow: 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset;\n}\n:host > div > smoothly-icon {\n\twidth: 1em;\n\tpadding-right: 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\tdisplay: flex;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\talign-self: center;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\n:host[open] > div > smoothly-icon {\n\ttransform: rotate(90deg) translateX(3px);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\talign-items: center;\n}\n:host:not([open]) > tr > td {\n\tdisplay: none;\n}\nsmoothly-table-row > tr > td::slotted() {\n\t--expansion-width: 1.5rem;\n\t--expansion-border-width: 3px;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-color));\n\twidth: calc(100% + 3rem - 1px);\n\ttop: 1px;\n\tleft: calc(-1 var(--expansion-width) + 1px);\n\tbox-sizing: border-box;\n\tpadding: 0.5rem calc(var(--expansion-width) - 1px);\n\tborder-bottom: 1px solid rgb(var(--smoothly-color-shade));\n}\nsmoothly-table-row > tr.spotlight > td::slotted() {\n\tbox-shadow: calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset;\n}\nsmoothly-table-row > tr:not(.spotlight) > td::slotted() {\n\tbox-shadow: -1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color));\n}\nsmoothly-table-row > tr > td::slotted()::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: -1px;\n\tbottom: 0;\n\tleft: -1px;\n\twidth: calc(var(--expansion-width) + 1px);\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n}\nsmoothly-table-row > tr > td::slotted()::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: -1px;\n\tbottom: 0;\n\tright: 0;\n\twidth: calc(var(--expansion-width) - 1px);\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n\tborder-right: 1px solid rgb(var(--smoothly-color-shade));\n}\n\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableExpandableCell implements ComponentWillLoad {\n\tprivate expansionElement?: HTMLTableRowElement\n\tprivate beginOpen: boolean\n\t@Element() element: HTMLSmoothlyTableExpandableCellElement\n\t@State() allowSpotlight = true\n\t@State() spotlight = true\n\t@Prop({ mutable: true, reflect: true }) open: boolean\n\t@Event() smoothlyExpansionOpen: EventEmitter<HTMLElement>\n\t@Event() smoothlyExpansionLoad: EventEmitter<void>\n\t@Event() smoothlyExpandableChange: EventEmitter<boolean>\n\t@Event() smoothlyExpandableLoad: EventEmitter<{ allowSpotlight: (allowed: boolean) => void }>\n\t@Watch(\"open\")\n\topenChanged(value: boolean) {\n\t\tif (this.expansionElement)\n\t\t\tif (value)\n\t\t\t\tthis.beginOpen = true\n\t\t\telse\n\t\t\t\tthis.element.append(this.expansionElement)\n\t\tthis.smoothlyExpandableChange.emit(this.open)\n\t}\n\t@Watch(\"open\")\n\t@Watch(\"allowSpotlight\")\n\thandleSpotlight() {\n\t\tthis.spotlight = this.open && this.allowSpotlight\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyExpansionLoad.emit()\n\t\tthis.smoothlyExpandableLoad.emit({\n\t\t\tallowSpotlight: (allowed: boolean) => (this.allowSpotlight = allowed),\n\t\t})\n\t}\n\tcomponentDidRender(): void {\n\t\tif (this.beginOpen) {\n\t\t\tthis.beginOpen = false\n\t\t\tthis.smoothlyExpansionOpen.emit(this.expansionElement)\n\t\t}\n\t}\n\t@Listen(\"click\")\n\tonClick() {\n\t\tthis.open = !this.open\n\t}\n\t@Listen(\"smoothlyTableLoad\")\n\thandleTableLoaded(event: CustomEvent<(owner: EventTarget) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this.element)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\"></smoothly-icon>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t\t<tr class={{ spotlight: this.spotlight }} ref={e => (this.expansionElement = e)}>\n\t\t\t\t\t<td colSpan={999}>\n\t\t\t\t\t\t<slot name=\"detail\"></slot>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-6b3ea12e.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,y3FAAy3F,CAAC;AAC34F,0CAAe,QAAQ;;MCkBV,mBAAmB;;;;;;;;8BAIL,IAAI;yBACT,IAAI;;;IAOzB,WAAW,CAAC,KAAc;QACzB,IAAI,IAAI,CAAC,gBAAgB;YACxB,IAAI,KAAK;gBACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;;gBAErB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAC5C,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC7C;IAGD,eAAe;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAA;KACjD;IACD,iBAAiB;QAChB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAA;QACjC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;YAChC,cAAc,EAAE,CAAC,OAAgB,MAAM,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC;SACrE,CAAC,CAAA;KACF;IACD,kBAAkB;QACjB,IAAI,IAAI,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACtB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;SACtD;KACD;IAED,OAAO;QACN,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;KACtB;IAED,iBAAiB,CAAC,KAAgD;QACjE,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,sEAAe,IAAI,EAAC,uBAAuB,GAAiB,EAC5D,8DAAa,CACR,EACN,2DAAI,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAC9E,2DAAI,OAAO,EAAE,GAAG,IACf,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACD,CACC,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table/expandable/cell/style.css?tag=smoothly-table-expandable-cell&encapsulation=scoped","src/components/table/expandable/cell/index.tsx"],"sourcesContent":[":host {\n\tdisplay: table-cell;\n\tpadding: 0.3rem 0.5rem 0.3rem 0.2rem;\n\tcursor: pointer;\n\tline-height: 1.5rem;\n}\n:host:not([open]) {\n\tbox-shadow: 0 1px 0 0 rgb(var(--smoothly-color-shade)), 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset;\n}\n:host[open] {\n\tposition: relative;\n\tz-index: 3;\n\tbackground-color: rgb(var(--smoothly-color));\n\tbox-shadow: 1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, -1px 0 0 0 rgb(var(--smoothly-color-shade)) inset, 0 1px 0 0 rgb(var(--smoothly-color-shade)) inset;\n}\n:host > div > smoothly-icon {\n\twidth: 1em;\n\tpadding-right: 0.3rem;\n\ttransition: transform 0.2s, opacity 0.1s;\n\tdisplay: flex;\n\theight: auto;\n\taspect-ratio: 1 / 1;\n\talign-self: center;\n\topacity: 0.3;\n}\n:host:hover > div > smoothly-icon {\n\topacity: 1;\n}\n:host[open] > div > smoothly-icon {\n\ttransform: rotate(90deg) translateX(3px);\n}\n:host > div {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\talign-items: center;\n}\n:host:not([open]) > tr > td {\n\tdisplay: none;\n}\nsmoothly-table-row > tr > td::slotted() {\n\t--expansion-width: 1.5rem;\n\t--expansion-border-width: 3px;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-color));\n\twidth: calc(100% + 3rem - 1px);\n\ttop: 1px;\n\tleft: calc(-1 var(--expansion-width) + 1px);\n\tbox-sizing: border-box;\n\tpadding: 0.5rem calc(var(--expansion-width) - 1px);\n\tborder-bottom: 1px solid rgb(var(--smoothly-color-shade));\n}\nsmoothly-table-row > tr.spotlight > td::slotted() {\n\tbox-shadow: calc(var(--expansion-border-width)) 0 0 0 rgb(var(--smoothly-tertiary-color)) inset;\n}\nsmoothly-table-row > tr:not(.spotlight) > td::slotted() {\n\tbox-shadow: -1px 0 0 0 rgb(var(--smoothly-tertiary-color)), 1px 0 0 0 rgb(var(--smoothly-tertiary-color));\n}\nsmoothly-table-row > tr > td::slotted()::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: -1px;\n\tbottom: 0;\n\tleft: -1px;\n\twidth: calc(var(--expansion-width) + 1px);\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n}\nsmoothly-table-row > tr > td::slotted()::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tdisplay: flex;\n\ttop: -1px;\n\tbottom: 0;\n\tright: 0;\n\twidth: calc(var(--expansion-width) - 1px);\n\tborder-top: 1px solid rgb(var(--smoothly-color-shade));\n\tborder-right: 1px solid rgb(var(--smoothly-color-shade));\n}\n\nsmoothly-table[align=bottom] :host {\n\tvertical-align: bottom;\n}\nsmoothly-table[align=middle] :host {\n\tvertical-align: middle;\n}\nsmoothly-table[align=top] :host {\n\tvertical-align: top;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-expandable-cell\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class TableExpandableCell implements ComponentWillLoad {\n\tprivate expansionElement?: HTMLTableRowElement\n\tprivate beginOpen: boolean\n\t@Element() element: HTMLSmoothlyTableExpandableCellElement\n\t@State() allowSpotlight = true\n\t@State() spotlight = true\n\t@Prop({ mutable: true, reflect: true }) open: boolean\n\t@Event() smoothlyExpansionOpen: EventEmitter<HTMLElement>\n\t@Event() smoothlyExpansionLoad: EventEmitter<void>\n\t@Event() smoothlyExpandableChange: EventEmitter<boolean>\n\t@Event() smoothlyExpandableLoad: EventEmitter<{ allowSpotlight: (allowed: boolean) => void }>\n\t@Watch(\"open\")\n\topenChanged(value: boolean) {\n\t\tif (this.expansionElement)\n\t\t\tif (value)\n\t\t\t\tthis.beginOpen = true\n\t\t\telse\n\t\t\t\tthis.element.append(this.expansionElement)\n\t\tthis.smoothlyExpandableChange.emit(this.open)\n\t}\n\t@Watch(\"open\")\n\t@Watch(\"allowSpotlight\")\n\thandleSpotlight() {\n\t\tthis.spotlight = this.open && this.allowSpotlight\n\t}\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyExpansionLoad.emit()\n\t\tthis.smoothlyExpandableLoad.emit({\n\t\t\tallowSpotlight: (allowed: boolean) => (this.allowSpotlight = allowed),\n\t\t})\n\t}\n\tcomponentDidRender(): void {\n\t\tif (this.beginOpen) {\n\t\t\tthis.beginOpen = false\n\t\t\tthis.smoothlyExpansionOpen.emit(this.expansionElement)\n\t\t}\n\t}\n\t@Listen(\"click\")\n\tonClick() {\n\t\tthis.open = !this.open\n\t}\n\t@Listen(\"smoothlyTableLoad\")\n\thandleTableLoaded(event: CustomEvent<(owner: EventTarget) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this.element)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-icon name=\"caret-forward-outline\"></smoothly-icon>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t\t<tr class={{ spotlight: this.spotlight }} ref={e => (this.expansionElement = e)}>\n\t\t\t\t\t<td colSpan={999}>\n\t\t\t\t\t\t<slot name=\"detail\"></slot>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-8edc879e.js → p-6c5bd721.js} RENAMED Viewed

@@ -1,34 +1,34 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$x } from './p-58c24d57.js';
-import { d as defineCustomElement$w } from './p-938c06a2.js';
-import { d as defineCustomElement$v } from './p-76076037.js';
+import { d as defineCustomElement$x } from './p-98279044.js';
+import { d as defineCustomElement$w } from './p-5666c538.js';
+import { d as defineCustomElement$v } from './p-fe1bc9d5.js';
 import { d as defineCustomElement$u } from './p-1826dd84.js';
 import { d as defineCustomElement$t } from './p-349fa13f.js';
-import { d as defineCustomElement$s } from './p-26b64015.js';
-import { d as defineCustomElement$r } from './p-292bffec.js';
-import { d as defineCustomElement$q } from './p-8362e6ea.js';
-import { d as defineCustomElement$p } from './p-f7691a04.js';
-import { d as defineCustomElement$o } from './p-a74bdd1f.js';
-import { d as defineCustomElement$n } from './p-c5519ec1.js';
-import { d as defineCustomElement$m } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$l } from './p-34b2eda8.js';
-import { d as defineCustomElement$k } from './p-092b23d2.js';
+import { d as defineCustomElement$s } from './p-ee8127cd.js';
+import { d as defineCustomElement$r } from './p-89505ec7.js';
+import { d as defineCustomElement$q } from './p-174e1154.js';
+import { d as defineCustomElement$p } from './p-c4395e67.js';
+import { d as defineCustomElement$o } from './p-c05a03ab.js';
+import { d as defineCustomElement$n } from './p-80b231e3.js';
+import { d as defineCustomElement$m } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$l } from './p-9c8ff26d.js';
+import { d as defineCustomElement$k } from './p-d2471133.js';
 import { d as defineCustomElement$j } from './p-88442020.js';
 import { d as defineCustomElement$i } from './p-8da9fa74.js';
 import { d as defineCustomElement$h } from './p-249f6b83.js';
-import { d as defineCustomElement$g } from './p-0bed7501.js';
-import { d as defineCustomElement$f } from './p-6f488a68.js';
-import { d as defineCustomElement$e } from './p-e5ac7847.js';
-import { d as defineCustomElement$d } from './p-eb3d2060.js';
-import { d as defineCustomElement$c } from './p-c5beaa82.js';
+import { d as defineCustomElement$g } from './p-df119a54.js';
+import { d as defineCustomElement$f } from './p-3851c98c.js';
+import { d as defineCustomElement$e } from './p-98cb1594.js';
+import { d as defineCustomElement$d } from './p-5f8480af.js';
+import { d as defineCustomElement$c } from './p-383f1e16.js';
 import { d as defineCustomElement$b } from './p-6f69fc7d.js';
 import { d as defineCustomElement$a } from './p-c0063da9.js';
 import { d as defineCustomElement$9 } from './p-52b80bf5.js';
-import { d as defineCustomElement$8 } from './p-96e2307f.js';
+import { d as defineCustomElement$8 } from './p-e40f6d2b.js';
 import { d as defineCustomElement$7 } from './p-db9b16c7.js';
 import { d as defineCustomElement$6 } from './p-953eb5d8.js';
 import { d as defineCustomElement$5 } from './p-29eacd31.js';
-import { d as defineCustomElement$4 } from './p-e451a0b5.js';
+import { d as defineCustomElement$4 } from './p-7902ae4f.js';
 import { d as defineCustomElement$3 } from './p-ad504cb6.js';
 import { d as defineCustomElement$2 } from './p-49a0a4cd.js';
 import { d as defineCustomElement$1 } from './p-e32f8664.js';
@@ -228,4 +228,4 @@ defineCustomElement();
 export { SmoothlyNextDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-8edc879e.js.map
+//# sourceMappingURL=p-6c5bd721.js.map

package/dist/components/{p-8edc879e.js.map → p-6c5bd721.js.map} RENAMED Viewed

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

package/dist/components/{p-5d3caa35.js → p-73862f4b.js} RENAMED Viewed

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { A as Alpha2, D as Date } from './p-99f89f10.js';
-import { f as from } from './p-876d64b3.js';
-import { o as object, s as string } from './p-82c01297.js';
-import { n as number, f as fromIs } from './p-ca19ed60.js';
-import { d as defineCustomElement$d } from './p-6da87c78.js';
-import { d as defineCustomElement$c } from './p-531fa770.js';
-import { d as defineCustomElement$b } from './p-0a1466e3.js';
-import { d as defineCustomElement$a } from './p-c5519ec1.js';
-import { d as defineCustomElement$9 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$8 } from './p-34b2eda8.js';
-import { d as defineCustomElement$7 } from './p-918ddb21.js';
-import { d as defineCustomElement$6 } from './p-43b0c35c.js';
-import { d as defineCustomElement$5 } from './p-3851d6af.js';
-import { d as defineCustomElement$4 } from './p-092b23d2.js';
-import { d as defineCustomElement$3 } from './p-fc98f7be.js';
+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-8e1e509d.js';
+import { d as defineCustomElement$d } from './p-be6d380e.js';
+import { d as defineCustomElement$c } from './p-fa34f451.js';
+import { d as defineCustomElement$b } from './p-cc608e51.js';
+import { d as defineCustomElement$a } from './p-80b231e3.js';
+import { d as defineCustomElement$9 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$8 } from './p-9c8ff26d.js';
+import { d as defineCustomElement$7 } from './p-46912f14.js';
+import { d as defineCustomElement$6 } from './p-7cf8c0f7.js';
+import { d as defineCustomElement$5 } from './p-17575bc3.js';
+import { d as defineCustomElement$4 } from './p-d2471133.js';
+import { d as defineCustomElement$3 } from './p-23fbd92e.js';
 import { d as defineCustomElement$2 } from './p-88442020.js';
 import { d as defineCustomElement$1 } from './p-e32f8664.js';
@@ -36,7 +36,7 @@ const SmoothlyFormDemoTyped = proxyCustomElement(class SmoothlyFormDemoTyped ext
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '863d42c367fa028fa1300469261155b3656317f0' }, h("h2", { key: 'c09c96c4d46e4ae793da5590177ee27a83a47344' }, "Typed Contact"), h("smoothly-form", { key: 'a573e17c47c9caa1edfffb45db48d5562994e9d7', validator: Contact.type }, h("smoothly-input", { key: 'af05cca00bc6b389964cb6421b6eea0c98f2777e', name: "name.first" }, "First Name"), h("smoothly-input", { key: '5b41c244e61776ce742beae0303ad32e9a400559', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '6731f9d7aa683d0cc21b10e25af363e44e5d28d1', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '76891da3232bb6220866a3c2a5532447133d52e5', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'b5685795e011d37898da248d444c423fb3d79601', name: "country" }, h("span", { key: '73a337495ffd988b65a989bf30fd9304e5262ccb', slot: "label" }, "Country"), Alpha2.types.map(country => (h("smoothly-item", { value: country }, from(country))))), h("smoothly-input-date", { key: 'f77ee0ee979fb302dfa01958c8847cf78704e18c', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: 'c4584f57c38a939b2417be9193981fd1d531b325', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: '61d1ab1a391b3a5e1bf3ba7a8e36701f87930d24', slot: "submit", size: "icon", color: "success" }))));
+        return (h(Host, { key: '863d42c367fa028fa1300469261155b3656317f0' }, h("h2", { key: 'c09c96c4d46e4ae793da5590177ee27a83a47344' }, "Typed Contact"), h("smoothly-form", { key: 'a573e17c47c9caa1edfffb45db48d5562994e9d7', validator: Contact.type }, h("smoothly-input", { key: 'af05cca00bc6b389964cb6421b6eea0c98f2777e', name: "name.first" }, "First Name"), h("smoothly-input", { key: '5b41c244e61776ce742beae0303ad32e9a400559', name: "name.middle" }, "Middle Name (optional)"), h("smoothly-input", { key: '6731f9d7aa683d0cc21b10e25af363e44e5d28d1', name: "name.last" }, "Last Name"), h("smoothly-input", { key: '76891da3232bb6220866a3c2a5532447133d52e5', name: "age", type: "integer" }, "Age (18-120)"), h("smoothly-input-select", { key: 'b5685795e011d37898da248d444c423fb3d79601', name: "country" }, h("span", { key: '73a337495ffd988b65a989bf30fd9304e5262ccb', slot: "label" }, "Country"), Alpha2.values.map(country => (h("smoothly-item", { value: country }, from(country))))), h("smoothly-input-date", { key: '7cebeadd1bce4ba9c21d303a4316b01f4c426ad6', name: "birthday" }, "Date of birth"), h("smoothly-input-reset", { key: '9f4ebc3c27050ac587b077d4bfb6ff0674ccf852', slot: "reset", type: "form", size: "icon", color: "warning" }), h("smoothly-input-submit", { key: 'a53d0147626193ab5d907b9212a86d2ee9d3524a', 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-5d3caa35.js.map
+//# sourceMappingURL=p-73862f4b.js.map

package/dist/components/{p-5d3caa35.js.map → p-73862f4b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~5d3caa35~~.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,~~KAAK~~,CAAC,GAAG,CAAC,OAAO,~~KAC1C~~,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.~~types~~.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}
1	+ {"file":"p-73862f4b.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-fbd4a12b.js → p-78a3eb0a.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
-import { D as Date } from './p-99f89f10.js';
-import { f as format } from './p-e92eb120.js';
-import { I as Input } from './p-c5519ec1.js';
-import { d as defineCustomElement$6 } from './p-0a1466e3.js';
-import { d as defineCustomElement$5 } from './p-f8b6cc8e.js';
-import { d as defineCustomElement$4 } from './p-34b2eda8.js';
-import { d as defineCustomElement$3 } from './p-43b0c35c.js';
-import { d as defineCustomElement$2 } from './p-092b23d2.js';
+import { D as Date } from './p-390767c7.js';
+import { f as format } from './p-ebf469aa.js';
+import { I as Input } from './p-80b231e3.js';
+import { d as defineCustomElement$6 } from './p-cc608e51.js';
+import { d as defineCustomElement$5 } from './p-1ccb9b5d.js';
+import { d as defineCustomElement$4 } from './p-9c8ff26d.js';
+import { d as defineCustomElement$3 } from './p-7cf8c0f7.js';
+import { d as defineCustomElement$2 } from './p-d2471133.js';
 import { d as defineCustomElement$1 } from './p-88442020.js';
 const styleCss = ".sc-smoothly-input-date-range-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}[looks=\"grid\"].sc-smoothly-input-date-range-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-date-range-h>input.sc-smoothly-input-date-range,[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-range-h.floating-label.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.floating-label .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value.sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h.has-value .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[placeholder] .sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly].sc-smoothly-input-date-range-s>[slot=label],.sc-smoothly-input-date-range-h[readonly] .sc-smoothly-input-date-range-s>[slot=label],.has-value.sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[placeholder].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,[readonly].sc-smoothly-input-date-range-h .label.sc-smoothly-input-date-range,.sc-smoothly-input-date-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-range{display:none}.sc-smoothly-input-date-range-h{position:relative;display:flex;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:pointer}[readonly].sc-smoothly-input-date-range-h,[readonly].sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range>div.sc-smoothly-input-date-range>input.sc-smoothly-input-date-range{cursor:not-allowed}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>smoothly-calendar.sc-smoothly-input-date-range::before{content:\"\";position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;width:100%;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{min-width:15rem;background-color:transparent;--input-min-height:calc(var(--input-min-height) - 2px)}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center;margin-right:0.4em}";
@@ -209,4 +209,4 @@ defineCustomElement();
 export { SmoothlyInputDateRange as S, defineCustomElement as d };
-//# sourceMappingURL=p-fbd4a12b.js.map
+//# sourceMappingURL=p-78a3eb0a.js.map

package/dist/components/{p-fbd4a12b.js.map → p-78a3eb0a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-fbd4a12b.js","mappings":";;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,mrKAAmrK,CAAC;AACrsK,qCAAe,QAAQ;;MCaV,sBAAsB;;;;;;;;QAe1B,aAAQ,GAAsD,EAAE,CAAA;oBAbhC,WAAW;;;wBAGA,KAAK;yBACnB,IAAI;;;2BAGnB,WAAW;uBACL,KAAK;;;uBAGE,KAAK;;;;IAYxC,iBAAiB;;QAChB,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAC3B,CAAC,KAAK,EAAE,KAAK,eAAK,QAAC,CAAC,IAAI,CAAC,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAC,EAAA,CAC3F,CAAA;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;QAC7D,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;QACxG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAA;QACvF,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,OAAO,mDAAG,IAAI,CAAC,CAAA;KAC7B;IAED,YAAY,CAAC,IAAU;QACtB,MAAM,KAAK,GAAG,gBAAgB,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,cAAc,IAAI,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpH,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,IAAIA,IAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAIA,IAAU,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACrF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;YACrB,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;SACnB;KACD;IAGD,WAAW;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAA;KACtF;IAED,YAAY;;QACX,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAA;QAC7E,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,OAAO,mDAAG,IAAI,CAAC,CAAA;KAC7B;IAED,wBAAwB,CAAC,KAA4D;QACpF,IAAI,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE;YACjF,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SAClB;KACD;IAED,yBAAyB,CAAC,KAA0C;QACnE,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO;YAC/B,KAAK,CAAC,eAAe,EAAE,CAAA;KACxB;IAED,aAAa,CAAC,KAAY;QACzB,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrF;IACD,MAAM,oBAAoB;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW;YAC5B,MAAM,IAAI,CAAC,UAAU,EAAE,CAAA;KACxB;IAED,MAAM,QAAQ;QACb,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;KACnB;IAED,MAAM,UAAU;QACf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KACtB;IAED,MAAM,QAAQ;QACb,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAA;KAChF;IAED,MAAM,MAAM,CAAC,QAAmB,EAAE,QAA6C;QAC9E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAA;QAClC,QAAQ,CAAC,IAAI,CAAC,CAAA;KACd;IAED,MAAM,IAAI,CAAC,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAA;KACzB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA;QAC9B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAA;KAC1B;IAED,MAAM,eAAe;QACpB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;QAC9B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;KACpB;IAED,MAAM,KAAK;QACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;QACtB,IAAI,CAAC,GAAG,GAAG,SAAS,CAAA;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,EAAE,CAAC,CAAA;KACnD;IACD,MAAM;QACL,MAAM,MAAM,GAAG,SAAS,CAAC,QAAwB,CAAA;QACjD,QACC,EAAC,IAAI,qDAAC,QAAQ,EAAE,CAAC,IAChB,gEAAS,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IACjE,uEACC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EACJ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;kBACnB,GAAGC,MAAa,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAMA,MAAa,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE;kBAC3F,SAAS,EAEb,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,eAAe,EAAE,CAAC;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;aAC3B,IACD,8DAAa,CACG,CACR,EACV,6DAAM,KAAK,EAAE,OAAO,IACnB,6DAAM,IAAI,EAAE,KAAK,GAAS,CACpB,EACN,IAAI,CAAC,IAAI,KACT,8DACC,0EACC,WAAW,EAAE,IAAI,EACjB,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC/C,qBAAqB,EAAE,CAAC;gBACvB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;aACrB,EACD,mBAAmB,EAAE,CAAC;gBACrB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAA;aACnB,EACD,iBAAiB,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAC3C,sBAAsB,EAAE,CAAC;gBACxB,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;gBACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,CAAA;aAClD,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,GACZ,CACG,CACN,CACK,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host>section>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>section>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22em;\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7em;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding: 0.5em 0.2em 0.5em 0.2em;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin-right: .4em;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date \| undefined\n\t@Prop({ mutable: true }) end: isoly.Date \| undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable \| undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange \| undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tSmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name === this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange \| undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<section onClick={() => !this.readonly && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"}></slot>\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-78a3eb0a.js","mappings":"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","names":["isoly.Date","tidily.format"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\n\t&:focus-within smoothly-input {\n\t\toutline: none;\n\t}\n}\n\n:host>section>smoothly-input>div>input {\n\tcursor: pointer;\n}\n\n:host[readonly],\n:host[readonly]>section>smoothly-input>div>input {\n\tcursor: not-allowed;\n}\n\n:host>nav {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22em;\n\tmin-width: 18em;\n}\n\n:host>nav>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\ttop: 1px;\n\tleft: -7em;\n\tz-index: 9;\n\ttransform: translate(10em, -0.55em) rotate(45deg);\n\twidth: 1em;\n\theight: 1em;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host>section {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host>section>smoothly-input {\n\tmin-width: 15rem;\n\tbackground-color: transparent;\n\t--input-min-height: calc(var(--input-min-height) - 2px);\n}\n\n:host>section>span {\n\tpadding: 0.5em 0.2em 0.5em 0.2em;\n\talign-self: center;\n}\n\n:host>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin-right: .4em;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color, Data } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date \| undefined\n\t@Prop({ mutable: true }) end: isoly.Date \| undefined\n\t@Prop() placeholder = \"from — to\"\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\t@Prop({ mutable: true }) changed = false\n\tparent: Editable \| undefined\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() value?: isoly.DateRange\n\t@State() open: boolean\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: isoly.DateRange \| undefined }>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.updateValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.start && this.end && this.smoothlyInput.emit({ [this.name]: { start: this.start, end: this.end } })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\t// TODO: disable search fields in month selectors so that the input becomes typeable and then fix input handler\n\tinputHandler(data: Data) {\n\t\tconst split = \"dateRangeInput\" in data && typeof data.dateRangeInput == \"string\" && data.dateRangeInput.split(\" - \")\n\t\tif (split && split.length == 2 && isoly.Date.is(split[0]) && isoly.Date.is(split[1])) {\n\t\t\tthis.start = split[0]\n\t\t\tthis.end = split[1]\n\t\t}\n\t}\n\t@Watch(\"start\")\n\t@Watch(\"end\")\n\tupdateValue() {\n\t\tthis.value = this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Watch(\"value\")\n\tvalueChanged() {\n\t\tthis.changed = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tSmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name === this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<isoly.DateRange \| undefined> {\n\t\treturn this.start && this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>) {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.changed = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\tconst locale = navigator.language as isoly.Locale\n\t\treturn (\n\t\t\t<Host tabindex={0}>\n\t\t\t\t<section onClick={() => !this.readonly && (this.open = !this.open)}>\n\t\t\t\t\t<smoothly-input\n\t\t\t\t\t\ttype=\"text\" // TODO: date-range tidily thing\n\t\t\t\t\t\tname=\"dateRangeInput\"\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tthis.start && this.end\n\t\t\t\t\t\t\t\t? `${tidily.format(this.start, \"date\", locale)} — ${tidily.format(this.end, \"date\", locale)}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t\tonSmoothlyInput={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.inputHandler(e.detail)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t</section>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"}></slot>\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<nav>\n\t\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyStartChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.start = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyEndChange={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.end = e.detail\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</nav>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-e451a0b5.js → p-7902ae4f.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import './p-ca19ed60.js';
-import './p-99f89f10.js';
+import './p-8e1e509d.js';
+import './p-390767c7.js';
 import { S as Scrollable } from './p-47ea6b68.js';
 const styleCss = ".sc-smoothly-next-table-head-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;top:0;position:sticky;z-index:1;--smoothly-color:var(--smoothly-table-header-background);--smoothly-color-contrast:var(--smoothly-table-header-foreground);background-color:rgb(var(--smoothly-table-header-background));color:rgb(var(--smoothly-table-header-foreground));stroke:rgb(var(--smoothly-table-header-foreground));fill:rgb(var(--smoothly-table-header-foreground));font-weight:bold;transition:box-shadow 0.3s ease}.scrolled.sc-smoothly-next-table-head-h{box-shadow:var(--smoothly-table-header-shadow)}";
@@ -54,4 +54,4 @@ defineCustomElement();
 export { SmoothlyNextTableHead as S, defineCustomElement as d };
-//# sourceMappingURL=p-e451a0b5.js.map
+//# sourceMappingURL=p-7902ae4f.js.map

package/dist/components/{p-e451a0b5.js.map → p-7902ae4f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~e451a0b5~~.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,ylBAAylB,CAAC;AAC3mB,oCAAe,QAAQ;;MCOV,qBAAqB;;;;QAIzB,aAAQ,GAAG,CAAC,KAAY;YAC/B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,EAAE;gBACxC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAA;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAA;gBAC5D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;gBACxD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAA;aACjD;SACD,CAAA;;;IAED,iBAAiB;;QAChB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC5D;IACD,oBAAoB;;QACnB,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC/D;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IACzC,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/next/table/head/style.css?tag=smoothly-next-table-head&encapsulation=scoped","src/components/next/table/head/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\ttop: 0;\n\tposition: sticky;\n\tz-index: 1;\n\t--smoothly-color: var(--smoothly-table-header-background);\n\t--smoothly-color-contrast: var(--smoothly-table-header-foreground);\n\tbackground-color: rgb(var(--smoothly-table-header-background));\n\tcolor: rgb(var(--smoothly-table-header-foreground));\n\tstroke: rgb(var(--smoothly-table-header-foreground));\n\tfill: rgb(var(--smoothly-table-header-foreground));\n\tfont-weight: bold;\n\ttransition: box-shadow 0.3s ease;\n}\n\n:host.scrolled {\n\tbox-shadow: var(--smoothly-table-header-shadow);\n}\n","import { Component, Element, h, Host, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-next-table-head\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableHead {\n\t@Element() element: HTMLSmoothlyNextTableElement\n\t@State() scrolled?: boolean\n\tprivate scrollParent?: HTMLElement\n\tprivate onScroll = (event: Event) => {\n\t\tif (event.target instanceof HTMLElement) {\n\t\t\tthis.scrollParent = event.target\n\t\t\tconst parentRect = this.scrollParent.getBoundingClientRect()\n\t\t\tconst elementRect = this.element.getBoundingClientRect()\n\t\t\tthis.scrolled = parentRect.top == elementRect.top\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.scrollParent = Scrollable.findParent(this.element)\n\t\tthis.scrollParent?.addEventListener(\"scroll\", this.onScroll)\n\t}\n\tdisconnectedCallback() {\n\t\tthis.scrollParent?.removeEventListener(\"scroll\", this.onScroll)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host class={{ scrolled: !!this.scrolled }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-7902ae4f.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,ylBAAylB,CAAC;AAC3mB,oCAAe,QAAQ;;MCOV,qBAAqB;;;;QAIzB,aAAQ,GAAG,CAAC,KAAY;YAC/B,IAAI,KAAK,CAAC,MAAM,YAAYA,CAAW,EAAE;gBACxC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAA;gBAChC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAA;gBAC5D,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;gBACxD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAA;aACjD;SACD,CAAA;;;IAED,iBAAiB;;QAChB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,MAAA,IAAI,CAAC,YAAY,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC5D;IACD,oBAAoB;;QACnB,MAAA,IAAI,CAAC,YAAY,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC/D;IAED,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,IACzC,8DAAQ,CACF,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;","names":["HTMLElement"],"sources":["src/components/next/table/head/style.css?tag=smoothly-next-table-head&encapsulation=scoped","src/components/next/table/head/index.tsx"],"sourcesContent":[":host {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n\ttop: 0;\n\tposition: sticky;\n\tz-index: 1;\n\t--smoothly-color: var(--smoothly-table-header-background);\n\t--smoothly-color-contrast: var(--smoothly-table-header-foreground);\n\tbackground-color: rgb(var(--smoothly-table-header-background));\n\tcolor: rgb(var(--smoothly-table-header-foreground));\n\tstroke: rgb(var(--smoothly-table-header-foreground));\n\tfill: rgb(var(--smoothly-table-header-foreground));\n\tfont-weight: bold;\n\ttransition: box-shadow 0.3s ease;\n}\n\n:host.scrolled {\n\tbox-shadow: var(--smoothly-table-header-shadow);\n}\n","import { Component, Element, h, Host, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-next-table-head\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyNextTableHead {\n\t@Element() element: HTMLSmoothlyNextTableElement\n\t@State() scrolled?: boolean\n\tprivate scrollParent?: HTMLElement\n\tprivate onScroll = (event: Event) => {\n\t\tif (event.target instanceof HTMLElement) {\n\t\t\tthis.scrollParent = event.target\n\t\t\tconst parentRect = this.scrollParent.getBoundingClientRect()\n\t\t\tconst elementRect = this.element.getBoundingClientRect()\n\t\t\tthis.scrolled = parentRect.top == elementRect.top\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.scrollParent = Scrollable.findParent(this.element)\n\t\tthis.scrollParent?.addEventListener(\"scroll\", this.onScroll)\n\t}\n\tdisconnectedCallback() {\n\t\tthis.scrollParent?.removeEventListener(\"scroll\", this.onScroll)\n\t}\n\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host class={{ scrolled: !!this.scrolled }}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}