npm - smoothly - Versions diffs - 1.77.0 → 1.78.0 - Mend

smoothly 1.77.0 → 1.78.0

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

package/dist/components/{p-a7fa13af.js → p-8e4dc479.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date, a as DateTime } from './p-390767c7.js';
 import { d as defineCustomElement$m } from './p-9a047645.js';
 import { d as defineCustomElement$l } from './p-a0beace6.js';
-import { d as defineCustomElement$k } from './p-a396d0bd.js';
+import { d as defineCustomElement$k } from './p-787944b1.js';
 import { d as defineCustomElement$j } from './p-9e2ee779.js';
 import { d as defineCustomElement$i } from './p-4e754f3b.js';
 import { d as defineCustomElement$h } from './p-f893b6cc.js';
@@ -12,8 +12,8 @@ import { d as defineCustomElement$e } from './p-81b41645.js';
 import { d as defineCustomElement$d } from './p-3e41512a.js';
 import { d as defineCustomElement$c } from './p-776f0f47.js';
 import { d as defineCustomElement$b } from './p-4de813ea.js';
-import { d as defineCustomElement$a } from './p-6a388393.js';
-import { d as defineCustomElement$9 } from './p-cf0066e4.js';
+import { d as defineCustomElement$a } from './p-b2ff62eb.js';
+import { d as defineCustomElement$9 } from './p-ac15cc7c.js';
 import { d as defineCustomElement$8 } from './p-4b7c29bb.js';
 import { d as defineCustomElement$7 } from './p-f37f1d31.js';
 import { d as defineCustomElement$6 } from './p-55a6fa56.js';
@@ -192,4 +192,4 @@ defineCustomElement();
 export { SmoothlyInputDemoUserInput as S, defineCustomElement as d };
-//# sourceMappingURL=p-a7fa13af.js.map
+//# sourceMappingURL=p-8e4dc479.js.map

