smoothly 1.0.0-alpha.21 → 1.0.0-alpha.211

package/dist/collection/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { Currency, Language, Locale } from \"isoly\"\nimport { Action, Converter, Direction, Formatter, get, Settings, State as TidilyState, StateEditor, Type } from \"tidily\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput {\n\tprivate inputElement: HTMLInputElement\n\t/** On re-render the input will blur. This boolean is meant to keep track of if input should keep its focus. */\n\tprivate keepFocusOnReRender = false\n\tprivate lastValue: any\n\tprivate state: Readonly<TidilyState> & Readonly<Settings>\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type = \"text\"\n\t@Prop({ mutable: true, reflect: true }) required = false\n\t@Prop({ mutable: true }) minLength = 0\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) maxLength: number = Number.POSITIVE_INFINITY\n\t@Prop({ mutable: true }) autocomplete = true\n\t@Prop({ mutable: true }) pattern: RegExp | undefined\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@Prop({ mutable: true }) disabled = false\n\t@Prop({ mutable: true }) readonly = false\n\t@Prop({ reflect: true }) currency?: Currency\n\t@State() initialValue?: any\n\tget formatter(): Formatter & Converter<any> {\n\t\tlet result: (Formatter & Converter<any>) | undefined\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = get(\"price\", this.currency)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = get(this.type as Type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\treturn result || get(\"text\")!\n\t}\n\tprivate newState(state: TidilyState) {\n\t\tconst formatter = this.formatter\n\t\treturn formatter.format(StateEditor.copy(formatter.unformat(StateEditor.copy(state))))\n\t}\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Watch(\"value\")\n\tvalueWatcher(value: any, before: any) {\n\t\tif (this.lastValue != value) {\n\t\t\tthis.lastValue = value\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value,\n\t\t\t}\n\t\t}\n\t\tif (value != before) {\n\t\t\tif (typeof value == \"string\")\n\t\t\t\tvalue = value.trim()\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}\n\t}\n\t@Watch(\"currency\")\n\tonCurrency() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value,\n\t\t\tpattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern,\n\t\t}\n\t}\n\tcomponentWillLoad() {\n\t\tconst value = this.formatter.toString(this.value) || \"\"\n\t\tconst start = value.length\n\t\tthis.state = this.newState({\n\t\t\tvalue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t}\n\tcomponentDidRender() {\n\t\tif (this.keepFocusOnReRender) {\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.keepFocusOnReRender = false\n\t\t}\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync getFormData(name: string): Promise<Record<string, any>> {\n\t\tconst result: Record<string, any> = {}\n\t\tconst form = document.forms.namedItem(name)\n\t\tif (form) {\n\t\t\tconst elements = form.elements\n\t\t\tfor (let i = 0; i < elements.length; i++) {\n\t\t\t\tconst element = elements.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t\t// Overwrite values with values from smoothly-input\n\t\t\tconst smoothlyInputs = form.getElementsByTagName(\"smoothly-input\")\n\t\t\tfor (let i = 0; i < smoothlyInputs.length; i++) {\n\t\t\t\tconst element = smoothlyInputs.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\thasNameAndValue(element: any): element is { name: string; value: string } {\n\t\treturn (\n\t\t\ttypeof (element as { name?: string }).name == \"string\" && typeof (element as { value?: string }).value == \"string\"\n\t\t)\n\t}\n\t@Method()\n\tasync setKeepFocusOnReRender(keepFocus: boolean) {\n\t\tthis.keepFocusOnReRender = keepFocus\n\t}\n\t@Method()\n\tasync setSelectionRange(start: number, end: number, direction?: Direction) {\n\t\tthis.state = this.newState({\n\t\t\t...this.state,\n\t\t\tselection: { start, end, direction: direction != undefined ? direction : this.state.selection.direction },\n\t\t})\n\n\t\tconst after = this.formatter.format(StateEditor.copy(this.formatter.unformat(StateEditor.copy({ ...this.state }))))\n\t\tthis.updateBackend(after, this.inputElement)\n\t}\n\tonBlur(event: FocusEvent) {\n\t\tthis.smoothlyBlur.emit()\n\t\tif (this.initialValue != this.value)\n\t\t\tthis.smoothlyChange.emit({ [this.name]: this.value })\n\t\tthis.initialValue = undefined\n\t}\n\tonFocus(event: FocusEvent) {\n\t\tthis.initialValue = this.value\n\t\tconst after = this.formatter.format(StateEditor.copy(this.formatter.unformat(StateEditor.copy({ ...this.state }))))\n\t\tif (event.target)\n\t\t\tthis.updateBackend(after, event.target as HTMLInputElement)\n\t}\n\tonClick(event: MouseEvent) {\n\t\tconst backend = event.target as HTMLInputElement\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: backend.value,\n\t\t\tselection: {\n\t\t\t\tstart: backend.selectionStart != undefined ? backend.selectionStart : backend.value.length,\n\t\t\t\tend: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,\n\t\t\t\tdirection: backend.selectionDirection ? backend.selectionDirection : \"none\",\n\t\t\t},\n\t\t}\n\t\tconst after = this.newState({ ...this.state })\n\t\tthis.updateBackend(after, backend)\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key && !(event.key == \"Unidentified\")) {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: backend.value,\n\t\t\t\tselection: {\n\t\t\t\t\tstart: backend.selectionStart != undefined ? backend.selectionStart : backend.value.length,\n\t\t\t\t\tend: backend.selectionEnd != undefined ? backend.selectionEnd : backend.value.length,\n\t\t\t\t\tdirection: backend.selectionDirection ? backend.selectionDirection : \"none\",\n\t\t\t\t},\n\t\t\t}\n\t\t\tif (\n\t\t\t\t(!((event.ctrlKey || event.metaKey) && (event.key == \"v\" || event.key == \"x\" || event.key == \"c\")) &&\n\t\t\t\t\tevent.key.length == 1) ||\n\t\t\t\tevent.key == \"ArrowLeft\" ||\n\t\t\t\tevent.key == \"ArrowRight\" ||\n\t\t\t\tevent.key == \"Delete\" ||\n\t\t\t\tevent.key == \"Backspace\" ||\n\t\t\t\tevent.key == \"Home\" ||\n\t\t\t\tevent.key == \"End\"\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey(event, backend)\n\t\t\t} else if (event.key == \"ArrowUp\" || event.key == \"ArrowDown\")\n\t\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\tonPaste(event: ClipboardEvent) {\n\t\tevent.preventDefault()\n\t\tlet pasted = event.clipboardData ? event.clipboardData.getData(\"text\") : \"\"\n\t\tconst backend = event.target as HTMLInputElement\n\t\tpasted = this.expiresAutocompleteFix(backend, pasted)\n\t\tfor (const letter of pasted)\n\t\t\tthis.processKey({ key: letter }, backend)\n\t}\n\tonInput(event: InputEvent) {\n\t\tif (event.inputType == \"insertReplacementText\") {\n\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, event.target as HTMLInputElement)\n\t\t\t;[...(event.data ?? \"\")].forEach(c => this.processKey({ key: c }, event.target as HTMLInputElement))\n\t\t} else {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tlet data = backend.value\n\t\t\tif (data) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, backend)\n\t\t\t\tdata = this.expiresAutocompleteFix(backend, data)\n\t\t\t\tfor (const letter of data)\n\t\t\t\t\tthis.processKey({ key: letter }, backend)\n\t\t\t}\n\t\t}\n\t}\n\tprivate expiresAutocompleteFix(backend: HTMLInputElement, value: string) {\n\t\tif (backend.attributes.getNamedItem(\"autocomplete\")?.value == \"cc-exp\")\n\t\t\tvalue = value.match(/^20\\d\\d[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(2, 4)\n\t\t\t\t: value.match(/^(1[3-9]|[2-9]\\d)[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(0, 2)\n\t\t\t\t: value.match(/^\\d\\d[.\\D]*20\\d\\d$/)\n\t\t\t\t? value.substring(0, 2) + value.substring(value.length - 2, value.length)\n\t\t\t\t: value\n\t\treturn value\n\t}\n\tprivate processKey(event: Action, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = Action.apply(this.formatter, this.state, event)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tupdateBackend(after: Readonly<TidilyState> & Readonly<Settings>, backend: HTMLInputElement) {\n\t\tif (after.value != backend.value)\n\t\t\tbackend.value = after.value\n\t\tif (backend.selectionStart != undefined && after.selection.start != backend.selectionStart)\n\t\t\tbackend.selectionStart = after.selection.start\n\t\tif (backend.selectionEnd != undefined && after.selection.end != backend.selectionEnd)\n\t\t\tbackend.selectionEnd = after.selection.end\n\t\tbackend.selectionDirection = after.selection.direction ? after.selection.direction : backend.selectionDirection\n\t\tthis.state = after\n\t\tthis.value = this.lastValue = this.formatter.fromString(\n\t\t\tthis.formatter.unformat(StateEditor.copy({ ...this.state })).value\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\"></slot>\n\t\t\t\t<div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ? this.state?.autocomplete : \"off\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tvalue={this.state?.value}\n\t\t\t\t\t\tonInput={(e: InputEvent) => this.onInput(e)}\n\t\t\t\t\t\tonFocus={e => this.onFocus(e)}\n\t\t\t\t\t\tonClick={e => this.onClick(e)}\n\t\t\t\t\t\tonBlur={e => this.onBlur(e)}\n\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tonPaste={e => this.onPaste(e)}></input>\n\t\t\t\t\t<label htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\"></smoothly-icon>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n\nfunction getLocale(): Locale | undefined {\n\tconst result = navigator.language\n\treturn Locale.is(result) ? result : Language.is(result) ? Locale.toLocale(result) : undefined\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { Clearable } from \"./Clearable\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { Looks } from \"./Looks\"\n\n@Component({\n\ttag: \"smoothly-input\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInput implements Clearable, Input, Editable {\n\tprivate inputElement: HTMLInputElement\n\t/** On re-render the input will blur. This boolean is meant to keep track of if input should keep its focus. */\n\tprivate keepFocusOnReRender = false\n\tprivate lastValue: any\n\tprivate state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\tprivate abortInputEvent?: () => void\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop() delay = 0\n\t@Prop({ reflect: true, mutable: true }) looks: Looks = \"plain\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ mutable: true }) value: any\n\t@Prop({ reflect: true }) type: tidily.Type = \"text\"\n\t@Prop({ reflect: true }) required = false\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop() autocomplete = true\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop() disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop({ mutable: true }) changed = false\n\t@State() formatter: tidily.Formatter & tidily.Converter<any>\n\t@State() initialValue?: any\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\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@Listen(\"smoothlyInputLoad\")\n\tasync SmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name == this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", this.currency)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\tthis.formatter = result || tidily.get(\"text\")!\n\t}\n\tprivate newState(state: tidily.State) {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Watch(\"value\")\n\tvalueWatcher(value: any, before: any) {\n\t\tthis.changed = this.initialValue !== this.value\n\t\tif (this.lastValue != value) {\n\t\t\tthis.lastValue = value\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: this.newState({ value: this.formatter.toString(value), selection: this.state.selection }).value,\n\t\t\t}\n\t\t}\n\t\tif (value != before) {\n\t\t\tif (typeof value == \"string\")\n\t\t\t\tvalue = value.trim()\n\t\t\tthis.smoothlyInputEmit(value)\n\t\t}\n\t\tthis.listener.changed?.(this)\n\t}\n\tasync smoothlyInputEmit(value: any): Promise<void> {\n\t\tthis.abortInputEvent?.()\n\t\tconst timeout = window.setTimeout(() => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}, this.delay * 1000)\n\t\tthis.abortInputEvent = () => {\n\t\t\tthis.abortInputEvent = undefined\n\t\t\twindow.clearTimeout(timeout)\n\t\t}\n\t}\n\t@Watch(\"readonly\")\n\twatchingReadonly() {\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"currency\")\n\tonCurrency() {\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).value,\n\t\t\tpattern: this.newState({ value: this.formatter.toString(this.value), selection: this.state.selection }).pattern,\n\t\t}\n\t}\n\tcomponentWillLoad() {\n\t\tthis.typeChange()\n\t\tconst value = this.formatter.toString(this.value) || \"\"\n\t\tthis.lastValue = this.initialValue = this.value\n\t\tconst start = value.length\n\t\tthis.state = this.newState({\n\t\t\tvalue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = looks), !this.color && (this.color = color)))\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidRender() {\n\t\tif (this.keepFocusOnReRender) {\n\t\t\tthis.inputElement.focus()\n\t\t\tthis.keepFocusOnReRender = false\n\t\t}\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\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.value = this.initialValue\n\t}\n\t@Method()\n\tasync getFormData(name: string): Promise<Record<string, any>> {\n\t\tconst result: Record<string, any> = {}\n\t\tconst form = document.forms.namedItem(name)\n\t\tif (form) {\n\t\t\tconst elements = form.elements\n\t\t\tfor (let i = 0; i < elements.length; i++) {\n\t\t\t\tconst element = elements.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t\t// Overwrite values with values from smoothly-input\n\t\t\tconst smoothlyInputs = form.getElementsByTagName(\"smoothly-input\")\n\t\t\tfor (let i = 0; i < smoothlyInputs.length; i++) {\n\t\t\t\tconst element = smoothlyInputs.item(i)\n\t\t\t\tif (this.hasNameAndValue(element) && element.name)\n\t\t\t\t\tresult[element.name] = element.value\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\thasNameAndValue(element: any): element is { name: string; value: string } {\n\t\treturn (\n\t\t\ttypeof (element as { name?: string }).name == \"string\" && typeof (element as { value?: string }).value == \"string\"\n\t\t)\n\t}\n\t@Method()\n\tasync setKeepFocusOnReRender(keepFocus: boolean) {\n\t\tthis.keepFocusOnReRender = keepFocus\n\t}\n\t@Method()\n\tasync setSelectionRange(start: number, end: number, direction?: tidily.Direction) {\n\t\tthis.state = this.newState({\n\t\t\t...this.state,\n\t\t\tselection: { start, end, direction: direction ?? this.state.selection.direction },\n\t\t})\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tthis.updateBackend(after, this.inputElement)\n\t}\n\tonBlur(event: FocusEvent) {\n\t\tthis.smoothlyBlur.emit()\n\t\tif (this.abortInputEvent) {\n\t\t\tthis.abortInputEvent()\n\t\t\tconst value = typeof this.value == \"string\" ? this.value.trim() : this.value\n\t\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\t}\n\t\tif (this.initialValue != this.value)\n\t\t\tthis.smoothlyChange.emit({ [this.name]: this.value })\n\t}\n\tonFocus(event: FocusEvent) {\n\t\tconst after = this.formatter.format(\n\t\t\ttidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy({ ...this.state })))\n\t\t)\n\t\tif (event.target)\n\t\t\tthis.updateBackend(after, event.target as HTMLInputElement, false)\n\t}\n\tonClick(event: MouseEvent) {\n\t\tconst backend = event.target as HTMLInputElement\n\t\tthis.state = {\n\t\t\t...this.state,\n\t\t\tvalue: backend.value,\n\t\t\tselection: {\n\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t},\n\t\t}\n\t\tconst after = this.newState({ ...this.state })\n\t\tthis.updateBackend(after, backend)\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tif (event.key && !(event.key == \"Unidentified\")) {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\tvalue: backend.value,\n\t\t\t\tselection: {\n\t\t\t\t\tstart: backend.selectionStart ?? backend.value.length,\n\t\t\t\t\tend: backend.selectionEnd ?? backend.value.length,\n\t\t\t\t\tdirection: backend.selectionDirection ?? \"none\",\n\t\t\t\t},\n\t\t\t}\n\t\t\tif (\n\t\t\t\t(!((event.ctrlKey || event.metaKey) && (event.key == \"v\" || event.key == \"x\" || event.key == \"c\")) &&\n\t\t\t\t\tevent.key.length == 1) ||\n\t\t\t\tevent.key == \"ArrowLeft\" ||\n\t\t\t\tevent.key == \"ArrowRight\" ||\n\t\t\t\tevent.key == \"Delete\" ||\n\t\t\t\tevent.key == \"Backspace\" ||\n\t\t\t\tevent.key == \"Home\" ||\n\t\t\t\tevent.key == \"End\"\n\t\t\t) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey(event, backend)\n\t\t\t} else if (event.key == \"ArrowUp\" || event.key == \"ArrowDown\")\n\t\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\tonPaste(event: ClipboardEvent) {\n\t\tevent.preventDefault()\n\t\tlet pasted = event.clipboardData ? event.clipboardData.getData(\"text\") : \"\"\n\t\tconst backend = event.target as HTMLInputElement\n\t\tpasted = this.expiresAutocompleteFix(backend, pasted)\n\t\tthis.processPaste(pasted, backend)\n\t}\n\tonInput(event: InputEvent) {\n\t\tif (event.inputType == \"insertReplacementText\") {\n\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, event.target as HTMLInputElement)\n\t\t\t;[...(event.data ?? \"\")].forEach(c => this.processKey({ key: c }, event.target as HTMLInputElement))\n\t\t} else {\n\t\t\tconst backend = event.target as HTMLInputElement\n\t\t\tlet data = backend.value\n\t\t\tif (data) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tthis.processKey({ key: \"a\", ctrlKey: true }, backend)\n\t\t\t\tdata = this.expiresAutocompleteFix(backend, data)\n\t\t\t\tfor (const letter of data)\n\t\t\t\t\tthis.processKey({ key: letter }, backend)\n\t\t\t}\n\t\t}\n\t}\n\tprivate expiresAutocompleteFix(backend: HTMLInputElement, value: string) {\n\t\tif (backend.attributes.getNamedItem(\"autocomplete\")?.value == \"cc-exp\")\n\t\t\tvalue = value.match(/^20\\d\\d[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(2, 4)\n\t\t\t\t: value.match(/^(1[3-9]|[2-9]\\d)[.\\D]*\\d\\d$/)\n\t\t\t\t? value.substring(value.length - 2, value.length) + value.substring(0, 2)\n\t\t\t\t: value.match(/^\\d\\d[.\\D]*20\\d\\d$/)\n\t\t\t\t? value.substring(0, 2) + value.substring(value.length - 2, value.length)\n\t\t\t\t: value\n\t\treturn value\n\t}\n\tprivate processPaste(pasted: string, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.paste(this.formatter, this.state, pasted)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tprivate processKey(event: tidily.Action, backend: HTMLInputElement) {\n\t\tif (!this.readonly) {\n\t\t\tconst after = tidily.Action.apply(this.formatter, this.state, event)\n\t\t\tthis.updateBackend(after, backend)\n\t\t}\n\t}\n\tupdateBackend(\n\t\tafter: Readonly<tidily.State> & Readonly<tidily.Settings>,\n\t\tbackend: HTMLInputElement,\n\t\tsetSelection = true\n\t) {\n\t\tif (after.value != backend.value)\n\t\t\tbackend.value = after.value\n\t\tif (setSelection) {\n\t\t\tif (backend.selectionStart != undefined && after.selection.start != backend.selectionStart)\n\t\t\t\tbackend.selectionStart = after.selection.start\n\t\t\tif (backend.selectionEnd != undefined && after.selection.end != backend.selectionEnd)\n\t\t\t\tbackend.selectionEnd = after.selection.end\n\t\t\tbackend.selectionDirection = after.selection.direction ?? backend.selectionDirection\n\t\t}\n\t\tthis.state = after\n\t\tthis.value = this.lastValue = this.formatter.fromString(\n\t\t\tthis.formatter.unformat(tidily.StateEditor.copy({ ...this.state })).value\n\t\t)\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.state?.value != undefined && this.state?.value != \"\" }}\n\t\t\t\tonclick={() => this.inputElement?.focus()}>\n\t\t\t\t<slot name=\"start\"></slot>\n\t\t\t\t<div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tcolor={this.color}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\ttype={this.state?.type}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tautocomplete={this.autocomplete ? this.state?.autocomplete : \"off\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadOnly={this.readonly}\n\t\t\t\t\t\tpattern={this.state?.pattern && this.state?.pattern.source}\n\t\t\t\t\t\tvalue={this.state?.value}\n\t\t\t\t\t\tonInput={(e: InputEvent) => this.onInput(e)}\n\t\t\t\t\t\tonFocus={e => this.onFocus(e)}\n\t\t\t\t\t\tonClick={e => this.onClick(e)}\n\t\t\t\t\t\tonBlur={e => this.onBlur(e)}\n\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\n\t\t\t\t\t\tonPaste={e => this.onPaste(e)}></input>\n\t\t\t\t\t<label htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t<smoothly-icon name=\"alert-circle\" color=\"danger\" fill=\"clear\" size=\"small\"></smoothly-icon>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\"></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n\nfunction getLocale(): isoly.Locale | undefined {\n\tconst result = navigator.language\n\treturn isoly.Locale.is(result) ? result : isoly.Language.is(result) ? isoly.Locale.toLocale(result) : undefined\n}\n"]}

