smoothly 1.4.0 → 1.5.0

package/dist/components/{p-b1d28f3f.js.map → p-c3d52c12.js.map}

@@ -1 +1 @@
-{"file":"p-b1d28f3f.js","mappings":"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","names":["isoly.Date","generate.years","generate.months"],"sources":["src/components/calendar/generate.ts","src/components/input/month/style.css?tag=smoothly-input-month&encapsulation=scoped","src/components/input/month/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport function month(date: isoly.Date): isoly.Date[][] {\n\tconst d = new Date(date)\n\td.setDate(1)\n\tlet day = -((d.getDay() + 6) % 7) + 1\n\tconst result: string[][] = []\n\tfor (let row = 0; row < 6; row++) {\n\t\tconst r = []\n\t\tfor (let column = 0; column < 7; column++) {\n\t\t\tconst d = new Date(date)\n\t\t\td.setUTCDate(day++)\n\t\t\tr.push(isoly.Date.create(d))\n\t\t}\n\t\tif (row < 5 || isoly.Date.firstOfMonth(r[0]) == isoly.Date.firstOfMonth(date))\n\t\t\tresult.push(r)\n\t}\n\treturn result\n}\n\nexport function weekdays(): string[] {\n\tconst day = new globalThis.Date()\n\tday.setDate(day.getDate() - day.getDay() + 1)\n\tconst result: string[] = []\n\tfor (let i = 0; i < 7; i++) {\n\t\tresult.push(day.toLocaleString(undefined, { weekday: \"short\" }))\n\t\tday.setDate(day.getDate() + 1)\n\t}\n\treturn result\n}\n\nexport function months(current: isoly.Date): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = 0; i < 12; i++) {\n\t\tday.setMonth(i, 28)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { month: \"long\" }),\n\t\t\tselected: date.substr(0, 7) == current.substr(0, 7),\n\t\t})\n\t}\n\treturn result\n}\nexport function years(\n\tcurrent: isoly.Date,\n\tmin?: isoly.Date,\n\tmax?: isoly.Date\n): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst start = min ? isoly.Date.getYear(min) : new Date().getFullYear() - 50\n\tconst end = max ? isoly.Date.getYear(max) : new Date().getFullYear() + 50\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = start; i <= end; i++) {\n\t\tday.setFullYear(i)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { year: \"numeric\" }),\n\t\t\tselected: date == current,\n\t\t})\n\t}\n\treturn result\n}\n",":host {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host:not([in-calendar])>smoothly-input-select {\n\tdisplay: flex;\n\tflex: 1;\n}\n\n:host[looks=line],\n:host[looks=border],\n:host[looks=transparent] {\n\tgap: 2em;\n}\n\n:host:not([previous])>smoothly-icon:first-of-type,\n:host:not([next])>smoothly-icon:last-of-type {\n\tdisplay: none;\n}\n:host>smoothly-icon {\n\tdisplay: flex;\n\talign-self: center;\n\tcursor: pointer;\n}\n:host>smoothly-icon.disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\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\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Data } from \"../../../model\"\nimport { Color } from \"../../../model\"\nimport * as generate from \"../../calendar/generate\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputMonth implements ComponentWillLoad, Input, Editable {\n\tchanged: boolean\n\tparent: Editable | undefined\n\t@Element() element: HTMLSmoothlyInputMonthElement\n\t@Prop({ reflect: true, mutable: true }) readonly: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value?: isoly.Date = isoly.Date.now()\n\t@Prop({ mutable: true }) max?: isoly.Date\n\t@Prop({ mutable: true }) min?: isoly.Date\n\t@Prop({ reflect: true }) next = false\n\t@Prop({ reflect: true }) previous = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() allowPreviousMonth = true\n\t@State() allowNextMonth = true\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\tprivate year?: HTMLSmoothlyInputSelectElement\n\tprivate month?: HTMLSmoothlyInputSelectElement\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tprivate adjustMonth(delta: number): void {\n\t\tif (!this.readonly) {\n\t\t\tconst date = isoly.Date.parse(this.value ?? isoly.Date.now())\n\t\t\tdate.setMonth(date.getMonth() + delta)\n\t\t\tthis.value = isoly.Date.create(date)\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(\"value\")\n\t@Watch(\"min\")\n\tsetAllowPreviousMonth() {\n\t\tconst previousMonth = isoly.Date.previousMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst minMonth = this.min?.substring(0, 7)\n\t\tthis.allowPreviousMonth = !minMonth || previousMonth >= minMonth\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"max\")\n\tsetAllowNextMonth() {\n\t\tconst nextMonth = isoly.Date.nextMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst maxMonth = this.max?.substring(0, 7)\n\t\tthis.allowNextMonth = !maxMonth || nextMonth <= maxMonth\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 clear(): Promise<void> {\n\t\tthis.year?.clear()\n\t\tthis.month?.clear()\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.year?.reset()\n\t\tthis.month?.reset()\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.year?.setInitialValue()\n\t\tthis.month?.setInitialValue()\n\t}\n\tinputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst year = event.detail[`${this.name}-year`]\n\t\t\tconst month = event.detail[`${this.name}-month`]\n\t\t\tif (month && isoly.Date.is(month))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(month)\n\t\t\telse if (year && isoly.Date.is(year))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(year)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks, color?: Color) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks, this.color)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-back-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly || !this.allowPreviousMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowPreviousMonth && this.adjustMonth(-1)}\n\t\t\t\t/>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.year = e)}\n\t\t\t\t\tname={`${this.name}-year`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tchanged={this.changed}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.years(this.value ?? isoly.Date.now(), this.min, this.max).map(year => (\n\t\t\t\t\t\t<smoothly-item key={year.date} value={year.date} selected={year.selected || this.value == year.date}>\n\t\t\t\t\t\t\t{year.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.month = e)}\n\t\t\t\t\tname={`${this.name}-month`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tchanged={this.changed}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.months(this.value ?? isoly.Date.now()).map(month => (\n\t\t\t\t\t\t<smoothly-item key={month.date} value={month.date} selected={month.selected || this.value == month.date}>\n\t\t\t\t\t\t\t{month.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-forward-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly || !this.allowNextMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowNextMonth && this.adjustMonth(1)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-c3d52c12.js","mappings":"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","names":["isoly.Date","generate.years","generate.months"],"sources":["src/components/calendar/generate.ts","src/components/input/month/style.css?tag=smoothly-input-month&encapsulation=scoped","src/components/input/month/index.tsx"],"sourcesContent":["import { isoly } from \"isoly\"\n\nexport function month(date: isoly.Date): isoly.Date[][] {\n\tconst d = new Date(date)\n\td.setDate(1)\n\tlet day = -((d.getDay() + 6) % 7) + 1\n\tconst result: string[][] = []\n\tfor (let row = 0; row < 6; row++) {\n\t\tconst r = []\n\t\tfor (let column = 0; column < 7; column++) {\n\t\t\tconst d = new Date(date)\n\t\t\td.setUTCDate(day++)\n\t\t\tr.push(isoly.Date.create(d))\n\t\t}\n\t\tif (row < 5 || isoly.Date.firstOfMonth(r[0]) == isoly.Date.firstOfMonth(date))\n\t\t\tresult.push(r)\n\t}\n\treturn result\n}\n\nexport function weekdays(): string[] {\n\tconst day = new globalThis.Date()\n\tday.setDate(day.getDate() - day.getDay() + 1)\n\tconst result: string[] = []\n\tfor (let i = 0; i < 7; i++) {\n\t\tresult.push(day.toLocaleString(undefined, { weekday: \"short\" }))\n\t\tday.setDate(day.getDate() + 1)\n\t}\n\treturn result\n}\n\nexport function months(current: isoly.Date): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = 0; i < 12; i++) {\n\t\tday.setMonth(i, 28)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { month: \"long\" }),\n\t\t\tselected: date.substr(0, 7) == current.substr(0, 7),\n\t\t})\n\t}\n\treturn result\n}\nexport function years(\n\tcurrent: isoly.Date,\n\tmin?: isoly.Date,\n\tmax?: isoly.Date\n): { date: isoly.Date; name: string; selected?: boolean }[] {\n\tconst day = new globalThis.Date(current)\n\tconst start = min ? isoly.Date.getYear(min) : new Date().getFullYear() - 50\n\tconst end = max ? isoly.Date.getYear(max) : new Date().getFullYear() + 50\n\tconst result: { date: isoly.Date; name: string; selected?: boolean }[] = []\n\tfor (let i = start; i <= end; i++) {\n\t\tday.setFullYear(i)\n\t\tconst date = isoly.Date.create(day)\n\t\tresult.push({\n\t\t\tdate,\n\t\t\tname: day.toLocaleString(undefined, { year: \"numeric\" }),\n\t\t\tselected: date == current,\n\t\t})\n\t}\n\treturn result\n}\n",":host {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host:not([in-calendar])>smoothly-input-select {\n\tdisplay: flex;\n\tflex: 1;\n}\n\n:host[looks=line],\n:host[looks=border],\n:host[looks=transparent] {\n\tgap: 2em;\n}\n\n:host:not([previous])>smoothly-icon:first-of-type,\n:host:not([next])>smoothly-icon:last-of-type {\n\tdisplay: none;\n}\n:host>smoothly-icon {\n\tdisplay: flex;\n\talign-self: center;\n\tcursor: pointer;\n}\n:host>smoothly-icon.disabled {\n\topacity: 0.5;\n\tcursor: not-allowed;\n}\n\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\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Data } from \"../../../model\"\nimport { Color } from \"../../../model\"\nimport * as generate from \"../../calendar/generate\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputMonth implements ComponentWillLoad, Input, Editable {\n\tchanged: boolean\n\tparent: Editable | undefined\n\t@Element() element: HTMLSmoothlyInputMonthElement\n\t@Prop({ reflect: true, mutable: true }) readonly: boolean\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value?: isoly.Date = isoly.Date.now()\n\t@Prop({ mutable: true }) max?: isoly.Date\n\t@Prop({ mutable: true }) min?: isoly.Date\n\t@Prop({ reflect: true }) next = false\n\t@Prop({ reflect: true }) previous = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@State() allowPreviousMonth = true\n\t@State() allowNextMonth = true\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\tprivate year?: HTMLSmoothlyInputSelectElement\n\tprivate month?: HTMLSmoothlyInputSelectElement\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = this.looks ?? looks))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t}\n\tprivate adjustMonth(delta: number): void {\n\t\tif (!this.readonly) {\n\t\t\tconst date = isoly.Date.parse(this.value ?? isoly.Date.now())\n\t\t\tdate.setMonth(date.getMonth() + delta)\n\t\t\tthis.value = isoly.Date.create(date)\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(\"value\")\n\t@Watch(\"min\")\n\tsetAllowPreviousMonth() {\n\t\tconst previousMonth = isoly.Date.previousMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst minMonth = this.min?.substring(0, 7)\n\t\tthis.allowPreviousMonth = !minMonth || previousMonth >= minMonth\n\t}\n\t@Watch(\"value\")\n\t@Watch(\"max\")\n\tsetAllowNextMonth() {\n\t\tconst nextMonth = isoly.Date.nextMonth(this.value ?? isoly.Date.now()).substring(0, 7)\n\t\tconst maxMonth = this.max?.substring(0, 7)\n\t\tthis.allowNextMonth = !maxMonth || nextMonth <= maxMonth\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 clear(): Promise<void> {\n\t\tthis.year?.clear()\n\t\tthis.month?.clear()\n\t}\n\t@Method()\n\tasync listen(property: \"changed\", listener: (parent: Editable) => Promise<void>): Promise<void> {\n\t\tthis.listener[property] = listener\n\t\tlistener(this)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.year?.reset()\n\t\tthis.month?.reset()\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.year?.setInitialValue()\n\t\tthis.month?.setInitialValue()\n\t}\n\tinputHandler(event: CustomEvent<Record<string, any>>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tconst year = event.detail[`${this.name}-year`]\n\t\t\tconst month = event.detail[`${this.name}-month`]\n\t\t\tif (month && isoly.Date.is(month))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(month)\n\t\t\telse if (year && isoly.Date.is(year))\n\t\t\t\tthis.value = isoly.Date.firstOfMonth(year)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks?: Looks, color?: Color) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this.looks, this.color)\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: Editable) => void>): Promise<void> {\n\t\tif (event.target != this.element)\n\t\t\tevent.stopPropagation()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-back-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly || !this.allowPreviousMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowPreviousMonth && this.adjustMonth(-1)}\n\t\t\t\t/>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.year = e)}\n\t\t\t\t\tname={`${this.name}-year`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tchanged={this.changed}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"year-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.years(this.value ?? isoly.Date.now(), this.min, this.max).map(year => (\n\t\t\t\t\t\t<smoothly-item key={year.date} value={year.date} selected={year.selected || this.value == year.date}>\n\t\t\t\t\t\t\t{year.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-input-select\n\t\t\t\t\tref={e => (this.month = e)}\n\t\t\t\t\tname={`${this.name}-month`}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tlooks={this.looks}\n\t\t\t\t\tchanged={this.changed}\n\t\t\t\t\tmenuHeight=\"5.5items\"\n\t\t\t\t\trequired\n\t\t\t\t\tordered\n\t\t\t\t\tinCalendar={this.inCalendar}\n\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\tonSmoothlyInput={e => this.inputHandler(e)}\n\t\t\t\t\tsearchDisabled>\n\t\t\t\t\t<div slot={\"label\"}>\n\t\t\t\t\t\t<slot name={\"month-label\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t{generate.months(this.value ?? isoly.Date.now()).map(month => (\n\t\t\t\t\t\t<smoothly-item key={month.date} value={month.date} selected={month.selected || this.value == month.date}>\n\t\t\t\t\t\t\t{month.name}\n\t\t\t\t\t\t</smoothly-item>\n\t\t\t\t\t))}\n\t\t\t\t</smoothly-input-select>\n\t\t\t\t<smoothly-icon\n\t\t\t\t\tname={\"caret-forward-outline\"}\n\t\t\t\t\tsize={\"tiny\"}\n\t\t\t\t\tcolor={this.color}\n\t\t\t\t\tfill={\"default\"}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tdisabled: this.readonly || !this.allowNextMonth,\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={() => this.allowNextMonth && this.adjustMonth(1)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-8677ee6e.js → p-c5f249a3.js}

@@ -4,18 +4,18 @@ import { o as object } from './p-d471066b.js';
 import { f as fromIs } from './p-57ac5d1b.js';
 import { N as Notice } from './p-ef01331e.js';
 import './p-47ea6b68.js';
-import { d as defineCustomElement$c } from './p-0eacf5f4.js';
-import { d as defineCustomElement$b } from './p-a4614623.js';
-import { d as defineCustomElement$a } from './p-182310f5.js';
-import { d as defineCustomElement$9 } from './p-16c06f14.js';
-import { d as defineCustomElement$8 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$7 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$6 } from './p-3a1f5e8b.js';
-import { d as defineCustomElement$5 } from './p-b1d28f3f.js';
-import { d as defineCustomElement$4 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$3 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$2 } from './p-90d81e79.js';
-import { d as defineCustomElement$1 } from './p-f21f43d1.js';
+import { d as defineCustomElement$c } from './p-c98922f4.js';
+import { d as defineCustomElement$b } from './p-e5627b06.js';
+import { d as defineCustomElement$a } from './p-a57e7345.js';
+import { d as defineCustomElement$9 } from './p-ed1e7da4.js';
+import { d as defineCustomElement$8 } from './p-a09be6d8.js';
+import { d as defineCustomElement$7 } from './p-cef759f2.js';
+import { d as defineCustomElement$6 } from './p-03be2708.js';
+import { d as defineCustomElement$5 } from './p-c3d52c12.js';
+import { d as defineCustomElement$4 } from './p-9e3806ff.js';
+import { d as defineCustomElement$3 } from './p-e9e71692.js';
+import { d as defineCustomElement$2 } from './p-da4c10d0.js';
+import { d as defineCustomElement$1 } from './p-18451fa9.js';
 
 const styleCss = ".sc-smoothly-form-demo-date-range-h{display:block}";
 const SmoothlyFormDemoDateRangeStyle0 = styleCss;
@@ -42,7 +42,7 @@ const SmoothlyFormDemoDateRange = proxyCustomElement(class SmoothlyFormDemoDateR
         event.detail.result(false);
     }
     render() {
-        return (h(Host, { key: '68aae8530e210936e6ee1cb52e65835cb5376088' }, h("h2", { key: 'ab56927aa4b3ffb87ad6ccda58ae62933c210ed7' }, "Date-range input"), h("smoothly-form", { key: 'b1901ddc4170e4f0cd5fd3a2685ba98230a519a4', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '02ddba37b9f1a82f494717bbcdac1b86aff508b5', name: "range" }, "Range"), h("smoothly-input-submit", { key: '91c4c3b390da5f50236ab9afbd53c1b005a7a90a', slot: "submit" }, h("smoothly-icon", { key: 'ddecec0e052bf335197963a0e85345a4396d3976', name: "checkmark-outline" })))));
+        return (h(Host, { key: 'cf815ff0b936ae8d935ec09487dd7e1931232bbf' }, h("h2", { key: 'a2c97f6d833c9cad02d7f67a917ff396ef95efb4' }, "Date-range input"), h("smoothly-form", { key: '549e8e92283c7193e9c712628d1c69ffc0fe6594', looks: "border", type: "create", validator: this.validator, onSmoothlyFormSubmit: e => this.submitHandler(e) }, h("smoothly-input-date-range", { key: '8c616d33a7dc57cc9820baa0180e1c8a2856580c', name: "range" }, "Range"), h("smoothly-input-submit", { key: 'f835c5f6b6b8f8ce3b7ed86963c9c833ee38f614', slot: "submit" }, h("smoothly-icon", { key: 'e1e6fc8861978fbd78adec1762a42568c11f8670', name: "checkmark-outline" })))));
     }
     static get style() { return SmoothlyFormDemoDateRangeStyle0; }
 }, [2, "smoothly-form-demo-date-range"]);
@@ -123,4 +123,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemoDateRange as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-8677ee6e.js.map
+//# sourceMappingURL=p-c5f249a3.js.map

package/dist/components/{p-8677ee6e.js.map → p-c5f249a3.js.map}

@@ -1 +1 @@
-{"file":"p-8677ee6e.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}
+{"file":"p-c5f249a3.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-675c3d3e.js → p-c9619231.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$a } from './p-0eacf5f4.js';
-import { d as defineCustomElement$9 } from './p-11cc925c.js';
-import { d as defineCustomElement$8 } from './p-ff99dcde.js';
-import { d as defineCustomElement$7 } from './p-51cb1946.js';
-import { d as defineCustomElement$6 } from './p-21601376.js';
-import { d as defineCustomElement$5 } from './p-d9989605.js';
-import { d as defineCustomElement$4 } from './p-e6eca6ea.js';
-import { d as defineCustomElement$3 } from './p-0fb1eac0.js';
-import { d as defineCustomElement$2 } from './p-8ac400d5.js';
-import { d as defineCustomElement$1 } from './p-3062590d.js';
+import { d as defineCustomElement$a } from './p-c98922f4.js';
+import { d as defineCustomElement$9 } from './p-065cbcf5.js';
+import { d as defineCustomElement$8 } from './p-b235b5aa.js';
+import { d as defineCustomElement$7 } from './p-d3c8be66.js';
+import { d as defineCustomElement$6 } from './p-5bf78c75.js';
+import { d as defineCustomElement$5 } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$4 } from './p-a09be6d8.js';
+import { d as defineCustomElement$3 } from './p-cef759f2.js';
+import { d as defineCustomElement$2 } from './p-56fc01bf.js';
+import { d as defineCustomElement$1 } from './p-b3cfa9a5.js';
 
 const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo extends H {
     constructor() {
@@ -16,7 +16,7 @@ const SmoothlyInputRangeDemo = proxyCustomElement(class SmoothlyInputRangeDemo e
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'd01c20bae43d1c4399040a27d06a8899e6c41d61' }, h("h2", { key: 'a4c84c71e44029a74fc896abb4f208d694188721' }, "Range"), h("h3", { key: 'a8c1e2e60e1c4dd2f5f7ef7e3dd2c25ffd2c9a95' }, "Phone Number"), h("smoothly-input-range", { key: 'f91c8f7c67d28b3dae1359da6a397a0db2896daf', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '135e17f039d09a3cb3cd1317702cdcf19ca11f76' }, "Stars out of ten"), h("smoothly-input-range", { key: 'c7827f612a561e6237a69d5eef8d8c170bf3529b', max: 10, step: 1, label: "Stars" }), h("h3", { key: '8ca8c80a31bf68ef58dc4a47c72a64b946c98538' }, "Percent"), h("smoothly-input-range", { key: 'a134090aed032211a135d82ecb7de5040f56b18a', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '2377916ee7a4787eec2efff1eee6fb6c2029bbc7' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '91c7c98d7654a14d4066fec7734d64d8ec9e2810', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '47afc40b571788d84b564c7078dd5e797b36b33d', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '5351d78c059982ab2b72264b97c662d828cca0cb', size: "icon", slot: "end" }))));
+        return (h(Host, { key: 'a65fa28c070c9c8622dace5fa9dfe6ae672ab68c' }, h("h2", { key: '36d30888a8055f706d3d43250c99d6c8882c2bd4' }, "Range"), h("h3", { key: '1e2f77ebc5c3c1df3fbd5d095e7c7ab7a86b2b2c' }, "Phone Number"), h("smoothly-input-range", { key: '5f50b12ee4a8579e21e67d4247e034541f0fa92e', min: 700000000, max: 799999999, step: 1, label: "Phone Number" }), h("h3", { key: '13db0164ed6b16703c502bd04575492cbbb14e57' }, "Stars out of ten"), h("smoothly-input-range", { key: 'd38b9df06cfbc0616aa870f9cef411356bedc319', max: 10, step: 1, label: "Stars" }), h("h3", { key: 'e159fcd4db7812bafacaa7c03fc4dfbc6ae5a40a' }, "Percent"), h("smoothly-input-range", { key: '0422cada1f51e4f879a8f39120e0534305ecbc44', type: "percent", max: 1, step: 0.01, label: "Percent" }), h("h3", { key: '1b316682a274d09ca05752ec36ebf62fa95c0f07' }, "With icon at start and clear button"), h("smoothly-input-range", { key: '07f1e67528c810002f0d73c8d98783c0c3e0ccf6', step: 1, name: "range2", label: "Select" }, h("smoothly-icon", { key: '3b84524cdcc3ad429bf78f6f79ea81960e0be18d', name: "checkmark-circle", slot: "start" }), h("smoothly-input-clear", { key: '63ab031dd53c1bfc4d2eb390fe35f5af8039da95', size: "icon", slot: "end" }))));
     }
 }, [0, "smoothly-input-range-demo"]);
 function defineCustomElement() {
@@ -86,4 +86,4 @@ defineCustomElement();
 
 export { SmoothlyInputRangeDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-675c3d3e.js.map
+//# sourceMappingURL=p-c9619231.js.map

package/dist/components/{p-675c3d3e.js.map → p-c9619231.js.map}

@@ -1 +1 @@
-{"file":"p-675c3d3e.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-c9619231.js","mappings":";;;;;;;;;;;;MAKa,sBAAsB;;;;;IAClC,MAAM;QACL,QACC,EAAC,IAAI,uDACJ,qEAAc,EACd,4EAAqB,EACrB,6EAAsB,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,GAAI,EACxF,gFAAyB,EACzB,6EAAsB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,GAAI,EAC1D,uEAAgB,EAChB,6EAAsB,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAI,EAC7E,mGAA4C,EAC5C,6EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,IAC1D,sEAAe,IAAI,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,EACtD,6EAAsB,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,GAAG,CACzB,CACjB,EACP;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/input/range/demo/index.tsx"],"sourcesContent":["import { Component, h, Host } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-input-range-demo\",\n})\nexport class SmoothlyInputRangeDemo {\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Range</h2>\n\t\t\t\t<h3>Phone Number</h3>\n\t\t\t\t<smoothly-input-range min={700000000} max={799999999} step={1} label={\"Phone Number\"} />\n\t\t\t\t<h3>Stars out of ten</h3>\n\t\t\t\t<smoothly-input-range max={10} step={1} label={\"Stars\"} />\n\t\t\t\t<h3>Percent</h3>\n\t\t\t\t<smoothly-input-range type=\"percent\" max={1} step={0.01} label={\"Percent\"} />\n\t\t\t\t<h3>With icon at start and clear button</h3>\n\t\t\t\t<smoothly-input-range step={1} name=\"range2\" label=\"Select\">\n\t\t\t\t\t<smoothly-icon name=\"checkmark-circle\" slot=\"start\" />\n\t\t\t\t\t<smoothly-input-clear size=\"icon\" slot=\"end\" />\n\t\t\t\t</smoothly-input-range>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-0eacf5f4.js → p-c98922f4.js}

@@ -18,7 +18,7 @@ const SmoothlyButton = proxyCustomElement(class SmoothlyButton extends H {
         this.link = undefined;
     }
     render() {
-        return (h(Button, { key: '1350144b97a2a5fdc24d5b53678ea9d7f97b5b71', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '315355a1987956c9741a03819de181d2f626a205' })));
+        return (h(Button, { key: '9e1e36b3efacdf206d7366bae028b7831056c611', disabled: this.disabled, type: this.type, link: this.link }, h("slot", { key: '632f7e7c2d75774dd32754b59d8299274fe5dc88' })));
     }
     static get style() { return SmoothlyButtonStyle0; }
 }, [6, "smoothly-button", {
@@ -48,4 +48,4 @@ defineCustomElement();
 
 export { SmoothlyButton as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0eacf5f4.js.map
+//# sourceMappingURL=p-c98922f4.js.map

package/dist/components/{p-0eacf5f4.js.map → p-c98922f4.js.map}

@@ -1 +1 @@
-{"file":"p-0eacf5f4.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,o3LAAo3L,CAAC;AACt4L,6BAAe,QAAQ;;MCQV,cAAc;;;;;;;wBAIU,KAAK;;;;;;IAMzC,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChE,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/style.css?tag=smoothly-button&encapsulation=scoped","src/components/button/index.tsx"],"sourcesContent":["@import \"../color/style.css\";\n\n:host {\n\t--smoothly-button-border-radius: 0.5rem;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius: var(--smoothly-button-border-radius);\n\tcursor: pointer;\n\tborder: none;\n\toutline: none;\n\tposition: relative;\n}\n:host([shape=rounded]) {\n\t--smoothly-button-border-radius: 2rem;\n}\n\n:host([type=link]) {\n\tdisplay: inline;\n}\n\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n\n:host>a,\n:host>button {\n\tfont-size: 110%;\n\tfont-weight: 400;\n\tborder: 1px solid transparent;\n\toutline: none;\n\tbackground-color: transparent;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 0.5rem;\n\tbox-sizing: border-box;\n}\n:host>a:empty,\n:host>button:empty {\n\tborder-width: 0;\n}\n\n:host>button {\n\tfont-weight: bold;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tborder-radius: var(--smoothly-button-border-radius);\n\talign-items: center;\n}\n\n:host(:not([size=icon]):not([size=flexible]))>button {\n\tpadding: 0.8em;\n\tmin-width: 8em;\n}\n\n:host(:not([size=icon]):not([size=flexible])):has(smoothly-icon)>button {\n\tpadding: 0.6em;\n}\n\n:host([size=icon])>button {\n\tpadding: 0.5em;\n}\n\n:host([type=button])>a {\n\ttext-align: center;\n\ttext-decoration: inherit;\n\twidth: calc(100% - 0.6em);\n}\n\n:host([size=small])>button {\n\tfont-size: 100%;\n}\n\n:host([size=large])>button {\n\tfont-size: 130%;\n}\n\n:host(:not([size=icon])) {\n\tmin-width: 8em;\n}\n\n:host([size=flexible]) {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n:host([size=flexible])>button {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n:host([expand]) {\n\twidth: 100%;\n}\n\n:host([expand=full]) {\n\tborder-left: none;\n\tborder-right: none;\n\t--smoothly-button-border-radius: 0;\n}\n\n:host([fill=outline])>button {\n\tbackground-color: transparent;\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tborder-color: rgb(var(--smoothly-button-foreground));\n}\n\n:host(:not([fill=clear]))>button:hover,\n:host()>button:focus-visible,\n:host([fill=outline]):active>button::before {\n\tborder-color: rgb(var(--smoothly-button-focus-color));\n}\n\n:host([fill=outline])>button:hover::before,\n:host([fill=outline])>button:focus-within::before,\n:host([fill=outline])>button:active::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: 2px solid rgb(var(--smoothly-button-focus-border));\n\tinset: -1px;\n\tborder-radius: var(--smoothly-button-border-radius);\n}\n\n:host(:not([fill=clear]):not([fill=outline]))>button:hover,\n:host(:not([fill=clear]):not([fill=outline]))>button:focus-visible,\n:host(:not([fill=clear]):not([fill=outline]))>button:active {\n\tbackground: rgb(var(--smoothly-button-hover-background));\n}\n\n:host>button,\n:host ::slotted(smoothly-icon) {\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"./Button\"\n\n@Component({\n\ttag: \"smoothly-button\",\n\tstyleUrl: \"../button/style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButton {\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: Button.Properties[\"type\"]\n\t@Prop({ reflect: true }) size: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() link?: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type} link={this.link}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"p-c98922f4.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,o3LAAo3L,CAAC;AACt4L,6BAAe,QAAQ;;MCQV,cAAc;;;;;;;wBAIU,KAAK;;;;;;IAMzC,MAAM;QACL,QACC,EAAC,MAAM,qDAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAChE,8DAAQ,CACA,EACT;KACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/style.css?tag=smoothly-button&encapsulation=scoped","src/components/button/index.tsx"],"sourcesContent":["@import \"../color/style.css\";\n\n:host {\n\t--smoothly-button-border-radius: 0.5rem;\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tborder-radius: var(--smoothly-button-border-radius);\n\tcursor: pointer;\n\tborder: none;\n\toutline: none;\n\tposition: relative;\n}\n:host([shape=rounded]) {\n\t--smoothly-button-border-radius: 2rem;\n}\n\n:host([type=link]) {\n\tdisplay: inline;\n}\n\n:host([disabled]) {\n\topacity: 0.5;\n\tpointer-events: none;\n}\n\n:host>a,\n:host>button {\n\tfont-size: 110%;\n\tfont-weight: 400;\n\tborder: 1px solid transparent;\n\toutline: none;\n\tbackground-color: transparent;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tgap: 0.5rem;\n\tbox-sizing: border-box;\n}\n:host>a:empty,\n:host>button:empty {\n\tborder-width: 0;\n}\n\n:host>button {\n\tfont-weight: bold;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tborder-radius: var(--smoothly-button-border-radius);\n\talign-items: center;\n}\n\n:host(:not([size=icon]):not([size=flexible]))>button {\n\tpadding: 0.8em;\n\tmin-width: 8em;\n}\n\n:host(:not([size=icon]):not([size=flexible])):has(smoothly-icon)>button {\n\tpadding: 0.6em;\n}\n\n:host([size=icon])>button {\n\tpadding: 0.5em;\n}\n\n:host([type=button])>a {\n\ttext-align: center;\n\ttext-decoration: inherit;\n\twidth: calc(100% - 0.6em);\n}\n\n:host([size=small])>button {\n\tfont-size: 100%;\n}\n\n:host([size=large])>button {\n\tfont-size: 130%;\n}\n\n:host(:not([size=icon])) {\n\tmin-width: 8em;\n}\n\n:host([size=flexible]) {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n:host([size=flexible])>button {\n\tmin-width: unset;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n:host([expand]) {\n\twidth: 100%;\n}\n\n:host([expand=full]) {\n\tborder-left: none;\n\tborder-right: none;\n\t--smoothly-button-border-radius: 0;\n}\n\n:host([fill=outline])>button {\n\tbackground-color: transparent;\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tborder-color: rgb(var(--smoothly-button-foreground));\n}\n\n:host(:not([fill=clear]))>button:hover,\n:host()>button:focus-visible,\n:host([fill=outline]):active>button::before {\n\tborder-color: rgb(var(--smoothly-button-focus-color));\n}\n\n:host([fill=outline])>button:hover::before,\n:host([fill=outline])>button:focus-within::before,\n:host([fill=outline])>button:active::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder: 2px solid rgb(var(--smoothly-button-focus-border));\n\tinset: -1px;\n\tborder-radius: var(--smoothly-button-border-radius);\n}\n\n:host(:not([fill=clear]):not([fill=outline]))>button:hover,\n:host(:not([fill=clear]):not([fill=outline]))>button:focus-visible,\n:host(:not([fill=clear]):not([fill=outline]))>button:active {\n\tbackground: rgb(var(--smoothly-button-hover-background));\n}\n\n:host>button,\n:host ::slotted(smoothly-icon) {\n\tcolor: rgb(var(--smoothly-button-foreground));\n\tstroke: rgb(var(--smoothly-button-foreground));\n\tfill: rgb(var(--smoothly-button-foreground));\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n","import { Component, h, Prop } from \"@stencil/core\"\nimport { Color, Fill } from \"../../model\"\nimport { Button } from \"./Button\"\n\n@Component({\n\ttag: \"smoothly-button\",\n\tstyleUrl: \"../button/style.css\",\n\tscoped: true,\n})\nexport class SmoothlyButton {\n\t@Prop({ reflect: true }) color?: Color\n\t@Prop({ reflect: true }) expand?: \"block\" | \"full\"\n\t@Prop({ reflect: true }) fill?: Fill\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) type: Button.Properties[\"type\"]\n\t@Prop({ reflect: true }) size: \"small\" | \"large\" | \"icon\" | \"flexible\"\n\t@Prop({ reflect: true }) shape?: \"rounded\"\n\t@Prop() link?: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Button disabled={this.disabled} type={this.type} link={this.link}>\n\t\t\t\t<slot />\n\t\t\t</Button>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/{p-1f5357e1.js → p-ca85bc1d.js}

@@ -41,7 +41,7 @@ const LoadMore = proxyCustomElement(class LoadMore extends H {
         }
     }
     render() {
-        return h(Host, { key: '9e6f0728a14a854d39e5b7c10ec663e8e0b12bc9' });
+        return h(Host, { key: '4f0df4fdcba3f813c7559c7415a60b91c8d3acb0' });
     }
     get element() { return this; }
 }, [2, "smoothly-load-more", {
@@ -67,4 +67,4 @@ defineCustomElement();
 
 export { LoadMore as L, defineCustomElement as d };
 
-//# sourceMappingURL=p-1f5357e1.js.map
+//# sourceMappingURL=p-ca85bc1d.js.map

package/dist/components/{p-1f5357e1.js.map → p-ca85bc1d.js.map}

@@ -1 +1 @@
-{"file":"p-1f5357e1.js","mappings":";;;MAOa,QAAQ;;;;;2BAI6B,cAAc;oBAChD,EAAE;wBACE,KAAK;;;IAIxB,WAAW;QACV,IAAI,IAAI,CAAC,MAAM;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAED,iBAAiB;;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;QAC3G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE;YACjC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACpD,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACtD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;aACxG;SACD;KACD;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;KAC1B;IAED,kBAAkB,CAAC,QAA8B,EAAE,OAAoC;;QACtF,IAAI,CAAC,MAAM,GAAG,CAAC,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,0CAAE,iBAAiB,mCAAI,CAAC,IAAI,CAAC,CAAA;QAC/F,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA;SAC3E;KACD;IAED,MAAM;QACL,OAAO,EAAC,IAAI,sDAAG,CAAA;KACf;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/load-more/index.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-load-more\",\n\tscoped: true,\n})\nexport class LoadMore {\n\tprivate observer: IntersectionObserver\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyLoadMoreElement\n\t@Prop() triggerMode: \"scroll\" | \"intersection\" = \"intersection\"\n\t@Prop() name = \"\"\n\t@Prop() multiple = false\n\t@State() inView: boolean\n\t@Event() smoothlyLoadMore: EventEmitter<string>\n\n\tcheckInView() {\n\t\tif (this.inView)\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.observer = new IntersectionObserver((entries, observer) => this.observationHandler(observer, entries))\n\t\tthis.observer.observe(this.element)\n\t\tif (this.triggerMode == \"scroll\") {\n\t\t\tthis.inView && this.smoothlyLoadMore.emit(this.name)\n\t\t\tif (this.multiple || (!this.multiple && !this.inView)) {\n\t\t\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\t\t\tthis.scrollableParent?.addEventListener(\"scroll\", this.checkInView.bind(this), { once: !this.multiple })\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.scrollableParent?.removeEventListener(\"scroll\", this.checkInView.bind(this))\n\t\tthis.observer.disconnect()\n\t}\n\n\tobservationHandler(observer: IntersectionObserver, entries: IntersectionObserverEntry[]): void {\n\t\tthis.inView = (entries.find(entry => entry.target == this.element)?.intersectionRatio ?? 0) > 0\n\t\tif (this.inView) {\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t\t\t!this.multiple && (observer.unobserve(this.element), observer.disconnect())\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn <Host />\n\t}\n}\n"],"version":3}
+{"file":"p-ca85bc1d.js","mappings":";;;MAOa,QAAQ;;;;;2BAI6B,cAAc;oBAChD,EAAE;wBACE,KAAK;;;IAIxB,WAAW;QACV,IAAI,IAAI,CAAC,MAAM;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAED,iBAAiB;;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;QAC3G,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE;YACjC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACpD,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACtD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAC3D,MAAA,IAAI,CAAC,gBAAgB,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;aACxG;SACD;KACD;IAED,oBAAoB;;QACnB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAA;KAC1B;IAED,kBAAkB,CAAC,QAA8B,EAAE,OAAoC;;QACtF,IAAI,CAAC,MAAM,GAAG,CAAC,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,0CAAE,iBAAiB,mCAAI,CAAC,IAAI,CAAC,CAAA;QAC/F,IAAI,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACrC,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA;SAC3E;KACD;IAED,MAAM;QACL,OAAO,EAAC,IAAI,sDAAG,CAAA;KACf;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/load-more/index.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, State, VNode } from \"@stencil/core\"\nimport { Scrollable } from \"../../model/Scrollable\"\n\n@Component({\n\ttag: \"smoothly-load-more\",\n\tscoped: true,\n})\nexport class LoadMore {\n\tprivate observer: IntersectionObserver\n\tprivate scrollableParent?: HTMLElement\n\t@Element() element: HTMLSmoothlyLoadMoreElement\n\t@Prop() triggerMode: \"scroll\" | \"intersection\" = \"intersection\"\n\t@Prop() name = \"\"\n\t@Prop() multiple = false\n\t@State() inView: boolean\n\t@Event() smoothlyLoadMore: EventEmitter<string>\n\n\tcheckInView() {\n\t\tif (this.inView)\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.observer = new IntersectionObserver((entries, observer) => this.observationHandler(observer, entries))\n\t\tthis.observer.observe(this.element)\n\t\tif (this.triggerMode == \"scroll\") {\n\t\t\tthis.inView && this.smoothlyLoadMore.emit(this.name)\n\t\t\tif (this.multiple || (!this.multiple && !this.inView)) {\n\t\t\t\tthis.scrollableParent = Scrollable.findParent(this.element)\n\t\t\t\tthis.scrollableParent?.addEventListener(\"scroll\", this.checkInView.bind(this), { once: !this.multiple })\n\t\t\t}\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.scrollableParent?.removeEventListener(\"scroll\", this.checkInView.bind(this))\n\t\tthis.observer.disconnect()\n\t}\n\n\tobservationHandler(observer: IntersectionObserver, entries: IntersectionObserverEntry[]): void {\n\t\tthis.inView = (entries.find(entry => entry.target == this.element)?.intersectionRatio ?? 0) > 0\n\t\tif (this.inView) {\n\t\t\tthis.smoothlyLoadMore.emit(this.name)\n\t\t\t!this.multiple && (observer.unobserve(this.element), observer.disconnect())\n\t\t}\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn <Host />\n\t}\n}\n"],"version":3}

package/dist/components/{p-2498d762.js → p-cbf3c133.js}

@@ -1,47 +1,47 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
-import { d as defineCustomElement$H } from './p-0eacf5f4.js';
-import { d as defineCustomElement$G } from './p-a4614623.js';
-import { d as defineCustomElement$F } from './p-182310f5.js';
-import { d as defineCustomElement$E } from './p-11cc925c.js';
-import { d as defineCustomElement$D } from './p-ff99dcde.js';
-import { d as defineCustomElement$C } from './p-51cb1946.js';
-import { d as defineCustomElement$B } from './p-21601376.js';
-import { d as defineCustomElement$A } from './p-d9989605.js';
-import { d as defineCustomElement$z } from './p-16c06f14.js';
-import { d as defineCustomElement$y } from './p-f5758759.js';
-import { d as defineCustomElement$x } from './p-f3e69915.js';
-import { d as defineCustomElement$w } from './p-4d18f37f.js';
-import { d as defineCustomElement$v } from './p-559c35a3.js';
-import { d as defineCustomElement$u } from './p-8677ee6e.js';
-import { d as defineCustomElement$t } from './p-aac94573.js';
-import { d as defineCustomElement$s } from './p-d20010f3.js';
-import { d as defineCustomElement$r } from './p-d209231e.js';
-import { d as defineCustomElement$q } from './p-33f636a1.js';
-import { d as defineCustomElement$p } from './p-a9bd3ecf.js';
-import { d as defineCustomElement$o } from './p-7995e164.js';
-import { d as defineCustomElement$n } from './p-e6eca6ea.js';
-import { d as defineCustomElement$m } from './p-0fb1eac0.js';
-import { d as defineCustomElement$l } from './p-fd158b77.js';
-import { d as defineCustomElement$k } from './p-8ac400d5.js';
-import { d as defineCustomElement$j } from './p-0f3b692b.js';
-import { d as defineCustomElement$i } from './p-97254dfe.js';
-import { d as defineCustomElement$h } from './p-3a1f5e8b.js';
-import { d as defineCustomElement$g } from './p-eba2af2b.js';
-import { d as defineCustomElement$f } from './p-f0e08ba3.js';
-import { d as defineCustomElement$e } from './p-95439799.js';
-import { d as defineCustomElement$d } from './p-b1d28f3f.js';
-import { d as defineCustomElement$c } from './p-3217c7b5.js';
-import { d as defineCustomElement$b } from './p-5a0e167d.js';
-import { d as defineCustomElement$a } from './p-3062590d.js';
-import { d as defineCustomElement$9 } from './p-125e9845.js';
-import { d as defineCustomElement$8 } from './p-8b2f08c5.js';
-import { d as defineCustomElement$7 } from './p-5bee4bdc.js';
-import { d as defineCustomElement$6 } from './p-90d81e79.js';
-import { d as defineCustomElement$5 } from './p-f21f43d1.js';
-import { d as defineCustomElement$4 } from './p-a91db04a.js';
-import { d as defineCustomElement$3 } from './p-dfb0153c.js';
-import { d as defineCustomElement$2 } from './p-5dd30cc0.js';
-import { d as defineCustomElement$1 } from './p-44f424f6.js';
+import { d as defineCustomElement$H } from './p-c98922f4.js';
+import { d as defineCustomElement$G } from './p-e5627b06.js';
+import { d as defineCustomElement$F } from './p-a57e7345.js';
+import { d as defineCustomElement$E } from './p-065cbcf5.js';
+import { d as defineCustomElement$D } from './p-b235b5aa.js';
+import { d as defineCustomElement$C } from './p-d3c8be66.js';
+import { d as defineCustomElement$B } from './p-5bf78c75.js';
+import { d as defineCustomElement$A } from './p-d8bd7cc0.js';
+import { d as defineCustomElement$z } from './p-ed1e7da4.js';
+import { d as defineCustomElement$y } from './p-bbc6eae6.js';
+import { d as defineCustomElement$x } from './p-d693d5de.js';
+import { d as defineCustomElement$w } from './p-35d30b5f.js';
+import { d as defineCustomElement$v } from './p-c31cce0c.js';
+import { d as defineCustomElement$u } from './p-c5f249a3.js';
+import { d as defineCustomElement$t } from './p-dd3b21a0.js';
+import { d as defineCustomElement$s } from './p-840a2e6c.js';
+import { d as defineCustomElement$r } from './p-347162c4.js';
+import { d as defineCustomElement$q } from './p-3f7a437a.js';
+import { d as defineCustomElement$p } from './p-a966d505.js';
+import { d as defineCustomElement$o } from './p-8c0ab6b7.js';
+import { d as defineCustomElement$n } from './p-a09be6d8.js';
+import { d as defineCustomElement$m } from './p-cef759f2.js';
+import { d as defineCustomElement$l } from './p-d1dcafa9.js';
+import { d as defineCustomElement$k } from './p-56fc01bf.js';
+import { d as defineCustomElement$j } from './p-3609c2f0.js';
+import { d as defineCustomElement$i } from './p-2c9a8b37.js';
+import { d as defineCustomElement$h } from './p-03be2708.js';
+import { d as defineCustomElement$g } from './p-50847f24.js';
+import { d as defineCustomElement$f } from './p-4fbdcaa4.js';
+import { d as defineCustomElement$e } from './p-1e8fa07d.js';
+import { d as defineCustomElement$d } from './p-c3d52c12.js';
+import { d as defineCustomElement$c } from './p-ba76192d.js';
+import { d as defineCustomElement$b } from './p-d81a3a84.js';
+import { d as defineCustomElement$a } from './p-b3cfa9a5.js';
+import { d as defineCustomElement$9 } from './p-a765eaaa.js';
+import { d as defineCustomElement$8 } from './p-9e3806ff.js';
+import { d as defineCustomElement$7 } from './p-e9e71692.js';
+import { d as defineCustomElement$6 } from './p-da4c10d0.js';
+import { d as defineCustomElement$5 } from './p-18451fa9.js';
+import { d as defineCustomElement$4 } from './p-3024abfc.js';
+import { d as defineCustomElement$3 } from './p-3989ef69.js';
+import { d as defineCustomElement$2 } from './p-03c91070.js';
+import { d as defineCustomElement$1 } from './p-d1462fc3.js';
 
 const styleCss = ".sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:100%}";
 const SmoothlyFormDemoStyle0 = styleCss;
@@ -52,7 +52,7 @@ const SmoothlyFormDemo = proxyCustomElement(class SmoothlyFormDemo extends H {
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'c5b442e2dc17139d030550d2595b2ce07c0c03ca' }, h("div", { key: '5a453eff769ea4cef9f474ae7bd22cfdae97e66d' }, h("smoothly-form-demo-all", { key: '1b771b6dbcdcf463b968518ee933bcf511adc25d' }), h("smoothly-form-demo-pet", { key: '9154d737dda44b49c7b1a4ddb3dfb7c2dc69bb4c' }), h("smoothly-form-demo-card", { key: 'b91fb0a14460ddf0074e55b4b31de8871ad41d47' }), h("smoothly-form-demo-login", { key: 'f0bc618e065739efda66c9eadb31d22785068e17' }), h("smoothly-form-demo-prices", { key: 'b9c08280b8cdb857ffbd5c443f5693e2b22a7cd5' }), h("smoothly-form-demo-typed", { key: 'e0a2cab7330a378e9aa8cec545f3aea804a0ff10' }), h("smoothly-form-demo-transparent", { key: '7cad7cf997da8d3cdfd40689a074fd746338eccc' }), h("smoothly-form-demo-date", { key: '1d8567528f1c8f3d5178b57e197b7818b7244dcf' }), h("smoothly-form-demo-schedule", { key: '0c96e9f297face51f234e8c377933468607d5ccd' }), h("smoothly-form-demo-date-range", { key: 'e1409719e74987f69cb66e689a88484f3a662ef8' }), h("smoothly-form-demo-controlled", { key: '09d09373a678c6754be06e7795870ad8344bfe55' }))));
+        return (h(Host, { key: 'e560582ddeaa5e0ff02ebcee939fde0aef479b6b' }, h("div", { key: '497467fdc7ceed5f8639dcd59b1cd4c16cae3db4' }, h("smoothly-form-demo-all", { key: '901bf716bdd321ec487718ce3222920bc8fc03fc' }), h("smoothly-form-demo-pet", { key: 'fb763f09b51b3dd8cfd563cdbed68823754dcbb6' }), h("smoothly-form-demo-card", { key: '7ad6bcae7773737c7230284c1a9b63ef660f2d2f' }), h("smoothly-form-demo-login", { key: '5ab06018d16cc734fa4747463fb66a7423814404' }), h("smoothly-form-demo-prices", { key: '90138c1bea5ae9dfa51c477e27da5ab4f921e7f5' }), h("smoothly-form-demo-typed", { key: '87828d40f3cd03c13521e376d7f20e1a1ea69ea2' }), h("smoothly-form-demo-transparent", { key: 'c12850e8cde3da0aab86374ab341b69877a45584' }), h("smoothly-form-demo-date", { key: '30688a397df7d91632385b53a425bd70278a2e43' }), h("smoothly-form-demo-schedule", { key: 'ba375963be37b11115c43e8c67cb21702b6056d0' }), h("smoothly-form-demo-date-range", { key: '0c2db2682e603490ca75127534782dc944db1ed3' }), h("smoothly-form-demo-controlled", { key: '4673859d87e9527db0c762884712555fa0bc577f' }))));
     }
     static get style() { return SmoothlyFormDemoStyle0; }
 }, [2, "smoothly-form-demo"]);
@@ -288,4 +288,4 @@ defineCustomElement();
 
 export { SmoothlyFormDemo as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-2498d762.js.map
+//# sourceMappingURL=p-cbf3c133.js.map

package/dist/components/{p-2498d762.js.map → p-cbf3c133.js.map}

@@ -1 +1 @@
-{"file":"p-2498d762.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}
+{"file":"p-cbf3c133.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}

package/dist/components/{p-0fb1eac0.js → p-cef759f2.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { a as get, S as Selection, b as State, c as StateEditor, g as getLocale } from './p-9cd278d9.js';
-import { I as Input } from './p-16c06f14.js';
+import { I as Input } from './p-ed1e7da4.js';
 import { o as object, s as string, b as boolean } from './p-d471066b.js';
-import { d as defineCustomElement$1 } from './p-e6eca6ea.js';
+import { d as defineCustomElement$1 } from './p-a09be6d8.js';
 
 var Deep;
 (function (Deep) {
@@ -424,7 +424,7 @@ const SmoothlyInput = proxyCustomElement(class SmoothlyInput extends H {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        return (h(Host, { key: '0046874130373d440f019048c4605836bab13866', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: '62543fd9baa1a180154a070946790ce5af1141c0', name: "start" }), h("div", { key: '00e17a078ec4fa127467d44d3e32b6eb7c559800', class: "smoothly-input-container" }, h("div", { key: '6dda805d5c3f0f064e16c56eb03cc17f28d83bc9', class: "ghost" }, h("div", { key: '17bb1306fe1d35949ba6e45512cd3e99c6484ba5', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: 'f7e84112afdfa56381042b721d39aa0d30ece6d3', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: '8356c125ce07feb88d40f7503b7b1da1a0447dbb', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
+        return (h(Host, { key: '872dc829ab3ad7ae0a89d5bb33b6873a8bcfcd63', class: { "has-value": ((_a = this.state) === null || _a === void 0 ? void 0 : _a.value) != undefined && ((_b = this.state) === null || _b === void 0 ? void 0 : _b.value) != "" }, onclick: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus(); } }, h("slot", { key: '30df6acf4cb3acb717a486ac0ad75da1522927a7', name: "start" }), h("div", { key: '1250557b67717ca57b08c2b6424a7896f432e11a', class: "smoothly-input-container" }, h("div", { key: 'fef92aa30c0c0107f45c6818267dc20221f2cc30', class: "ghost" }, h("div", { key: 'bad4d7ea96ba8e4da99271223e127ce5f062330f', class: "value" }, (_c = this.state) === null || _c === void 0 ? void 0 : _c.value), h("div", { key: 'b17df2280f81d15afc29f5402341e85e50beb5ba', class: "remainder" }, (_d = this.state) === null || _d === void 0 ? void 0 : _d.remainder)), h("input", { key: 'c96649c35f2c06dfdf3630b5c497523d0248d9b4', ref: (el) => (this.inputElement = el), color: this.color, name: this.name, type: (_e = this.state) === null || _e === void 0 ? void 0 : _e.type, inputmode: (_f = this.state) === null || _f === void 0 ? void 0 : _f.inputmode, placeholder: this.placeholder, required: this.required, autocomplete: (_g = this.autocomplete) !== null && _g !== void 0 ? _g : (_h = this.state) === null || _h === void 0 ? void 0 : _h.autocomplete, disabled: this.disabled, readOnly: this.readonly, pattern: ((_j = this.state) === null || _j === void 0 ? void 0 : _j.pattern) && ((_k = this.state) === null || _k === void 0 ? void 0 : _k.pattern.source), onKeyDown: event => {
                 this.state = this.stateHandler.onKeyDown(event, this.state);
                 if (!this.readonly && !this.disabled)
                     this.smoothlyKeydown.emit(Key.create(this.name, event));
@@ -437,7 +437,7 @@ const SmoothlyInput = proxyCustomElement(class SmoothlyInput extends H {
                     if (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state)))
                         this.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) });
                 }
-            } }), h("label", { key: '8d17e6b68b32b37e299ee896697bac07205acc4d', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: '07feb99cc38b31c7b1ca9a212799b1d9cfc7f58b' }))), h("smoothly-icon", { key: 'fae4b45c6cf93493ddc0cefb4e9d639294f466d5', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: 'b998ad53b86d558c0b73e5c3f1ad40210d692420', name: "end" })));
+            } }), h("label", { key: 'c59ccd5a649873efc5bc0feefc722d5c85068b2d', class: "label float-on-focus", htmlFor: this.name }, h("slot", { key: '73aa7a5bb5448bf7bd37f5102c8d53ebda0a2b62' }))), h("smoothly-icon", { key: '8145ef6bdfcf30cc9402916e0880a425d6dad9d4', class: "smoothly-invalid", name: "alert-circle", color: "danger", fill: "clear", size: "small", toolTip: this.errorMessage }), h("slot", { key: '5313f26d26dc2141b84194f9965ea67b324af575', name: "end" })));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -510,4 +510,4 @@ defineCustomElement();
 
 export { SmoothlyInput as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-0fb1eac0.js.map
+//# sourceMappingURL=p-cef759f2.js.map