smoothly 1.76.0 → 1.77.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.
- package/dist/cjs/smoothly-app_103.cjs.entry.js +14 -5
- package/dist/cjs/smoothly-app_103.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/date/range/index.js +15 -5
- package/dist/collection/components/input/date/range/index.js.map +1 -1
- package/dist/components/{p-90db5f7f.js → p-3aae71d8.js} +2 -2
- package/dist/components/{p-90db5f7f.js.map → p-3aae71d8.js.map} +1 -1
- package/dist/components/{p-c1f4b925.js → p-3eba0846.js} +2 -2
- package/dist/components/{p-c1f4b925.js.map → p-3eba0846.js.map} +1 -1
- package/dist/components/{p-7c5817bb.js → p-3fe7e5a5.js} +5 -5
- package/dist/components/{p-7c5817bb.js.map → p-3fe7e5a5.js.map} +1 -1
- package/dist/components/{p-992a6946.js → p-418493df.js} +2 -2
- package/dist/components/{p-992a6946.js.map → p-418493df.js.map} +1 -1
- package/dist/components/{p-6ac528cf.js → p-9fe4fd82.js} +2 -2
- package/dist/components/{p-6ac528cf.js.map → p-9fe4fd82.js.map} +1 -1
- package/dist/components/{p-0f3588fe.js → p-a7fa13af.js} +2 -2
- package/dist/components/{p-0f3588fe.js.map → p-a7fa13af.js.map} +1 -1
- package/dist/components/{p-9b3fd2ae.js → p-c2fc7519.js} +2 -2
- package/dist/components/{p-9b3fd2ae.js.map → p-c2fc7519.js.map} +1 -1
- package/dist/components/{p-7446e68b.js → p-c73e384a.js} +5 -5
- package/dist/components/{p-7446e68b.js.map → p-c73e384a.js.map} +1 -1
- package/dist/components/{p-6c6672ff.js → p-cf0066e4.js} +16 -6
- package/dist/components/p-cf0066e4.js.map +1 -0
- package/dist/components/smoothly-app-demo.js +9 -9
- package/dist/components/smoothly-form-demo-date-range.js +1 -1
- package/dist/components/smoothly-form-demo-pet.js +1 -1
- package/dist/components/smoothly-form-demo-transparent.js +1 -1
- package/dist/components/smoothly-form-demo.js +1 -1
- package/dist/components/smoothly-input-checkbox-demo.js +1 -1
- package/dist/components/smoothly-input-date-demo.js +1 -1
- package/dist/components/smoothly-input-date-range.js +1 -1
- package/dist/components/smoothly-input-demo-standard.js +1 -1
- package/dist/components/smoothly-input-demo-user-input.js +1 -1
- package/dist/components/smoothly-input-demo.js +1 -1
- package/dist/esm/smoothly-app_103.entry.js +14 -5
- package/dist/esm/smoothly-app_103.entry.js.map +1 -1
- package/dist/smoothly/{p-edc714b6.entry.js → p-3eeb5af5.entry.js} +2 -2
- package/dist/smoothly/{p-edc714b6.entry.js.map → p-3eeb5af5.entry.js.map} +1 -1
- package/dist/smoothly/smoothly.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-6c6672ff.js.map +0 -1
|
@@ -13,7 +13,7 @@ import { d as defineCustomElement$d } from './p-3e41512a.js';
|
|
|
13
13
|
import { d as defineCustomElement$c } from './p-776f0f47.js';
|
|
14
14
|
import { d as defineCustomElement$b } from './p-4de813ea.js';
|
|
15
15
|
import { d as defineCustomElement$a } from './p-6a388393.js';
|
|
16
|
-
import { d as defineCustomElement$9 } from './p-
|
|
16
|
+
import { d as defineCustomElement$9 } from './p-cf0066e4.js';
|
|
17
17
|
import { d as defineCustomElement$8 } from './p-4b7c29bb.js';
|
|
18
18
|
import { d as defineCustomElement$7 } from './p-f37f1d31.js';
|
|
19
19
|
import { d as defineCustomElement$6 } from './p-55a6fa56.js';
|
|
@@ -192,4 +192,4 @@ defineCustomElement();
|
|
|
192
192
|
|
|
193
193
|
export { SmoothlyInputDemoUserInput as S, defineCustomElement as d };
|
|
194
194
|
|
|
195
|
-
//# sourceMappingURL=p-
|
|
195
|
+
//# sourceMappingURL=p-a7fa13af.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-0f3588fe.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-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}
|
|
@@ -7,7 +7,7 @@ import { d as defineCustomElement$8 } from './p-81b41645.js';
|
|
|
7
7
|
import { d as defineCustomElement$7 } from './p-776f0f47.js';
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-623bc6f3.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-6a388393.js';
|
|
10
|
-
import { d as defineCustomElement$4 } from './p-
|
|
10
|
+
import { d as defineCustomElement$4 } from './p-cf0066e4.js';
|
|
11
11
|
import { d as defineCustomElement$3 } from './p-f37f1d31.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-49691c3d.js';
|
|
13
13
|
import { d as defineCustomElement$1 } from './p-7c3726d9.js';
|
|
@@ -105,4 +105,4 @@ defineCustomElement();
|
|
|
105
105
|
|
|
106
106
|
export { SmoothlyInputDateDemo as S, defineCustomElement as d };
|
|
107
107
|
|
|
108
|
-
//# sourceMappingURL=p-
|
|
108
|
+
//# sourceMappingURL=p-c2fc7519.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
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}
|
|
@@ -13,12 +13,12 @@ import { d as defineCustomElement$x } from './p-26849f64.js';
|
|
|
13
13
|
import { d as defineCustomElement$w } from './p-43808164.js';
|
|
14
14
|
import { d as defineCustomElement$v } from './p-499f367d.js';
|
|
15
15
|
import { d as defineCustomElement$u } from './p-0d6dff46.js';
|
|
16
|
-
import { d as defineCustomElement$t } from './p-
|
|
16
|
+
import { d as defineCustomElement$t } from './p-418493df.js';
|
|
17
17
|
import { d as defineCustomElement$s } from './p-8f293fc2.js';
|
|
18
|
-
import { d as defineCustomElement$r } from './p-
|
|
18
|
+
import { d as defineCustomElement$r } from './p-3aae71d8.js';
|
|
19
19
|
import { d as defineCustomElement$q } from './p-b4872687.js';
|
|
20
20
|
import { d as defineCustomElement$p } from './p-a28d2ee0.js';
|
|
21
|
-
import { d as defineCustomElement$o } from './p-
|
|
21
|
+
import { d as defineCustomElement$o } from './p-9fe4fd82.js';
|
|
22
22
|
import { d as defineCustomElement$n } from './p-c171aeb7.js';
|
|
23
23
|
import { d as defineCustomElement$m } from './p-81b41645.js';
|
|
24
24
|
import { d as defineCustomElement$l } from './p-3e41512a.js';
|
|
@@ -26,7 +26,7 @@ import { d as defineCustomElement$k } from './p-776f0f47.js';
|
|
|
26
26
|
import { d as defineCustomElement$j } from './p-623bc6f3.js';
|
|
27
27
|
import { d as defineCustomElement$i } from './p-4de813ea.js';
|
|
28
28
|
import { d as defineCustomElement$h } from './p-6a388393.js';
|
|
29
|
-
import { d as defineCustomElement$g } from './p-
|
|
29
|
+
import { d as defineCustomElement$g } from './p-cf0066e4.js';
|
|
30
30
|
import { d as defineCustomElement$f } from './p-4b7c29bb.js';
|
|
31
31
|
import { d as defineCustomElement$e } from './p-df426624.js';
|
|
32
32
|
import { d as defineCustomElement$d } from './p-1ca8d560.js';
|
|
@@ -288,4 +288,4 @@ defineCustomElement();
|
|
|
288
288
|
|
|
289
289
|
export { SmoothlyFormDemo as S, defineCustomElement as d };
|
|
290
290
|
|
|
291
|
-
//# sourceMappingURL=p-
|
|
291
|
+
//# sourceMappingURL=p-c73e384a.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-c73e384a.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,QAAQ,GAAG,qKAAqK,CAAC;AACvL,+BAAe,QAAQ;;MCMV,gBAAgB;;;;;IAC5B,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,8DACC,gFAA0B,EAC1B,gFAA0B,EAC1B,iFAA2B,EAC3B,kFAA4B,EAC5B,mFAA6B,EAC7B,kFAA4B,EAC5B,wFAAkC,EAClC,iFAA2B,EAC3B,qFAA+B,EAC/B,uFAAiC,EACjC,uFAAiC,CAC5B,CACA,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/form/demo/style.css?tag=smoothly-form-demo&encapsulation=scoped","src/components/form/demo/index.tsx"],"sourcesContent":[":host {\n\tdisplay: flex;\n\tmargin-top: 2em;\n\tmargin-bottom: 10em;\n}\n\n:host>div {\n\tmargin: auto;\n\twidth: 1200px;\n\tmax-width: 100%;\n}\n","import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemo {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div>\n\t\t\t\t\t<smoothly-form-demo-all />\n\t\t\t\t\t<smoothly-form-demo-pet />\n\t\t\t\t\t<smoothly-form-demo-card />\n\t\t\t\t\t<smoothly-form-demo-login />\n\t\t\t\t\t<smoothly-form-demo-prices />\n\t\t\t\t\t<smoothly-form-demo-typed />\n\t\t\t\t\t<smoothly-form-demo-transparent />\n\t\t\t\t\t<smoothly-form-demo-date />\n\t\t\t\t\t<smoothly-form-demo-schedule />\n\t\t\t\t\t<smoothly-form-demo-date-range />\n\t\t\t\t\t<smoothly-form-demo-controlled />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
|
|
2
|
+
import { D as Date } from './p-390767c7.js';
|
|
2
3
|
import { E as Editable } from './p-ddd5bc95.js';
|
|
3
4
|
import { I as Input } from './p-ee2e6e07.js';
|
|
4
5
|
import { d as defineCustomElement$6 } from './p-a0beace6.js';
|
|
@@ -91,10 +92,19 @@ const SmoothlyInputDateRange = proxyCustomElement(class SmoothlyInputDateRange e
|
|
|
91
92
|
this.open = !this.open || includesTextElement;
|
|
92
93
|
}
|
|
93
94
|
async onSmoothlyDateTextChange(event, startOrEnd) {
|
|
94
|
-
var _a;
|
|
95
|
+
var _a, _b, _c;
|
|
95
96
|
event.stopPropagation();
|
|
96
97
|
const newValue = (_a = event.detail) !== null && _a !== void 0 ? _a : undefined;
|
|
97
|
-
|
|
98
|
+
const start = startOrEnd == "start" ? newValue : this.start;
|
|
99
|
+
const end = startOrEnd == "end" ? newValue : this.end;
|
|
100
|
+
if (Date.is(start) && Date.is(end) && start > end) {
|
|
101
|
+
this.start = end;
|
|
102
|
+
this.end = start;
|
|
103
|
+
(_b = this.startTextElement) === null || _b === void 0 ? void 0 : _b.setValue(this.start);
|
|
104
|
+
(_c = this.endTextElement) === null || _c === void 0 ? void 0 : _c.setValue(this.end);
|
|
105
|
+
this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
|
|
106
|
+
}
|
|
107
|
+
else if (this[startOrEnd] != newValue) {
|
|
98
108
|
this[startOrEnd] = newValue;
|
|
99
109
|
this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
|
|
100
110
|
}
|
|
@@ -136,15 +146,15 @@ const SmoothlyInputDateRange = proxyCustomElement(class SmoothlyInputDateRange e
|
|
|
136
146
|
this.smoothlyInput.emit({ [this.name]: undefined });
|
|
137
147
|
}
|
|
138
148
|
render() {
|
|
139
|
-
return (h(Host, { key: '
|
|
149
|
+
return (h(Host, { key: 'e679040ae05b729f921a4ee33f0d8080e6dcff73', tabindex: this.disabled ? undefined : 0, class: {
|
|
140
150
|
"has-value": !!(this.start || this.end),
|
|
141
151
|
"has-text": !!(this.startHasText || this.endHasText),
|
|
142
152
|
"floating-label": this.alwaysShowGuide,
|
|
143
|
-
} }, h("span", { key: '
|
|
153
|
+
} }, h("span", { key: '459c0e53a0f225c2a3c6f2b283e0af03a178e99f', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, h("slot", { key: '9919d8355ce88285435e525c1b697ddf4f6cec77', name: "start" }), h("label", { key: 'd84eb3506216d16187c3a61ea260941c17bfd22d', class: "label float-on-focus" }, h("slot", { key: '6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a' })), this.placeholder && h("span", { key: 'a46d828926e3e41dc4557acecd597655f0772f41', class: "smoothly-date-range-placeholder" }, this.placeholder), h("smoothly-date-text", { key: 'e4b593d68430c58ab9fe2f7778addc71018ca581', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
|
|
144
154
|
var _a, _b;
|
|
145
155
|
return (e.stopPropagation(),
|
|
146
156
|
this.end ? ((_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)) : (_b = this.endTextElement) === null || _b === void 0 ? void 0 : _b.select());
|
|
147
|
-
}, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), h("span", { key: '
|
|
157
|
+
}, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), h("span", { key: '8202a1af32cb67caf4cabddbaf80f2775f34277a', class: "smoothly-date-range-separator" }, " \u2013 "), h("smoothly-date-text", { key: 'eb43cd46ca12848bea21af6ae1fe65a5e84d457b', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), h("span", { key: '422516b5f919cf0c9cd0b5480e2b4a506894d01b', class: "icons" }, h("slot", { key: '6083b435efed3bbc24239ef4a67a8a7398544a76', name: "end" })), this.open && (h("smoothly-calendar", { key: '4890cb45bdda6451a186f5bc0de8cb84dbe2425e', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => (e.stopPropagation(), (this.start = e.detail)), onSmoothlyEndChange: e => (e.stopPropagation(), (this.end = e.detail)), onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
|
|
148
158
|
e.stopPropagation();
|
|
149
159
|
this.open = false;
|
|
150
160
|
this.smoothlyInput.emit({ [this.name]: e.detail });
|
|
@@ -240,4 +250,4 @@ defineCustomElement();
|
|
|
240
250
|
|
|
241
251
|
export { SmoothlyInputDateRange as S, defineCustomElement as d };
|
|
242
252
|
|
|
243
|
-
//# sourceMappingURL=p-
|
|
253
|
+
//# sourceMappingURL=p-cf0066e4.js.map
|
|
@@ -0,0 +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}
|
|
@@ -24,17 +24,17 @@ import { d as defineCustomElement$1i } from './p-70d0beae.js';
|
|
|
24
24
|
import { d as defineCustomElement$1h } from './p-013cabb8.js';
|
|
25
25
|
import { d as defineCustomElement$1g } from './p-45397fb7.js';
|
|
26
26
|
import { d as defineCustomElement$1f } from './p-ee2e6e07.js';
|
|
27
|
-
import { d as defineCustomElement$1e } from './p-
|
|
27
|
+
import { d as defineCustomElement$1e } from './p-c73e384a.js';
|
|
28
28
|
import { d as defineCustomElement$1d } from './p-26849f64.js';
|
|
29
29
|
import { d as defineCustomElement$1c } from './p-43808164.js';
|
|
30
30
|
import { d as defineCustomElement$1b } from './p-499f367d.js';
|
|
31
31
|
import { d as defineCustomElement$1a } from './p-0d6dff46.js';
|
|
32
|
-
import { d as defineCustomElement$19 } from './p-
|
|
32
|
+
import { d as defineCustomElement$19 } from './p-418493df.js';
|
|
33
33
|
import { d as defineCustomElement$18 } from './p-8f293fc2.js';
|
|
34
|
-
import { d as defineCustomElement$17 } from './p-
|
|
34
|
+
import { d as defineCustomElement$17 } from './p-3aae71d8.js';
|
|
35
35
|
import { d as defineCustomElement$16 } from './p-b4872687.js';
|
|
36
36
|
import { d as defineCustomElement$15 } from './p-a28d2ee0.js';
|
|
37
|
-
import { d as defineCustomElement$14 } from './p-
|
|
37
|
+
import { d as defineCustomElement$14 } from './p-9fe4fd82.js';
|
|
38
38
|
import { d as defineCustomElement$13 } from './p-c171aeb7.js';
|
|
39
39
|
import { d as defineCustomElement$12 } from './p-d8e3f8c5.js';
|
|
40
40
|
import { d as defineCustomElement$11 } from './p-81b41645.js';
|
|
@@ -45,12 +45,12 @@ import { d as defineCustomElement$Z } from './p-623bc6f3.js';
|
|
|
45
45
|
import { d as defineCustomElement$Y } from './p-4de813ea.js';
|
|
46
46
|
import { d as defineCustomElement$X } from './p-5e94caf5.js';
|
|
47
47
|
import { d as defineCustomElement$W } from './p-6a388393.js';
|
|
48
|
-
import { d as defineCustomElement$V } from './p-
|
|
49
|
-
import { d as defineCustomElement$U } from './p-
|
|
48
|
+
import { d as defineCustomElement$V } from './p-c2fc7519.js';
|
|
49
|
+
import { d as defineCustomElement$U } from './p-cf0066e4.js';
|
|
50
50
|
import { d as defineCustomElement$T } from './p-4b7c29bb.js';
|
|
51
|
-
import { d as defineCustomElement$S } from './p-
|
|
52
|
-
import { d as defineCustomElement$R } from './p-
|
|
53
|
-
import { d as defineCustomElement$Q } from './p-
|
|
51
|
+
import { d as defineCustomElement$S } from './p-3fe7e5a5.js';
|
|
52
|
+
import { d as defineCustomElement$R } from './p-3eba0846.js';
|
|
53
|
+
import { d as defineCustomElement$Q } from './p-a7fa13af.js';
|
|
54
54
|
import { d as defineCustomElement$P } from './p-df426624.js';
|
|
55
55
|
import { d as defineCustomElement$O } from './p-1ca8d560.js';
|
|
56
56
|
import { d as defineCustomElement$N } from './p-f37f1d31.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-418493df.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyFormDemoDateRange = SmoothlyFormDemoDateRange$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-3aae71d8.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyFormDemoPet = SmoothlyFormDemoPet$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-9fe4fd82.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyFormDemoTransparent = SmoothlyFormDemoTransparent$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-c73e384a.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyFormDemo = SmoothlyFormDemo$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -16,7 +16,7 @@ import { d as defineCustomElement$i } from './p-776f0f47.js';
|
|
|
16
16
|
import { d as defineCustomElement$h } from './p-623bc6f3.js';
|
|
17
17
|
import { d as defineCustomElement$g } from './p-4de813ea.js';
|
|
18
18
|
import { d as defineCustomElement$f } from './p-6a388393.js';
|
|
19
|
-
import { d as defineCustomElement$e } from './p-
|
|
19
|
+
import { d as defineCustomElement$e } from './p-cf0066e4.js';
|
|
20
20
|
import { d as defineCustomElement$d } from './p-df426624.js';
|
|
21
21
|
import { d as defineCustomElement$c } from './p-1ca8d560.js';
|
|
22
22
|
import { d as defineCustomElement$b } from './p-f37f1d31.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyInputDateDemo$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyInputDateDemo$1, d as defineCustomElement$1 } from './p-c2fc7519.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyInputDateDemo = SmoothlyInputDateDemo$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyInputDateRange$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyInputDateRange$1, d as defineCustomElement$1 } from './p-cf0066e4.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyInputDateRange = SmoothlyInputDateRange$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-3eba0846.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyInputDemoStandard = SmoothlyInputDemoStandard$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyInputDemoUserInput$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyInputDemoUserInput$1, d as defineCustomElement$1 } from './p-a7fa13af.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyInputDemoUserInput = SmoothlyInputDemoUserInput$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-3fe7e5a5.js';
|
|
2
2
|
|
|
3
3
|
const SmoothlyInputDemo = SmoothlyInputDemo$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -10221,10 +10221,19 @@ const SmoothlyInputDateRange = class {
|
|
|
10221
10221
|
this.open = !this.open || includesTextElement;
|
|
10222
10222
|
}
|
|
10223
10223
|
async onSmoothlyDateTextChange(event, startOrEnd) {
|
|
10224
|
-
var _a;
|
|
10224
|
+
var _a, _b, _c;
|
|
10225
10225
|
event.stopPropagation();
|
|
10226
10226
|
const newValue = (_a = event.detail) !== null && _a !== void 0 ? _a : undefined;
|
|
10227
|
-
|
|
10227
|
+
const start = startOrEnd == "start" ? newValue : this.start;
|
|
10228
|
+
const end = startOrEnd == "end" ? newValue : this.end;
|
|
10229
|
+
if (Date$1.is(start) && Date$1.is(end) && start > end) {
|
|
10230
|
+
this.start = end;
|
|
10231
|
+
this.end = start;
|
|
10232
|
+
(_b = this.startTextElement) === null || _b === void 0 ? void 0 : _b.setValue(this.start);
|
|
10233
|
+
(_c = this.endTextElement) === null || _c === void 0 ? void 0 : _c.setValue(this.end);
|
|
10234
|
+
this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
|
|
10235
|
+
}
|
|
10236
|
+
else if (this[startOrEnd] != newValue) {
|
|
10228
10237
|
this[startOrEnd] = newValue;
|
|
10229
10238
|
this.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() });
|
|
10230
10239
|
}
|
|
@@ -10266,15 +10275,15 @@ const SmoothlyInputDateRange = class {
|
|
|
10266
10275
|
this.smoothlyInput.emit({ [this.name]: undefined });
|
|
10267
10276
|
}
|
|
10268
10277
|
render() {
|
|
10269
|
-
return (h(Host, { key: '
|
|
10278
|
+
return (h(Host, { key: 'e679040ae05b729f921a4ee33f0d8080e6dcff73', tabindex: this.disabled ? undefined : 0, class: {
|
|
10270
10279
|
"has-value": !!(this.start || this.end),
|
|
10271
10280
|
"has-text": !!(this.startHasText || this.endHasText),
|
|
10272
10281
|
"floating-label": this.alwaysShowGuide,
|
|
10273
|
-
} }, h("span", { key: '
|
|
10282
|
+
} }, h("span", { key: '459c0e53a0f225c2a3c6f2b283e0af03a178e99f', class: "smoothly-date-range-input-part", onClick: (e) => this.onClick(e) }, h("slot", { key: '9919d8355ce88285435e525c1b697ddf4f6cec77', name: "start" }), h("label", { key: 'd84eb3506216d16187c3a61ea260941c17bfd22d', class: "label float-on-focus" }, h("slot", { key: '6d9728f0e13d1b3f18d66d19d7ff3adfa6b9557a' })), this.placeholder && h("span", { key: 'a46d828926e3e41dc4557acecd597655f0772f41', class: "smoothly-date-range-placeholder" }, this.placeholder), h("smoothly-date-text", { key: 'e4b593d68430c58ab9fe2f7778addc71018ca581', ref: el => (this.startTextElement = el), class: "start-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.startHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "start")), onSmoothlyDateTextNext: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.select()); }, onSmoothlyDateTextDone: e => {
|
|
10274
10283
|
var _a, _b;
|
|
10275
10284
|
return (e.stopPropagation(),
|
|
10276
10285
|
this.end ? ((_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)) : (_b = this.endTextElement) === null || _b === void 0 ? void 0 : _b.select());
|
|
10277
|
-
}, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), h("span", { key: '
|
|
10286
|
+
}, value: this.start, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel }), h("span", { key: '8202a1af32cb67caf4cabddbaf80f2775f34277a', class: "smoothly-date-range-separator" }, " \u2013 "), h("smoothly-date-text", { key: 'eb43cd46ca12848bea21af6ae1fe65a5e84d457b', ref: el => (this.endTextElement = el), class: "end-date-text", locale: this.locale, onSmoothlyDateTextHasText: e => (e.stopPropagation(), (this.endHasText = e.detail)), onSmoothlyDateTextFocusChange: e => (e.stopPropagation(), (this.hasFocus = e.detail)), onSmoothlyDateHasPartialDate: e => { var _a; return (e.stopPropagation(), (_a = this.calendarElement) === null || _a === void 0 ? void 0 : _a.jumpTo(e.detail)); }, onSmoothlyDateTextChange: e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, "end")), onSmoothlyDateTextPrevious: e => { var _a; return (e.stopPropagation(), (_a = this.startTextElement) === null || _a === void 0 ? void 0 : _a.select("end")); }, onSmoothlyDateTextNext: e => e.stopPropagation(), onSmoothlyDateTextDone: e => { var _a; return (e.stopPropagation(), (_a = this.endTextElement) === null || _a === void 0 ? void 0 : _a.deselect(), (this.open = false)); }, value: this.end, readonly: this.readonly, disabled: this.disabled, invalid: this.invalid, showLabel: this.showLabel })), h("span", { key: '422516b5f919cf0c9cd0b5480e2b4a506894d01b', class: "icons" }, h("slot", { key: '6083b435efed3bbc24239ef4a67a8a7398544a76', name: "end" })), this.open && (h("smoothly-calendar", { key: '4890cb45bdda6451a186f5bc0de8cb84dbe2425e', ref: el => (this.calendarElement = el), doubleInput: true, onSmoothlyValueChange: e => e.stopPropagation(), onSmoothlyStartChange: e => (e.stopPropagation(), (this.start = e.detail)), onSmoothlyEndChange: e => (e.stopPropagation(), (this.end = e.detail)), onSmoothlyDateSet: e => e.stopPropagation(), onSmoothlyDateRangeSet: e => {
|
|
10278
10287
|
e.stopPropagation();
|
|
10279
10288
|
this.open = false;
|
|
10280
10289
|
this.smoothlyInput.emit({ [this.name]: e.detail });
|