package/dist/collection/components/{input-month → input/month}/index.js

@@ -1,12 +1,12 @@
 import { h } from "@stencil/core";
 import { Date } from "isoly";
-import * as generate from "../calendar/generate";
+import * as generate from "../../calendar/generate";
 export class MonthSelector {
   constructor() {
     this.value = undefined;
   }
   onValueChanged(next) {
-    this.valueChanged.emit(next);
+    this.smoothlyValueChange.emit(next);
   }
   adjustMonth(delta) {
     var _a;
@@ -17,10 +17,10 @@ export class MonthSelector {
   render() {
     var _a, _b;
     return [
-      h("div", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "chevron-back-outline", size: "small" })),
-      h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.years((_a = this.value) !== null && _a !== void 0 ? _a : Date.now()).map(year => (h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
-      h("smoothly-selector", { onSelected: (e) => (this.value = e.detail) }, generate.months((_b = this.value) !== null && _b !== void 0 ? _b : Date.now()).map(month => (h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
-      h("div", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "chevron-forward-outline", size: "small" })),
+      h("div", { onClick: () => this.adjustMonth(-1) }, h("smoothly-icon", { name: "caret-back-outline", size: "small" })),
+      h("smoothly-input-select", { onSmoothlySelect: (e) => (this.value = e.detail) }, generate.years((_a = this.value) !== null && _a !== void 0 ? _a : Date.now()).map(year => (h("smoothly-item", { value: year.date, selected: year.selected }, year.name)))),
+      h("smoothly-input-select", { onSmoothlySelect: (e) => (this.value = e.detail) }, generate.months((_b = this.value) !== null && _b !== void 0 ? _b : Date.now()).map(month => (h("smoothly-item", { value: month.date, selected: month.selected }, month.name)))),
+      h("div", { onClick: () => this.adjustMonth(1) }, h("smoothly-icon", { name: "caret-forward-outline", size: "small" })),
     ];
   }
   static get is() { return "smoothly-input-month"; }
@@ -63,8 +63,8 @@ export class MonthSelector {
   }
   static get events() {
     return [{
-        "method": "valueChanged",
-        "name": "valueChanged",
+        "method": "smoothlyValueChange",
+        "name": "smoothlyValueChange",
         "bubbles": true,
         "cancelable": true,
         "composed": true,

package/dist/collection/components/input/month/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/month/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAA;AAOnD,MAAM,OAAO,aAAa;;;;EAIzB,cAAc,CAAC,IAAU;IACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EACpC,CAAC;EACO,WAAW,CAAC,KAAa;;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACjD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAA;IACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;EAC/B,CAAC;EACD,MAAM;;IACL,OAAO;MACN,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACvC,qBAAe,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,OAAO,GAAG,CACnD;MACN,6BAAuB,gBAAgB,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAClF,QAAQ,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACrD,qBAAe,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACtD,IAAI,CAAC,IAAI,CACK,CAChB,CAAC,CACqB;MACxB,6BAAuB,gBAAgB,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAClF,QAAQ,CAAC,MAAM,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACvD,qBAAe,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,IACxD,KAAK,CAAC,IAAI,CACI,CAChB,CAAC,CACqB;MACxB,WAAK,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACtC,qBAAe,IAAI,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,CACtD;KACN,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, Watch } from \"@stencil/core\"\nimport { Date } from \"isoly\"\nimport * as generate from \"../../calendar/generate\"\n\n@Component({\n\ttag: \"smoothly-input-month\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class MonthSelector {\n\t@Prop({ mutable: true }) value?: Date\n\t@Event() smoothlyValueChange: EventEmitter<Date>\n\t@Watch(\"value\")\n\tonValueChanged(next: Date) {\n\t\tthis.smoothlyValueChange.emit(next)\n\t}\n\tprivate adjustMonth(delta: number) {\n\t\tconst date = Date.parse(this.value ?? Date.now())\n\t\tdate.setMonth(date.getMonth() + delta)\n\t\tthis.value = Date.create(date)\n\t}\n\trender() {\n\t\treturn [\n\t\t\t<div onClick={() => this.adjustMonth(-1)}>\n\t\t\t\t<smoothly-icon name=\"caret-back-outline\" size=\"small\" />\n\t\t\t</div>,\n\t\t\t<smoothly-input-select onSmoothlySelect={(e: CustomEvent) => (this.value = e.detail)}>\n\t\t\t\t{generate.years(this.value ?? Date.now()).map(year => (\n\t\t\t\t\t<smoothly-item value={year.date} selected={year.selected}>\n\t\t\t\t\t\t{year.name}\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t))}\n\t\t\t</smoothly-input-select>,\n\t\t\t<smoothly-input-select onSmoothlySelect={(e: CustomEvent) => (this.value = e.detail)}>\n\t\t\t\t{generate.months(this.value ?? Date.now()).map(month => (\n\t\t\t\t\t<smoothly-item value={month.date} selected={month.selected}>\n\t\t\t\t\t\t{month.name}\n\t\t\t\t\t</smoothly-item>\n\t\t\t\t))}\n\t\t\t</smoothly-input-select>,\n\t\t\t<div onClick={() => this.adjustMonth(1)}>\n\t\t\t\t<smoothly-icon name=\"caret-forward-outline\" size=\"small\" />\n\t\t\t</div>,\n\t\t]\n\t}\n}\n"]}

package/dist/collection/components/input/radio/Selected.js

@@ -0,0 +1,11 @@
+import { isly } from "isly";
+export var Selected;
+(function (Selected) {
+  Selected.type = isly.object({
+    value: isly.any(),
+    selected: isly.boolean(),
+    select: isly.function(),
+  });
+  Selected.is = Selected.type.is;
+})(Selected || (Selected = {}));
+//# sourceMappingURL=Selected.js.map

package/dist/collection/components/input/radio/Selected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selected.js","sourceRoot":"","sources":["../../../../src/components/input/radio/Selected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAQ3B,MAAM,KAAW,QAAQ,CAOxB;AAPD,WAAiB,QAAQ;EACX,aAAI,GAAG,IAAI,CAAC,MAAM,CAAa;IAC3C,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE;IACjB,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE;IACxB,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE;GACvB,CAAC,CAAA;EACW,WAAE,GAAG,SAAA,IAAI,CAAC,EAAE,CAAA;AAC1B,CAAC,EAPgB,QAAQ,KAAR,QAAQ,QAOxB","sourcesContent":["import { isly } from \"isly\"\n\nexport interface Selectable {\n\tvalue: any\n\tselected: boolean\n\tselect: (selected: boolean) => void\n}\n\nexport namespace Selected {\n\texport const type = isly.object<Selectable>({\n\t\tvalue: isly.any(),\n\t\tselected: isly.boolean(),\n\t\tselect: isly.function(),\n\t})\n\texport const is = type.is\n}\n"]}

package/dist/collection/components/input/radio/index.js

@@ -0,0 +1,404 @@
+import { h, Host, } from "@stencil/core";
+export class SmoothlyInputRadio {
+  constructor() {
+    this.valueReceivedOnLoad = false;
+    this.listener = {};
+    this.changed = undefined;
+    this.value = undefined;
+    this.looks = "plain";
+    this.clearable = undefined;
+    this.readonly = false;
+    this.name = undefined;
+  }
+  componentWillLoad() {
+    var _a, _b;
+    this.smoothlyInputLooks.emit(looks => (this.looks = looks));
+    !this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly));
+    (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+  }
+  componentDidLoad() {
+    !this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value });
+    this.smoothlyInputLoad.emit(() => {
+      return;
+    });
+    this.initialValue = this.active;
+  }
+  handleRegister(event) {
+    event.stopPropagation();
+    event.detail(this.name);
+  }
+  SmoothlyInputLoadHandler(event) {
+    if (!(event.target && "name" in event.target && event.target.name === this.name)) {
+      event.stopPropagation();
+      event.detail(this);
+    }
+  }
+  smoothlyRadioInputHandler(event) {
+    var _a, _b, _c;
+    event.stopPropagation();
+    if (!this.readonly || !this.valueReceivedOnLoad) {
+      if (this.clearable && ((_a = this.active) === null || _a === void 0 ? void 0 : _a.value) === event.detail.value)
+        this.clear();
+      else if (((_b = this.active) === null || _b === void 0 ? void 0 : _b.value) !== event.detail.value) {
+        (_c = this.active) === null || _c === void 0 ? void 0 : _c.select(false);
+        this.active = event.detail;
+        this.value = this.active.value;
+        this.active.select(true);
+      }
+    }
+    !this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad);
+  }
+  async listen(property, listener) {
+    this.listener[property] = listener;
+    listener(this);
+  }
+  async clear() {
+    var _a;
+    if (this.clearable) {
+      (_a = this.active) === null || _a === void 0 ? void 0 : _a.select(false);
+      this.value = undefined;
+    }
+  }
+  async edit(editable) {
+    this.readonly = !editable;
+  }
+  async reset() {
+    var _a, _b, _c;
+    (_a = this.active) === null || _a === void 0 ? void 0 : _a.select(false);
+    this.active = this.initialValue;
+    this.value = (_b = this.initialValue) === null || _b === void 0 ? void 0 : _b.value;
+    (_c = this.active) === null || _c === void 0 ? void 0 : _c.select(true);
+  }
+  valueChanged() {
+    var _a, _b, _c;
+    this.changed = ((_a = this.initialValue) === null || _a === void 0 ? void 0 : _a.value) !== this.value;
+    this.smoothlyInput.emit({ [this.name]: this.value });
+    (_c = (_b = this.listener).changed) === null || _c === void 0 ? void 0 : _c.call(_b, this);
+  }
+  watchingReadonly() {
+    var _a, _b;
+    (_b = (_a = this.listener).changed) === null || _b === void 0 ? void 0 : _b.call(_a, this);
+  }
+  render() {
+    return (h(Host, null, h("slot", { name: "start" }), h("div", { class: "input-group" }, h("slot", { name: "label" }), h("div", null, h("slot", { name: "options" }))), h("slot", { name: "end" })));
+  }
+  static get is() { return "smoothly-input-radio"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "changed": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "changed",
+        "reflect": false
+      },
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "looks": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "Looks",
+          "resolved": "\"border\" | \"grid\" | \"line\" | \"plain\" | \"transparent\"",
+          "references": {
+            "Looks": {
+              "location": "import",
+              "path": "../Looks"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "looks",
+        "reflect": true,
+        "defaultValue": "\"plain\""
+      },
+      "clearable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clearable",
+        "reflect": false
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "smoothlyInputLooks",
+        "name": "smoothlyInputLooks",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "(looks: Looks, color: Color) => void",
+          "resolved": "(looks: \"line\" | \"grid\" | \"plain\" | \"border\" | \"transparent\", color: \"success\" | \"default\" | \"primary\" | \"secondary\" | \"tertiary\" | \"warning\" | \"danger\" | \"light\" | \"medium\" | \"dark\") => void",
+          "references": {
+            "Looks": {
+              "location": "import",
+              "path": "../Looks"
+            },
+            "Color": {
+              "location": "import",
+              "path": "../../../model"
+            }
+          }
+        }
+      }, {
+        "method": "smoothlyInput",
+        "name": "smoothlyInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Data",
+          "resolved": "{ [name: string]: Value | Data; }",
+          "references": {
+            "Data": {
+              "location": "import",
+              "path": "../../../model"
+            }
+          }
+        }
+      }, {
+        "method": "smoothlyInputLoad",
+        "name": "smoothlyInputLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "(parent: HTMLElement) => void",
+          "resolved": "(parent: HTMLElement) => void",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
+      }, {
+        "method": "smoothlyFormDisable",
+        "name": "smoothlyFormDisable",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "(disabled: boolean) => void",
+          "resolved": "(disabled: boolean) => void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "listen": {
+        "complexType": {
+          "signature": "(property: \"changed\", listener: (parent: Editable) => Promise<void>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Editable": {
+              "location": "import",
+              "path": "../Editable"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "clear": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "edit": {
+        "complexType": {
+          "signature": "(editable: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "reset": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "valueChanged"
+      }, {
+        "propName": "readonly",
+        "methodName": "watchingReadonly"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "smoothlyRadioButtonRegister",
+        "method": "handleRegister",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyInputLoad",
+        "method": "SmoothlyInputLoadHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlySelect",
+        "method": "smoothlyRadioInputHandler",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/input/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/radio/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tComponentWillLoad,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { Selectable } from \"./Selected\"\n\n@Component({\n\ttag: \"smoothly-input-radio\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRadio implements Input, Clearable, Editable, ComponentWillLoad {\n\tprivate active?: Selectable\n\tprivate valueReceivedOnLoad = false\n\tprivate listener: { changed?: (parent: Editable) => Promise<void> } = {}\n\tinitialValue?: Selectable\n\t@Prop({ mutable: true }) changed: boolean\n\t@Prop({ mutable: true }) value: any = undefined\n\t@Prop({ mutable: true, reflect: true }) looks: Looks = \"plain\"\n\t@Prop() clearable?: boolean\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() name: string\n\t@Event() smoothlyInputLooks: EventEmitter<(looks: Looks, color: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: HTMLElement) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit(looks => (this.looks = looks))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.listener.changed?.(this)\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\t!this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(() => {\n\t\t\treturn\n\t\t})\n\t\tthis.initialValue = this.active\n\t}\n\t@Listen(\"smoothlyRadioButtonRegister\")\n\thandleRegister(event: CustomEvent<(name: string) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this.name)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tSmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRadio) => void>): void {\n\t\tif (!(event.target && \"name\" in event.target && event.target.name === this.name)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.detail(this)\n\t\t}\n\t}\n\t@Listen(\"smoothlySelect\")\n\tsmoothlyRadioInputHandler(event: CustomEvent<Selectable>): void {\n\t\tevent.stopPropagation()\n\t\tif (!this.readonly || !this.valueReceivedOnLoad) {\n\t\t\tif (this.clearable && this.active?.value === event.detail.value)\n\t\t\t\tthis.clear()\n\t\t\telse if (this.active?.value !== event.detail.value) {\n\t\t\t\tthis.active?.select(false)\n\t\t\t\tthis.active = event.detail\n\t\t\t\tthis.value = this.active.value\n\t\t\t\tthis.active.select(true)\n\t\t\t}\n\t\t}\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\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 clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.active?.select(false)\n\t\t\tthis.value = undefined\n\t\t}\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.active?.select(false)\n\t\tthis.active = this.initialValue\n\t\tthis.value = this.initialValue?.value\n\t\tthis.active?.select(true)\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tthis.changed = this.initialValue?.value !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.listener.changed?.(this)\n\t}\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.listener.changed?.(this)\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div class=\"input-group\">\n\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<slot name=\"options\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}