package/dist/components/{p-a7fa13af.js.map → p-8e4dc479.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-a7fa13af.js","mappings":"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","names":["isoly.Date","isoly.DateTime"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls /}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/ Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-8e4dc479.js","mappings":"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","names":["isoly.Date","isoly.DateTime"],"sources":["src/components/input/demo/user-input/style.css?tag=smoothly-input-demo-user-input&encapsulation=scoped","src/components/input/demo/user-input/index.tsx"],"sourcesContent":[":host {\n\tmax-width: min(100%, 56rem);\n\tmargin-inline: auto;\n\tdisplay: grid;\n\tgrid-template-columns: 12rem 1fr;\n\tgap: 1rem;\n}\n:host > div {\n\tgrid-column: 1 / -1;\n}\n","import { Component, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-demo-user-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDemoUserInput {\n\tprivate readonly values = [\"zero\", \"one\", \"two\", \"three\", \"four\", \"five\"]\n\t@State() textIndex?: number\n\t@State() selectIndex?: number\n\t@State() checkboxChecked: boolean\n\t@State() radioIndex?: number\n\t@State() rangeValue?: number\n\tprivate readonly colors = [\"#ff0000\", \"#00ff00\", \"#0000ff\", \"#ffff00\", \"#00ffff\", \"#ff00ff\"]\n\t@State() colorIndex?: number\n\t@State() dateValue?: isoly.Date\n\t@State() datetimeValue?: isoly.DateTime\n\t@State() dateRangeValue?: isoly.DateRange\n\n\tincrement(index?: number): number {\n\t\treturn index === undefined ? 0 : (index + 1) % this.values.length\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>User Input Event</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tThese inputs demonstrate how user input is handled. The <code>smoothlyUserInput</code> event fires only when\n\t\t\t\t\t\tthe user interacts with an input, not when its value is changed programmatically (such as by clicking the\n\t\t\t\t\t\tbuttons above).\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\tCheck the console to see the details of each <code>smoothlyUserInput</code> event.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.textIndex = this.increment(this.textIndex))}>\n\t\t\t\t\tChange text\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-text\"\n\t\t\t\t\tvalue={this.textIndex === undefined ? \"\" : this.values[this.textIndex]}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tText input\n\t\t\t\t</smoothly-input>\n\n\t\t\t\t<smoothly-button onClick={() => (this.selectIndex = this.increment(this.selectIndex))} color=\"tertiary\">\n\t\t\t\t\tNext select item\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-select\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Select input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-item value={index} selected={index == this.selectIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.checkboxChecked = !this.checkboxChecked)}>\n\t\t\t\t\tToggle checkbox\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-checkbox\"\n\t\t\t\t\tchecked={this.checkboxChecked}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tCheckbox input\n\t\t\t\t</smoothly-input-checkbox>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.radioIndex = this.increment(this.radioIndex))}>\n\t\t\t\t\tNext radio item\n\t\t\t\t</smoothly-button>\n\t\t\t\t{/* Bug: radio has bugs when changing programmatically - TODO: consider changing to using a regular radio input as underlying controls /}\n\t\t\t\t<smoothly-input-radio\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-radio\"\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\t<span slot=\"label\">Radio input</span>\n\t\t\t\t\t{this.values.map((value, index) => (\n\t\t\t\t\t\t<smoothly-input-radio-item value={value} selected={index == this.radioIndex}>\n\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t</smoothly-input-radio-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-radio>\n\n\t\t\t\t{/ Not sure how to test smoothly-input-file */}\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.rangeValue = this.increment(this.rangeValue))}>\n\t\t\t\t\tNext range value\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-range\"\n\t\t\t\t\tstep={1}\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={this.values.length}\n\t\t\t\t\tvalue={this.rangeValue}\n\t\t\t\t\tlabel={\"Range Input\"}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}\n\t\t\t\t/>\n\n\t\t\t\t<smoothly-button color=\"tertiary\" onClick={() => (this.colorIndex = this.increment(this.colorIndex))}>\n\t\t\t\t\tNext color\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-color\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-color\"\n\t\t\t\t\tvalue={typeof this.colorIndex == \"number\" ? this.colors[this.colorIndex] : undefined}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tColor input\n\t\t\t\t</smoothly-input-color>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() => (this.dateValue = this.dateValue ? isoly.Date.next(this.dateValue) : isoly.Date.now())}>\n\t\t\t\t\tNext day\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-date\"\n\t\t\t\t\tvalue={this.dateValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate input\n\t\t\t\t</smoothly-input-date>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.datetimeValue = this.datetimeValue\n\t\t\t\t\t\t\t? isoly.DateTime.nextDay(this.datetimeValue)\n\t\t\t\t\t\t\t: isoly.DateTime.now())\n\t\t\t\t\t}>\n\t\t\t\t\tNext date time\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-time\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-datetime\"\n\t\t\t\t\tvalue={this.datetimeValue}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate time input\n\t\t\t\t</smoothly-input-date-time>\n\n\t\t\t\t<smoothly-button\n\t\t\t\t\tcolor=\"tertiary\"\n\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t(this.dateRangeValue = this.dateRangeValue\n\t\t\t\t\t\t\t? { start: isoly.Date.next(this.dateRangeValue.start), end: isoly.Date.next(this.dateRangeValue.end) }\n\t\t\t\t\t\t\t: { start: isoly.Date.now(), end: isoly.Date.next(isoly.Date.now(), 10) })\n\t\t\t\t\t}>\n\t\t\t\t\tNext date range\n\t\t\t\t</smoothly-button>\n\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\tname=\"demo-user-input-daterange\"\n\t\t\t\t\tstart={this.dateRangeValue?.start}\n\t\t\t\t\tend={this.dateRangeValue?.end}\n\t\t\t\t\tonSmoothlyUserInput={e => console.debug(e.type, e.detail.name, e.detail.value)}>\n\t\t\t\t\tDate range input\n\t\t\t\t</smoothly-input-date-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-a28d2ee0.js → p-920670b4.js} RENAMED Viewed

@@ -5,11 +5,11 @@ import { f as fromIs } from './p-57ac5d1b.js';
 import { d as defineCustomElement$e } from './p-9a047645.js';
 import { d as defineCustomElement$d } from './p-f49090bb.js';
 import { d as defineCustomElement$c } from './p-a0beace6.js';
-import { d as defineCustomElement$b } from './p-a396d0bd.js';
+import { d as defineCustomElement$b } from './p-787944b1.js';
 import { d as defineCustomElement$a } from './p-ee2e6e07.js';
 import { d as defineCustomElement$9 } from './p-81b41645.js';
 import { d as defineCustomElement$8 } from './p-3e41512a.js';
-import { d as defineCustomElement$7 } from './p-6a388393.js';
+import { d as defineCustomElement$7 } from './p-b2ff62eb.js';
 import { d as defineCustomElement$6 } from './p-f37f1d31.js';
 import { d as defineCustomElement$5 } from './p-41a5264c.js';
 import { d as defineCustomElement$4 } from './p-49691c3d.js';
@@ -124,4 +124,4 @@ defineCustomElement();
 export { SmoothlyFormDemoPrices as S, defineCustomElement as d };
-//# sourceMappingURL=p-a28d2ee0.js.map
+//# sourceMappingURL=p-920670b4.js.map

package/dist/components/{p-a28d2ee0.js.map → p-920670b4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~a28d2ee0~~.js","mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"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-920670b4.js","mappings":";;;;;;;;;;;;;;;;;;;AAQA,IAAU,cAAc,CAKvB;AALD,WAAU,cAAc;IACV,mBAAI,GAAGA,MAAW,CAAiB;QAC/C,IAAI,EAAEC,MAAW,CAAC,YAAY,EAAEC,IAAU,CAAC,EAAE,CAAC;QAC9C,MAAM,EAAEC,MAAW,EAAE;KACrB,CAAC,CAAA;AACH,CAAC,EALS,cAAc,KAAd,cAAc,QAKvB;AAGD,IAAU,SAAS,CAElB;AAFD,WAAU,SAAS;IACL,cAAI,GAAGH,MAAW,CAAY,EAAE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AACtF,CAAC,EAFS,SAAS,KAAT,SAAS,QAElB;MAOY,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,wEAAiB,EACjB,sEAAe,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,IACpD,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,4EAAqB,IAAI,EAAC,iBAAiB,WAA2B,EACtE,uEAAgB,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,aAEpC,EACjB,6EAAsB,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,EAChF,8EAAuB,IAAI,EAAC,QAAQ,GAAG,CACxB,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.Date","isly.number"],"sources":["src/components/form/demo/schedule/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\n\ntype ScheduledEvent = {\n\tdate: isoly.Date\n\tamount: number\n}\nnamespace ScheduledEvent {\n\texport const type = isly.object<ScheduledEvent>({\n\t\tdate: isly.fromIs(\"isoly.Date\", isoly.Date.is),\n\t\tamount: isly.number(),\n\t})\n}\n\ntype TimeTable = { schedule: ScheduledEvent[] }\nnamespace TimeTable {\n\texport const type = isly.object<TimeTable>({ schedule: ScheduledEvent.type.array() })\n}\n\n// This demo demonstrate that the form can handle arrays in the validator\n@Component({\n\ttag: \"smoothly-form-demo-schedule\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Schedule</h2>\n\t\t\t\t<smoothly-form looks=\"line\" validator={TimeTable.type}>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.0.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.0.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.1.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.1.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-date name=\"schedule.2.date\">Date</smoothly-input-date>\n\t\t\t\t\t<smoothly-input name=\"schedule.2.amount\" type=\"price\">\n\t\t\t\t\t\tAmount\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"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-c2fc7519.js → p-99ec6195.js} RENAMED Viewed

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-f76
 import { D as Date } from './p-390767c7.js';
 import { d as defineCustomElement$b } from './p-9a047645.js';
 import { d as defineCustomElement$a } from './p-a0beace6.js';
-import { d as defineCustomElement$9 } from './p-a396d0bd.js';
+import { d as defineCustomElement$9 } from './p-787944b1.js';
 import { d as defineCustomElement$8 } from './p-81b41645.js';
 import { d as defineCustomElement$7 } from './p-776f0f47.js';
 import { d as defineCustomElement$6 } from './p-623bc6f3.js';
-import { d as defineCustomElement$5 } from './p-6a388393.js';
-import { d as defineCustomElement$4 } from './p-cf0066e4.js';
+import { d as defineCustomElement$5 } from './p-b2ff62eb.js';
+import { d as defineCustomElement$4 } from './p-ac15cc7c.js';
 import { d as defineCustomElement$3 } from './p-f37f1d31.js';
 import { d as defineCustomElement$2 } from './p-49691c3d.js';
 import { d as defineCustomElement$1 } from './p-7c3726d9.js';
@@ -105,4 +105,4 @@ defineCustomElement();
 export { SmoothlyInputDateDemo as S, defineCustomElement as d };
-//# sourceMappingURL=p-c2fc7519.js.map
+//# sourceMappingURL=p-99ec6195.js.map

package/dist/components/{p-c2fc7519.js.map → p-99ec6195.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~c2fc7519~~.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-99ec6195.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,wTAAwT,CAAC;AAC1U,oCAAe,QAAQ;;MCOV,qBAAqB;;;;;+BAEN,KAAK;;IAEhC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,0EAAmB,EACnB,yGAAiD,EACjD,wEACC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAGA,IAAU,CAAC,GAAG,EAAE,CAAC,eAErE,EAClB,gFACC,KAAK,EAAC,aAAa,EACnB,mBAAmB,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;gBACrC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;aACjC,wBAEwB,CACrB,EACJ,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAoB,CAAC,GAAG,CAAC,MAAM,KACnE,EAAC,QAAQ,QACR,2BACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,EACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACd,EACtB,iCACC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,GAAG,EAAE,IAAI,CAAC,IAAI,GAAGA,IAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EACvD,eAAe,EAAE,IAAI,CAAC,eAAe,IACpC,MAAM,YACP,4BAAsB,IAAI,EAAC,KAAK,GAAG,CACR,CAClB,CACX,CAAC,CACI,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isoly.Date"],"sources":["src/components/input/demo/date/style.css?tag=smoothly-input-date-demo&encapsulation=scoped","src/components/input/demo/date/index.tsx"],"sourcesContent":[":host {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));\n\tmax-width: min(42rem, 100%);\n\tmargin: auto;\n\tflex-direction: column;\n\tgap: 0.5rem;\n}\n\n:host :not(smoothly-input-date):not(smoothly-input-date-range) {\n\tgrid-column: 1 / -1;\n}\n","import { Component, Fragment, h, Host, State } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\n\n@Component({\n\ttag: \"smoothly-input-date-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateDemo {\n\t@State() date?: isoly.Date\n\t@State() alwaysShowGuide = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Date input</h2>\n\t\t\t\t\t<p>Different locales formatting the same date</p>\n\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tonClick={() => (this.date = this.date ? isoly.Date.next(this.date) : isoly.Date.now())}>\n\t\t\t\t\t\tSet date\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-input-checkbox\n\t\t\t\t\t\tlooks=\"transparent\"\n\t\t\t\t\t\tonSmoothlyUserInput={e => {\n\t\t\t\t\t\t\tthis.alwaysShowGuide = e.detail.value\n\t\t\t\t\t\t\tconsole.log(this.alwaysShowGuide)\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tAlways Show Guide\n\t\t\t\t\t</smoothly-input-checkbox>\n\t\t\t\t</div>\n\t\t\t\t{([\"en-US\", \"en-GB\", \"de-DE\", \"se-SE\"] as isoly.Locale[]).map(locale => (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<smoothly-input-date\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tvalue={this.date}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date>\n\t\t\t\t\t\t<smoothly-input-date-range\n\t\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\t\tname={locale + \"-range\"}\n\t\t\t\t\t\t\tlooks=\"border\"\n\t\t\t\t\t\t\tstart={this.date}\n\t\t\t\t\t\t\tend={this.date ? isoly.Date.next(this.date) : undefined}\n\t\t\t\t\t\t\talwaysShowGuide={this.alwaysShowGuide}>\n\t\t\t\t\t\t\t{locale} Range\n\t\t\t\t\t\t\t<smoothly-input-clear slot=\"end\" />\n\t\t\t\t\t\t</smoothly-input-date-range>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-cf0066e4.js → p-ac15cc7c.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { D as Date } from './p-390767c7.js';
 import { E as Editable } from './p-ddd5bc95.js';
 import { I as Input } from './p-ee2e6e07.js';
 import { d as defineCustomElement$6 } from './p-a0beace6.js';
-import { d as defineCustomElement$5 } from './p-a396d0bd.js';
+import { d as defineCustomElement$5 } from './p-787944b1.js';
 import { d as defineCustomElement$4 } from './p-81b41645.js';
 import { d as defineCustomElement$3 } from './p-f37f1d31.js';
 import { d as defineCustomElement$2 } from './p-49691c3d.js';
@@ -250,4 +250,4 @@ defineCustomElement();
 export { SmoothlyInputDateRange as S, defineCustomElement as d };
-//# sourceMappingURL=p-cf0066e4.js.map
+//# sourceMappingURL=p-ac15cc7c.js.map

package/dist/components/{p-cf0066e4.js.map → p-ac15cc7c.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-cf0066e4.js","mappings":"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","names":["isoly.Date"],"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\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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 > .smoothly-date-range-input-part {\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 > span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } 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\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\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 }) disabled?: boolean\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({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable \| undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> \| undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<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\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\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.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date \| undefined, oldValue: isoly.Date \| undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date \| undefined, oldValue: isoly.Date \| undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date \| undefined, oldEnd: isoly.Date \| undefined) {\n\t\tif (oldStart != this.start \|\| oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\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\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement \|\| includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled)\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\tif (!this.readonly && !this.disabled)\n\t\t\tthis.open = !this.open \|\| includesTextElement\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date \| undefined>, startOrEnd: \"start\" \| \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\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<Partial<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(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\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.isDifferentFromInitial = 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\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start \|\| this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText \|\| this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyStartChange={e => (e.stopPropagation(), (this.start = e.detail))}\n\t\t\t\t\t\tonSmoothlyEndChange={e => (e.stopPropagation(), (this.end = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-ac15cc7c.js","mappings":"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","names":["isoly.Date"],"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\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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 > .smoothly-date-range-input-part {\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 > span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } 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\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\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 }) disabled?: boolean\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({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop() invalid?: boolean = false\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable \| undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> \| undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<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\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\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.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date \| undefined, oldValue: isoly.Date \| undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date \| undefined, oldValue: isoly.Date \| undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date \| undefined, oldEnd: isoly.Date \| undefined) {\n\t\tif (oldStart != this.start \|\| oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start \|\| this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\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\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement \|\| includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled)\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\tif (!this.readonly && !this.disabled)\n\t\t\tthis.open = !this.open \|\| includesTextElement\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date \| undefined>, startOrEnd: \"start\" \| \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\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<Partial<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(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\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.isDifferentFromInitial = 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\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start \|\| this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText \|\| this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"icons\"}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput={true}\n\t\t\t\t\t\tonSmoothlyValueChange={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyStartChange={e => (e.stopPropagation(), (this.start = e.detail))}\n\t\t\t\t\t\tonSmoothlyEndChange={e => (e.stopPropagation(), (this.end = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-418493df.js → p-acdae501.js} RENAMED Viewed

@@ -7,10 +7,10 @@ import './p-47ea6b68.js';
 import { d as defineCustomElement$c } from './p-9a047645.js';
 import { d as defineCustomElement$b } from './p-f49090bb.js';
 import { d as defineCustomElement$a } from './p-a0beace6.js';
-import { d as defineCustomElement$9 } from './p-a396d0bd.js';
+import { d as defineCustomElement$9 } from './p-787944b1.js';
 import { d as defineCustomElement$8 } from './p-ee2e6e07.js';
 import { d as defineCustomElement$7 } from './p-81b41645.js';
-import { d as defineCustomElement$6 } from './p-cf0066e4.js';
+import { d as defineCustomElement$6 } from './p-ac15cc7c.js';
 import { d as defineCustomElement$5 } from './p-f37f1d31.js';
 import { d as defineCustomElement$4 } from './p-49691c3d.js';
 import { d as defineCustomElement$3 } from './p-7943ff01.js';
@@ -123,4 +123,4 @@ defineCustomElement();
 export { SmoothlyFormDemoDateRange as S, defineCustomElement as d };
-//# sourceMappingURL=p-418493df.js.map
+//# sourceMappingURL=p-acdae501.js.map

package/dist/components/{p-418493df.js.map → p-acdae501.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~418493df~~.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oDAAoD,CAAC;AACtE,wCAAe,QAAQ;;MCSV,yBAAyB;IALtC;;;;QAOS,cAAS,GAAGA,MAAW,CAA6B;YAC3D,KAAK,EAAEC,MAAW,CAAC,iBAAiB,EAAEC,SAAe,CAAC,EAAE,CAAC;SACzD,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,gFAAyB,EACzB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,kFAA2B,IAAI,EAAE,OAAO,IAAG,OAAO,CAA6B,EAC/E,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.DateRange"],"sources":["src/components/form/demo/date-range/style.css?tag=smoothly-form-demo-date-range&encapsulation=scoped","src/components/form/demo/date-range/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDateRange {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ range: isoly.DateRange }>({\n\t\trange: isly.fromIs(\"isoly.DateRange\", isoly.DateRange.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date-range input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date-range name={\"range\"}>{\"Range\"}</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</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-acdae501.js","mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,oDAAoD,CAAC;AACtE,wCAAe,QAAQ;;MCSV,yBAAyB;IALtC;;;;QAOS,cAAS,GAAGA,MAAW,CAA6B;YAC3D,KAAK,EAAEC,MAAW,CAAC,iBAAiB,EAAEC,SAAe,CAAC,EAAE,CAAC;SACzD,CAAC,CAAA;KA6BF;IA5BA,MAAM,aAAa,CAAC,KAA0B;QAC7C,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;YAC3C,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAA;YACpC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAA;SACtD;aAAM;YACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAA;YACvD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;SACzB;QACD,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;KAC1B;IACD,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,gFAAyB,EACzB,sEACC,KAAK,EAAE,QAAQ,EACf,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,oBAAoB,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAChD,kFAA2B,IAAI,EAAE,OAAO,IAAG,OAAO,CAA6B,EAC/E,8EAAuB,IAAI,EAAE,QAAQ,IACpC,sEAAe,IAAI,EAAE,mBAAmB,GAAI,CACrB,CACT,CACV,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["isly.object","isly.fromIs","isoly.DateRange"],"sources":["src/components/form/demo/date-range/style.css?tag=smoothly-form-demo-date-range&encapsulation=scoped","src/components/form/demo/date-range/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n","import { Component, Event, EventEmitter, h, Host, VNode } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { isly } from \"isly\"\nimport { Notice, Submit } from \"../../../../model\"\n\n@Component({\n\ttag: \"smoothly-form-demo-date-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoDateRange {\n\t@Event() notice: EventEmitter<Notice>\n\tprivate validator = isly.object<{ range: isoly.DateRange }>({\n\t\trange: isly.fromIs(\"isoly.DateRange\", isoly.DateRange.is),\n\t})\n\tasync submitHandler(event: CustomEvent<Submit>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tif (!this.validator.is(event.detail.value)) {\n\t\t\tconsole.error(`Type is incomplete.`)\n\t\t\tthis.notice.emit(Notice.failed(`Type is incomplete.`))\n\t\t} else {\n\t\t\tthis.notice.emit(Notice.succeeded(`Type is complete!`))\n\t\t\tevent.detail.result(true)\n\t\t}\n\t\tevent.detail.result(false)\n\t}\n\trender(): VNode \| VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Date-range input</h2>\n\t\t\t\t<smoothly-form\n\t\t\t\t\tlooks={\"border\"}\n\t\t\t\t\ttype={\"create\"}\n\t\t\t\t\tvalidator={this.validator}\n\t\t\t\t\tonSmoothlyFormSubmit={e => this.submitHandler(e)}>\n\t\t\t\t\t<smoothly-input-date-range name={\"range\"}>{\"Range\"}</smoothly-input-date-range>\n\t\t\t\t\t<smoothly-input-submit slot={\"submit\"}>\n\t\t\t\t\t\t<smoothly-icon name={\"checkmark-outline\"} />\n\t\t\t\t\t</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-6a388393.js → p-b2ff62eb.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { E as Editable } from './p-ddd5bc95.js';
 import { I as Input } from './p-ee2e6e07.js';
 import { d as defineCustomElement$6 } from './p-a0beace6.js';
-import { d as defineCustomElement$5 } from './p-a396d0bd.js';
+import { d as defineCustomElement$5 } from './p-787944b1.js';
 import { d as defineCustomElement$4 } from './p-81b41645.js';
 import { d as defineCustomElement$3 } from './p-f37f1d31.js';
 import { d as defineCustomElement$2 } from './p-49691c3d.js';
@@ -220,4 +220,4 @@ defineCustomElement();
 export { SmoothlyInputDate as S, defineCustomElement as d };
-//# sourceMappingURL=p-6a388393.js.map
+//# sourceMappingURL=p-b2ff62eb.js.map

package/dist/components/{p-6a388393.js.map → p-b2ff62eb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-6a388393.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n:host .smoothly-date-placeholder {\n\tdisplay: none;\n}\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder {\n\topacity: 0.5;\n\tdisplay: block;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text {\n\tvisibility: hidden;\n}\n\n:host>.label {\n\tleft: var(--input-padding-side);\n}\n:host[show-label] > .smoothly-date-placeholder,\n:host[show-label] > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side);\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host:not([show-label]) > .smoothly-date-placeholder,\n:host:not([show-label]) > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side) auto;\n\tmargin-block: auto;\n}\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: -0.55rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin-left: auto;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\tprivate dateTextElement?: HTMLSmoothlyDateTextElement\n\tprivate iconsElement?: HTMLElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) placeholder?: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\tparent: Editable \| undefined\n\tchanged = false\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate initialValue?: isoly.Date\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() hasText = false\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\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\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\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.Date \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonValueChange(value: isoly.Date) {\n\t\tif (!this.hasFocus) {\n\t\t\tthis.dateTextElement?.setValue(value)\n\t\t}\n\t\tthis.isDifferentFromInitial = this.initialValue != this.value\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\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\tonClick(event: MouseEvent): void {\n\t\tconst includesTextElement = !!this.dateTextElement && event.composedPath().includes(this.dateTextElement)\n\t\tconst includesCalendar = !!this.calendarElement && event.composedPath().includes(this.calendarElement)\n\t\tconst includesIconsElement = !!this.iconsElement && event.composedPath().includes(this.iconsElement)\n\t\tif (!this.readonly && !this.disabled && !includesTextElement && !includesCalendar && !includesIconsElement)\n\t\t\tthis.dateTextElement?.select()\n\t\tif (!this.readonly && !this.disabled && !includesCalendar && !includesIconsElement)\n\t\t\tthis.open = !this.open \|\| includesTextElement\n\t}\n\tonUserChangedValue(event: CustomEvent<isoly.Date \| undefined>) {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined // normalize null to undefined\n\t\tif (this.value != newValue) {\n\t\t\tthis.value = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\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.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{ \"has-value\": !!this.value, \"has-text\": this.hasText, \"floating-label\": this.alwaysShowGuide }}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t{this.placeholder && <span class=\"smoothly-date-placeholder\">{this.placeholder}</span>}\n\t\t\t\t<smoothly-date-text\n\t\t\t\t\tref={el => (this.dateTextElement = el)}\n\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.hasText = e.detail))}\n\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), (this.open = false), this.dateTextElement?.deselect())}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\" ref={el => (this.iconsElement = el)}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonSmoothlyValueChange={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b2ff62eb.js","mappings":"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","names":[],"sources":["src/components/input/date/style.css?tag=smoothly-input-date&encapsulation=scoped","src/components/input/date/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tposition: relative;\n\tmax-width: 100vw;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n\tmin-height: var(--input-min-height);\n}\n:host .smoothly-date-placeholder {\n\tdisplay: none;\n}\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) .smoothly-date-placeholder {\n\topacity: 0.5;\n\tdisplay: block;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) smoothly-date-text {\n\tvisibility: hidden;\n}\n\n:host>.label {\n\tleft: var(--input-padding-side);\n}\n:host[show-label] > .smoothly-date-placeholder,\n:host[show-label] > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side);\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host:not([show-label]) > .smoothly-date-placeholder,\n:host:not([show-label]) > smoothly-date-text {\n\tmargin-inline: var(--input-padding-side) auto;\n\tmargin-block: auto;\n}\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host>smoothly-calendar {\n\tposition: absolute;\n\tz-index: 10;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmin-width: 18rem;\n\tmax-width: 22rem;\n}\n\n:host>smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: 2rem;\n\ttop: -0.55rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\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>span.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tmargin-left: auto;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-date\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputDate implements ComponentWillLoad, Clearable, Input, Editable {\n\tprivate dateTextElement?: HTMLSmoothlyDateTextElement\n\tprivate iconsElement?: HTMLElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) placeholder?: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\tparent: Editable \| undefined\n\tchanged = false\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate initialValue?: isoly.Date\n\tprivate observer = Editable.Observer.create(this)\n\t@Prop({ mutable: true }) value?: isoly.Date\n\t@Prop({ mutable: true }) open: boolean\n\t@Prop({ mutable: true }) max: isoly.Date\n\t@Prop({ mutable: true }) min: isoly.Date\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() hasText = false\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyValueChange: EventEmitter<isoly.Date>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tcomponentWillLoad(): void {\n\t\tthis.setInitialValue()\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\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected)\n\t\t\tawait this.unregister()\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string \| undefined, oldName: string \| undefined) {\n\t\tInput.formRename(this, oldName)\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.Date \| undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Watch(\"value\")\n\tonValueChange(value: isoly.Date) {\n\t\tif (!this.hasFocus) {\n\t\t\tthis.dateTextElement?.setValue(value)\n\t\t}\n\t\tthis.isDifferentFromInitial = this.initialValue != this.value\n\t\tthis.smoothlyValueChange.emit(value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInput\")\n\tsmoothlyInputHandler(event: CustomEvent<Record<string, any>>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDate) => void>): void {\n\t\tInput.registerSubAction(this, event)\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\tonClick(event: MouseEvent): void {\n\t\tconst includesTextElement = !!this.dateTextElement && event.composedPath().includes(this.dateTextElement)\n\t\tconst includesCalendar = !!this.calendarElement && event.composedPath().includes(this.calendarElement)\n\t\tconst includesIconsElement = !!this.iconsElement && event.composedPath().includes(this.iconsElement)\n\t\tif (!this.readonly && !this.disabled && !includesTextElement && !includesCalendar && !includesIconsElement)\n\t\t\tthis.dateTextElement?.select()\n\t\tif (!this.readonly && !this.disabled && !includesCalendar && !includesIconsElement)\n\t\t\tthis.open = !this.open \|\| includesTextElement\n\t}\n\tonUserChangedValue(event: CustomEvent<isoly.Date \| undefined>) {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined // normalize null to undefined\n\t\tif (this.value != newValue) {\n\t\t\tthis.value = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\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.value = this.initialValue\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Listen(\"smoothlyDateSet\")\n\tdateSetHandler(event: CustomEvent<isoly.Date>) {\n\t\tthis.open = false\n\t\tevent.stopPropagation()\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{ \"has-value\": !!this.value, \"has-text\": this.hasText, \"floating-label\": this.alwaysShowGuide }}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t<slot />\n\t\t\t\t</label>\n\t\t\t\t{this.placeholder && <span class=\"smoothly-date-placeholder\">{this.placeholder}</span>}\n\t\t\t\t<smoothly-date-text\n\t\t\t\t\tref={el => (this.dateTextElement = el)}\n\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.hasText = e.detail))}\n\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), (this.open = false), this.dateTextElement?.deselect())}\n\t\t\t\t/>\n\t\t\t\t<span class=\"icons\" ref={el => (this.iconsElement = el)}>\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && !this.readonly && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput={false}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonSmoothlyValueChange={e => (e.stopPropagation(), this.onUserChangedValue(e))}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}>\n\t\t\t\t\t\t<div slot={\"year-label\"}>\n\t\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div slot={\"month-label\"}>\n\t\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</smoothly-calendar>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-9fe4fd82.js → p-bdfc41a3.js} RENAMED Viewed

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { d as defineCustomElement$f } from './p-9a047645.js';
 import { d as defineCustomElement$e } from './p-f49090bb.js';
 import { d as defineCustomElement$d } from './p-a0beace6.js';
-import { d as defineCustomElement$c } from './p-a396d0bd.js';
+import { d as defineCustomElement$c } from './p-787944b1.js';
 import { d as defineCustomElement$b } from './p-ee2e6e07.js';
 import { d as defineCustomElement$a } from './p-81b41645.js';
 import { d as defineCustomElement$9 } from './p-3e41512a.js';
-import { d as defineCustomElement$8 } from './p-6a388393.js';
-import { d as defineCustomElement$7 } from './p-cf0066e4.js';
+import { d as defineCustomElement$8 } from './p-b2ff62eb.js';
+import { d as defineCustomElement$7 } from './p-ac15cc7c.js';
 import { d as defineCustomElement$6 } from './p-1ca8d560.js';
 import { d as defineCustomElement$5 } from './p-f37f1d31.js';
 import { d as defineCustomElement$4 } from './p-49691c3d.js';
@@ -116,4 +116,4 @@ defineCustomElement();
 export { SmoothlyFormDemoTransparent as S, defineCustomElement as d };
-//# sourceMappingURL=p-9fe4fd82.js.map
+//# sourceMappingURL=p-bdfc41a3.js.map

package/dist/components/{p-9fe4fd82.js.map → p-bdfc41a3.js.map} RENAMED Viewed

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

package/dist/components/{p-c171aeb7.js → p-d7c4e618.js} RENAMED Viewed

@@ -6,11 +6,11 @@ import { f as fromIs } from './p-57ac5d1b.js';
 import { d as defineCustomElement$e } from './p-9a047645.js';
 import { d as defineCustomElement$d } from './p-f49090bb.js';
 import { d as defineCustomElement$c } from './p-a0beace6.js';
-import { d as defineCustomElement$b } from './p-a396d0bd.js';
+import { d as defineCustomElement$b } from './p-787944b1.js';
 import { d as defineCustomElement$a } from './p-ee2e6e07.js';
 import { d as defineCustomElement$9 } from './p-81b41645.js';
 import { d as defineCustomElement$8 } from './p-3e41512a.js';
-import { d as defineCustomElement$7 } from './p-6a388393.js';
+import { d as defineCustomElement$7 } from './p-b2ff62eb.js';
 import { d as defineCustomElement$6 } from './p-f37f1d31.js';
 import { d as defineCustomElement$5 } from './p-41a5264c.js';
 import { d as defineCustomElement$4 } from './p-49691c3d.js';
@@ -128,4 +128,4 @@ defineCustomElement();
 export { SmoothlyFormDemoTyped as S, defineCustomElement as d };
-//# sourceMappingURL=p-c171aeb7.js.map
+//# sourceMappingURL=p-d7c4e618.js.map

package/dist/components/{p-c171aeb7.js.map → p-d7c4e618.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~c171aeb7~~.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}
1	+ {"file":"p-d7c4e618.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-3aae71d8.js → p-d980745d.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { R as RGB } from './p-57ac5d1b.js';
 import { d as defineCustomElement$v } from './p-9a047645.js';
 import { d as defineCustomElement$u } from './p-f49090bb.js';
 import { d as defineCustomElement$t } from './p-a0beace6.js';
-import { d as defineCustomElement$s } from './p-a396d0bd.js';
+import { d as defineCustomElement$s } from './p-787944b1.js';
 import { d as defineCustomElement$r } from './p-9e2ee779.js';
 import { d as defineCustomElement$q } from './p-4e754f3b.js';
 import { d as defineCustomElement$p } from './p-f893b6cc.js';
@@ -15,8 +15,8 @@ import { d as defineCustomElement$k } from './p-3e41512a.js';
 import { d as defineCustomElement$j } from './p-776f0f47.js';
 import { d as defineCustomElement$i } from './p-623bc6f3.js';
 import { d as defineCustomElement$h } from './p-4de813ea.js';
-import { d as defineCustomElement$g } from './p-6a388393.js';
-import { d as defineCustomElement$f } from './p-cf0066e4.js';
+import { d as defineCustomElement$g } from './p-b2ff62eb.js';
+import { d as defineCustomElement$f } from './p-ac15cc7c.js';
 import { d as defineCustomElement$e } from './p-4b7c29bb.js';
 import { d as defineCustomElement$d } from './p-1ca8d560.js';
 import { d as defineCustomElement$c } from './p-f37f1d31.js';
@@ -228,4 +228,4 @@ defineCustomElement();
 export { SmoothlyFormDemoPet as S, defineCustomElement as d };
-//# sourceMappingURL=p-3aae71d8.js.map
+//# sourceMappingURL=p-d980745d.js.map