smoothly 1.119.0 → 1.121.0

package/dist/components/p-j4UEmpTa.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Range","is","value","undefined","clamp","min","max","round","step","decimals","_b","_a","toString","split","length","toFixed","setPart","current","part","clamped","start","Math","end","normalize","Number","isNaN","equals","a","b","defined","percent","styleCss","SmoothlyInputRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","observer","Editable","Observer","create","initialValue","sliding","dual","readonly","type","name","outputSide","showInput","componentWillLoad","smoothlyInputLooks","emit","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","valueChanged","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","clear","listen","listener","subscribe","edit","editable","reset","setInitialValue","normalized","publish","smoothlyInput","watchingReadonly","setValue","input","setRange","resolved","next","field","startInput","endInput","bound","smoothlyUserInput","commitField","renderSingle","h","ref","e","showLabel","label","onSmoothlyInputLoad","async","Element","onSmoothlyBlur","onSmoothlyInput","placeholder","disabled","onInput","valueAsNumber","onChange","_c","renderDual","range","left","right","renderField","class","style","renderRangeInput","onSmoothlyKeydown","detail","key","onSmoothlyUserInput","String","render","Host","htmlFor"],"sources":["src/components/input/range/Range.ts","src/components/input/range/style.css?tag=smoothly-input-range&encapsulation=scoped","src/components/input/range/index.tsx"],"sourcesContent":["export type Range = { start: number; end: number }\n\nexport namespace Range {\n\texport type Value = number | Range\n\texport function is(value: Value | undefined): value is Range {\n\t\treturn typeof value == \"object\" && value != undefined && \"start\" in value && \"end\" in value\n\t}\n\texport function clamp(value: number, min: number, max: number): number {\n\t\treturn value < min ? min : value > max ? max : value\n\t}\n\texport function round(value: number, step: number | undefined): number {\n\t\tconst decimals = !step ? undefined : (step.toString().split(\".\")[1]?.length ?? 0)\n\t\treturn +value.toFixed(decimals)\n\t}\n\texport function setPart(current: Range, part: \"start\" | \"end\", value: number, min: number, max: number): Range {\n\t\tconst clamped = clamp(value, min, max)\n\t\treturn part == \"start\"\n\t\t\t? { start: Math.min(clamped, current.end), end: current.end }\n\t\t\t: { start: current.start, end: Math.max(clamped, current.start) }\n\t}\n\texport function normalize(value: Value | undefined, step: number | undefined): Value | undefined {\n\t\treturn is(value)\n\t\t\t? { start: round(value.start, step), end: round(value.end, step) }\n\t\t\t: value == undefined || Number.isNaN(value)\n\t\t\t\t? undefined\n\t\t\t\t: round(value, step)\n\t}\n\texport function equals(a: Value | undefined, b: Value | undefined): boolean {\n\t\treturn is(a) && is(b) ? a.start === b.start && a.end === b.end : a === b\n\t}\n\texport function defined(value: Value | undefined): boolean {\n\t\treturn is(value) ? typeof value.start == \"number\" && typeof value.end == \"number\" : typeof value == \"number\"\n\t}\n\texport function percent(value: number, min: number, max: number): number {\n\t\treturn max == min ? 0 : ((value - min) / (max - min)) * 100\n\t}\n}\n","@import \"../shared.css\";\n\n* {\n\tbox-sizing: border-box;\n}\n:host {\n\tposition: relative;\n\twidth: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n:host>div:not([slot]) {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 100%;\n\tpadding-right: var(--input-padding-side);\n}\n:host>div>smoothly-input {\n\twidth: 12em;\n\t--input-min-height: calc(3rem - 2px);\n\t--smoothly-input-border-focus: none;\n}\n:host>div>smoothly-input label {\n\twhite-space: nowrap;\n}\n:host.output-side-right>div {\n\tpadding: 0;\n}\n:host.output-side-right>div>smoothly-input {\n\ttext-align: center;\n\tmargin-left: var(--input-padding-side);\n\tborder: none;\n\tbox-sizing: border-box;\n\twidth: 6rem;\n\torder: 3;\n\tmargin: 0;\n}\n:host.output-side-right>div>smoothly-display,\n:host:not(.output-side-right)>div>label {\n\tdisplay: none;\n}\n:host.output-side-right>div>smoothly-input input {\n\tpadding: 0;\n\ttext-align: center;\n}\n:host.output-side-right>div>smoothly-input label {\n\twidth: 100%;\n}\n:host.output-side-right>div>label {\n\tposition: static;\n\tfont-size: inherit;\n\ttext-align: center;\n\tmargin: 0 var(--input-padding-side);\n}\n\n/*--------------------Reset browserspecific CSS------------------ */\n:host>div>input[type=range] {\n\t-webkit-appearance: none;\n\t/* Hides the slider so that custom slider can be made */\n\twidth: 100%;\n\t/* Specific width is required for Firefox. */\n\tbackground: transparent;\n\t/* Otherwise white in Chrome */\n\theight: 1.5em;\n\tpadding: 0 .4em;\n}\n\n/*--------------------THUMB------------------ */\n/* WebKit/Blink */\n:host>div>input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tmargin-top: -.25em;\n\tborder: none;\n\t/* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/* Firefox */\n:host>div>input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n/*--------------------SLIDER TRACK------------------ */\n:host>div>input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host>div>input[type=range]::-moz-range-track {\n\twidth: 100%;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host:not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-webkit-slider-runnable-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host:not([value]):not([disabled]):not([readonly])>div>input[type=range]::-moz-range-track {\n\tbackground-color: rgb(var(--smoothly-primary-tint));\n}\n\n:host[disabled]>div>input[type=range]::-webkit-slider-thumb,\n:host[disabled]>div>input[type=range]::-moz-range-thumb,\n:host[disabled]>div>input[type=range]::-webkit-slider-runnable-track,\n:host[disabled]>div>input[type=range]::-moz-range-track,\n:host[disabled],\n:host[disabled] * {\n\tcursor: not-allowed\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/*--------------------DUAL MODE------------------ */\n:host(.dual)>div>smoothly-input {\n\twidth: 6rem;\n\tflex: 0 0 auto;\n}\n:host(.dual) .track {\n\tposition: relative;\n\tflex: 1;\n\theight: 1.5em;\n\tdisplay: flex;\n\talign-items: center;\n}\n/* Shared visible track line */\n:host(.dual) .track::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: .4em;\n\tright: .4em;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual) .fill {\n\tposition: absolute;\n\theight: .3rem;\n\tborder-radius: 20px;\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tpointer-events: none;\n}\n/* Match the single range: the active fill drops to the foreground color when readonly/disabled. */\n:host(.dual[readonly]) .fill,\n:host(.dual[disabled]) .fill {\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n/* Both range inputs occupy the same box; only their thumbs receive pointer events */\n:host(.dual) .track > input[type=range] {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\twidth: 100%;\n\tmargin: 0;\n\tbackground: transparent;\n\tpointer-events: none;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-runnable-track {\n\tbackground: transparent;\n}\n:host(.dual) .track > input[type=range]::-moz-range-track {\n\tbackground: transparent;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-thumb {\n\tpointer-events: auto;\n}\n:host(.dual) .track > input[type=range]::-moz-range-thumb {\n\tpointer-events: auto;\n}\n\n/*--------------------DUAL MODE THUMBS------------------ */\n/* Single-mode thumb rules only match the direct-child :host>div>input, not the nested dual inputs, so replicate them here. */\n:host(.dual) .track > input[type=range] {\n\t-webkit-appearance: none;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-runnable-track {\n\theight: .3rem;\n}\n:host(.dual) .track > input[type=range]::-moz-range-track {\n\theight: .3rem;\n}\n:host(.dual) .track > input[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\theight: 0.8em;\n\twidth: 0.8em;\n\tmargin-top: -.25em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual):not([disabled]):not([readonly]) .track > input[type=range]::-webkit-slider-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n:host(.dual) .track > input[type=range]::-moz-range-thumb {\n\theight: 0.8em;\n\twidth: 0.8em;\n\tborder-radius: 100%;\n\tborder: none;\n\tbackground-color: rgb(var(--smoothly-input-foreground));\n}\n:host(.dual):not([disabled]):not([readonly]) .track > input[type=range]::-moz-range-thumb {\n\tbackground-color: rgb(var(--smoothly-primary-color));\n\tcursor: pointer;\n}\n:host(.dual)[disabled] .track > input[type=range]::-webkit-slider-thumb,\n:host(.dual)[disabled] .track > input[type=range]::-moz-range-thumb {\n\tcursor: not-allowed;\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 { tidily } from \"tidily\"\nimport { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { Range } from \"./Range\"\n\n@Component({\n\ttag: \"smoothly-input-range\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputRange implements Input, Clearable, Editable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate input?: HTMLSmoothlyInputElement\n\tprivate startInput?: HTMLSmoothlyInputElement\n\tprivate endInput?: HTMLSmoothlyInputElement\n\tprivate initialValue: Range.Value | undefined = undefined\n\tprivate sliding = false\n\t@Element() element: HTMLSmoothlyInputRangeElement\n\t@Prop({ mutable: true }) value: Range.Value | undefined = undefined\n\t@Prop() dual = false\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() type: Extract<tidily.Type, \"text\" | \"percent\"> = \"text\"\n\t@Prop() min = 0\n\t@Prop() max = 100\n\t@Prop({ reflect: true }) name = \"range\"\n\t@Prop() step?: number\n\t@Prop() outputSide: \"right\" | \"left\" = \"left\"\n\t@Prop() label: string\n\t@State() showInput = false\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tif (this.dual && !Range.is(this.value)) {\n\t\t\tthis.initialValue = { start: this.min, end: this.max }\n\t\t\tthis.value = this.initialValue\n\t\t} else {\n\t\t\tthis.value && (this.initialValue = this.value)\n\t\t\tthis.valueChanged()\n\t\t}\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRange) => void>) {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>): void {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<Range.Value | undefined> {\n\t\treturn this.value\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.value = undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean): 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 setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.value\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tvalueChanged(): void {\n\t\tconst normalized = Range.normalize(this.value, this.step)\n\t\tif (!Range.equals(normalized, this.value)) {\n\t\t\tthis.value = normalized\n\t\t\treturn\n\t\t}\n\t\tthis.isDifferentFromInitial = !Range.equals(this.initialValue, this.value)\n\t\tthis.defined = Range.defined(this.value)\n\t\tif (!this.sliding) {\n\t\t\tthis.observer.publish()\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\tsetValue(value: number | undefined): void {\n\t\tif (value == undefined || Number.isNaN(value)) {\n\t\t\tthis.value = undefined\n\t\t} else if (value < this.min) {\n\t\t\tthis.value = this.min\n\t\t} else if (value > this.max) {\n\t\t\tthis.value = this.max\n\t\t} else {\n\t\t\tthis.value = value\n\t\t}\n\t\tthis.input && (this.input.value = this.type == \"text\" ? (this.value as number)?.toString() : (this.value as number))\n\t}\n\tsetRange(part: \"start\" | \"end\", value: number | undefined): void {\n\t\tconst current = Range.is(this.value) ? this.value : { start: this.min, end: this.max }\n\t\tconst resolved = value == undefined || Number.isNaN(value) ? (part == \"start\" ? this.min : this.max) : value\n\t\tconst next = Range.setPart(current, part, resolved, this.min, this.max)\n\t\tif (Range.equals(next, this.value)) {\n\t\t\treturn\n\t\t}\n\t\tthis.value = next\n\t\tconst field = part == \"start\" ? this.startInput : this.endInput\n\t\tconst bound = next[part]\n\t\tfield && (field.value = this.type == \"text\" ? bound.toString() : bound)\n\t\t!this.sliding && this.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t}\n\tprivate async commitField(part: \"start\" | \"end\"): Promise<void> {\n\t\tconst field = part == \"start\" ? this.startInput : this.endInput\n\t\tthis.setRange(part, field ? Number(await field.getValue()) : undefined)\n\t\tconst bound = Range.is(this.value) ? this.value[part] : undefined\n\t\tfield?.setValue(this.type == \"text\" ? bound?.toString() : bound)\n\t}\n\n\tprivate renderSingle(): VNode[] {\n\t\treturn [\n\t\t\t<smoothly-input\n\t\t\t\tref={e => (this.input = e)}\n\t\t\t\tlooks={undefined}\n\t\t\t\tcolor={this.color}\n\t\t\t\tname={this.name}\n\t\t\t\tshowLabel={this.outputSide === \"left\" && !!this.label}\n\t\t\t\ttype={this.type}\n\t\t\t\tonSmoothlyInputLoad={async e => (\n\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t)}\n\t\t\t\tonSmoothlyBlur={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyInput={async e => {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tthis.setValue(Input.Element.is(e.target) ? Number(await e.target.getValue()) : undefined)\n\t\t\t\t}}\n\t\t\t\tvalue={this.type == \"percent\" ? (this.value as number) : (this.value as number)?.toString()}\n\t\t\t\tplaceholder={this.outputSide === \"right\" ? \"-\" : undefined}\n\t\t\t\treadonly={this.readonly}\n\t\t\t\tdisabled={this.disabled}>\n\t\t\t\t{this.label}\n\t\t\t</smoothly-input>,\n\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.min * 100 : this.min).toString()} />,\n\t\t\t<input\n\t\t\t\tname={this.name}\n\t\t\t\tpart=\"range\"\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={this.min}\n\t\t\t\tmax={this.max}\n\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\tonInput={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = true\n\t\t\t\t\tthis.setValue((event.target as HTMLInputElement).valueAsNumber)\n\t\t\t\t}}\n\t\t\t\tonChange={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = false\n\t\t\t\t\tthis.observer.publish()\n\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t}}\n\t\t\t\tvalue={(this.value as number) ?? this.min}\n\t\t\t/>,\n\t\t\t<smoothly-display label={(this.type == \"percent\" ? this.max * 100 : this.max).toString()} />,\n\t\t]\n\t}\n\tprivate renderDual(): VNode[] {\n\t\tconst range = Range.is(this.value) ? this.value : { start: this.min, end: this.max }\n\t\tconst left = Range.percent(range.start, this.min, this.max)\n\t\tconst right = 100 - Range.percent(range.end, this.min, this.max)\n\t\treturn [\n\t\t\tthis.renderField(\"start\", range.start),\n\t\t\t<div class=\"track\" part=\"track\">\n\t\t\t\t<div class=\"fill\" part=\"fill\" style={{ left: `${left}%`, right: `${right}%` }} />\n\t\t\t\t{this.renderRangeInput(\"start\", range.start)}\n\t\t\t\t{this.renderRangeInput(\"end\", range.end)}\n\t\t\t</div>,\n\t\t\tthis.renderField(\"end\", range.end),\n\t\t]\n\t}\n\tprivate renderField(part: \"start\" | \"end\", value: number): VNode {\n\t\treturn (\n\t\t\t<smoothly-input\n\t\t\t\tref={e => (part == \"start\" ? (this.startInput = e) : (this.endInput = e))}\n\t\t\t\tclass={part}\n\t\t\t\tcolor={this.color}\n\t\t\t\tname={`${this.name}-${part}`}\n\t\t\t\tshowLabel={true}\n\t\t\t\ttype={this.type}\n\t\t\t\tonSmoothlyBlur={e => (e.stopPropagation(), this.commitField(part))}\n\t\t\t\tonSmoothlyKeydown={e => void (e.detail.key == \"Enter\" && this.commitField(part))}\n\t\t\t\tonSmoothlyInput={e => e.stopPropagation()}\n\t\t\t\tonSmoothlyUserInput={e => e.stopPropagation()}\n\t\t\t\tvalue={this.type == \"percent\" ? value : value?.toString()}\n\t\t\t\treadonly={this.readonly}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\tright={part == \"start\"}>\n\t\t\t\t{part == \"start\" ? \"From\" : \"To\"}\n\t\t\t</smoothly-input>\n\t\t)\n\t}\n\tprivate renderRangeInput(part: \"start\" | \"end\", value: number): VNode {\n\t\treturn (\n\t\t\t<input\n\t\t\t\tpart={part == \"start\" ? \"range range-start\" : \"range range-end\"}\n\t\t\t\ttype=\"range\"\n\t\t\t\tmin={this.min}\n\t\t\t\tmax={this.max}\n\t\t\t\tstep={this.step ?? \"any\"}\n\t\t\t\tdisabled={this.readonly || this.disabled}\n\t\t\t\tonInput={event => {\n\t\t\t\t\tconst input = event.target as HTMLInputElement\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = true\n\t\t\t\t\tthis.setRange(part, input.valueAsNumber)\n\t\t\t\t\tconst bound = Range.is(this.value) ? this.value[part] : undefined\n\t\t\t\t\tbound != undefined && (input.value = String(bound))\n\t\t\t\t}}\n\t\t\t\tonChange={event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t\tthis.sliding = false\n\t\t\t\t\tthis.observer.publish()\n\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.value })\n\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t\t\t}}\n\t\t\t\tvalue={value ?? (part == \"start\" ? this.min : this.max)}\n\t\t\t/>\n\t\t)\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t\"output-side-right\": this.outputSide === \"right\",\n\t\t\t\t\t\"show-label\": this.outputSide === \"left\" && !!this.label,\n\t\t\t\t\tdual: this.dual,\n\t\t\t\t}}>\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<label htmlFor={this.name}>{this.label}</label>\n\t\t\t\t\t{this.dual ? this.renderDual() : this.renderSingle()}\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"],"mappings":"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","ignoreList":[]}

package/dist/components/p-o8kM0Soe.js

@@ -0,0 +1,2 @@
+import{p as t,H as s,c as o,h as i,d as e,t as n}from"./p-BsZrGTcp.js";import{g as l}from"./p-DVt2MDdp.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{g as r,S as u,a as c,b as p}from"./p-CdrWGE1v.js";import{o as d,b as m,s as y}from"./p-Dr7iZPxA.js";import{d as b}from"./p-DFSiKg4M.js";var f;(function(t){function s(t,o){if(t===o){return true}if(typeof t=="object"&&typeof o=="object"){const i=Object.keys(t);if(i.length==Object.keys(o).length&&i.every((i=>s(t[i],o[i])))){return true}}return false}t.equal=s;function o(t,o){return!s(t,o)}t.notEqual=o})(f||(f={}));var v;(function(t){function s(t,s,e){const n=/([^.-@\s]+)/gi;return e=="backward"?o(t,s,n):i(t,s,n)}t.getWordBreakIndex=s;function o(t,s,o){let i=0;let e;while((e=o.exec(t))!=null){if(o.lastIndex-e[0].length<s){i=o.lastIndex-e[0].length}else{break}}return i}function i(t,s,o){let i=0;while(o.exec(t)!=null){i=o.lastIndex;if(o.lastIndex>s){break}}o.lastIndex<=s&&(i=t.length);return i}})(v||(v={}));class g{constructor(t,s){this.formatter=t;this.type=s;this.keydownHandlers={ArrowLeft:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s),ArrowRight:(t,s)=>t.ctrlKey||t.metaKey?s:this.moveCursor(t,s)};this.eventHandlers={beforeinput:{insertText:(t,s)=>this.insert(t,s),insertFromPaste:(t,s)=>this.insert(t,s),insertFromDrop:(t,s)=>this.insert(t,s),deleteContentBackward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start-1,s.selection.end)}this.erase(s);return s},deleteContentForward:(t,s)=>{t.preventDefault();if(s.selection.start==s.selection.end){this.select(s,s.selection.start,s.selection.end+1)}this.erase(s);return s},deleteWordBackward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"backward")}return i},deleteWordForward:(t,s,o)=>{let i=s;if(this.type!="password"){t.preventDefault();i=this.deleteWord(o,"forward")}return i},deleteByCut:(t,s)=>{this.erase(s);return s}},input:{insertReplacementText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),insertCompositionText:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value}),deleteWordBackward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,deleteWordForward:(t,s)=>this.type=="password"?Object.assign(Object.assign({},s),{value:t.target.value}):s,undefined:(t,s)=>Object.assign(Object.assign({},s),{value:t.target.value})}}}static create(t,s){let o;switch(t){case"price":o=r("price",s);break;case"integer":o=r("integer",s);break;default:o=r(t,s);break}return new g(o||r("text"),t)}onKeyDown(t,s){var o,i,e,n;let l=s;const h=this.keydownHandlers[t.key];if(h){const a=t.target;s.selection.start=(o=a.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=a.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=a.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const r=h(t,this.unformatState(s),s);const u=this.partialFormatState(r);if(t.defaultPrevented){a.selectionStart=u.selection.start;a.selectionEnd=u.selection.end;a.selectionDirection=(n=u.selection.direction)!==null&&n!==void 0?n:null}l=u}return l}moveCursor(t,s){t.preventDefault();let o=u.getCursor(s.selection);let i=u.getStalker(s.selection);o=Math.min(Math.max(o+(t.key=="ArrowLeft"?-1:1),0),s.value.length);i=t.shiftKey?i:o;s.selection.direction=i<o?"forward":i>o?"backward":"none";s.selection.start=Math.min(i,o);s.selection.end=Math.max(i,o);return s}onFocus(t,s){const o=this.partialFormatState(this.unformatState(s));const i=t.target;i.value=o.value;return o}onBlur(t,s){const o=this.createFormattedState(s);const i=t.target;i.value=o.value;return o}onInputEvent(t,s){var o,i,e,n,l,h,a;const r=t.target;s.selection.start=(o=r.selectionStart)!==null&&o!==void 0?o:s.selection.start;s.selection.end=(i=r.selectionEnd)!==null&&i!==void 0?i:s.selection.end;s.selection.direction=(e=r.selectionDirection)!==null&&e!==void 0?e:s.selection.direction;const u=t.type=="beforeinput"||t.type=="input"?(h=(l=(n=this.eventHandlers[t.type])[t.inputType])===null||l===void 0?void 0:l.call(n,t,this.unformatState(s),s))!==null&&h!==void 0?h:s:s;const c=this.partialFormatState(u);if(t.defaultPrevented){r.value=c.value;r.selectionStart=c.selection.start;r.selectionEnd=c.selection.end;r.selectionDirection=(a=c.selection.direction)!==null&&a!==void 0?a:null}return c}insert(t,s){t.preventDefault();if(typeof t.data=="string"){for(const o of t.data){this.formatter.allowed(o,s)&&this.replace(s,o.replace(/(\r|\n|\t)/g,""))}}return s}deleteWord(t,s){const o=u.getCursor(t.selection);const i=v.getWordBreakIndex(t.value,o,s);const e=this.unformatState(Object.assign(Object.assign({},t),{selection:{start:Math.min(o,i),end:Math.max(o,i),direction:"none"}}));const n=e.value.substring(0,e.selection.start)+e.value.substring(e.selection.end);e.value=n;e.selection.end=e.selection.start;return e}select(t,s,o,i){t.selection.start=s;t.selection.end=o;i&&(t.selection.direction=i)}erase(t){this.replace(t,"")}replace(t,s){t.value=t.value.substring(0,t.selection.start)+s+t.value.substring(t.selection.end);t.selection.start=t.selection.start+s.length;t.selection.end=t.selection.start}unformatState(t){return c.copy(this.formatter.unformat(p.copy(t)))}partialFormatState(t){return this.formatter.partialFormat(p.copy(t))}createFormattedState(t){return this.formatter.format(p.copy(this.formatter.unformat(p.copy(t))))}toString(t){return this.formatter.toString(t)}initialState(t,s){const o=this.toString(t)||"";const i=o.length;const e=this.createFormattedState({value:o,selection:{start:i,end:i,direction:"none"}});if(s){s.value=e.value}return e}setValue(t,s,o){const i=Object.assign(Object.assign({},s),{value:this.createFormattedState({value:this.formatter.toString(o),selection:s.selection}).value});t.value=i.value;return i}getValue(t){return this.formatter.fromString(this.unformatState(t).value)}setSelection(t,s,o,i){t.focus();t.selectionStart=o;t.selectionEnd=i;this.select(s,o,i);return s}}var k;(function(t){t.type=d({name:y(),key:y(),shift:m(),ctrl:m(),alt:m(),meta:m()});t.is=t.type.is;function s(t,s){return{name:t,key:s.key,shift:s.shiftKey,ctrl:s.ctrlKey,alt:s.altKey,meta:s.metaKey}}t.create=s})(k||(k={}));const w=()=>`.sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-h,[looks="transparent"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks="transparent"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks="transparent"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-h .label.sc-smoothly-input{transform-origin:top right}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}[right].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{right:var(--input-padding-side);left:auto}[right].sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{text-align:right}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}`;const x=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyKeydown=o(this,"smoothlyKeydown");this.smoothlyBlur=o(this,"smoothlyBlur");this.smoothlyChange=o(this,"smoothlyChange");this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.type="text";this.required=false;this.showLabel=true;this.disabled=false;this.readonly=false;this.invalid=false;this.copied=false;this.isDifferentFromInitial=false;this.uneditable=this.readonly;this.observer=h.Observer.create(this)}async getValue(){return this.stateHandler.getValue(this.state)}async setValue(t){if(this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t)}}async setFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.focus()}async setSelection(t,s){if(this.inputElement){this.state=this.stateHandler.setSelection(this.inputElement,this.state,t,s<0?this.inputElement.value.length+s+1:s)}}async listen(t){this.observer.subscribe(t)}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async clear(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,undefined)}}async edit(t){!this.uneditable&&(this.readonly=!t)}async reset(){if(!this.uneditable&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,this.initialValue)}}async setInitialValue(){this.isDifferentFromInitial=false;this.initialValue=this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()})}async setCustomInitialValue(t){this.initialValue=t}async smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}typeChange(){var t,s;switch(this.type){case"price":this.stateHandler=g.create("price",{currency:this.currency,toInteger:this.toInteger});break;case"integer":this.stateHandler=g.create("integer",{min:this.min,max:this.max,pad:this.pad});break;default:this.stateHandler=g.create(this.type,l());break}this.state=this.stateHandler.initialState((t=this.value)!==null&&t!==void 0?t:(s=this.state)===null||s===void 0?void 0:s.value,this.inputElement)}stateChange(){const t=this.stateHandler.getValue(this.state);this.isDifferentFromInitial=f.notEqual(this.initialValue,t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){const s=this.stateHandler.getValue(this.state);if(f.notEqual(s,t)&&this.inputElement){this.state=this.stateHandler.setValue(this.inputElement,this.state,t);this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)})}}readonlyChange(){this.observer.publish()}componentWillLoad(){this.initialValue=this.value;this.typeChange();this.smoothlyInputLooks.emit(((t,s)=>{var o;return this.looks=(o=this.looks)!==null&&o!==void 0?o:t,!this.color&&(this.color=s)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}componentDidLoad(){if(this.inputElement){this.inputElement.value=this.state.value}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}onEvent(t){this.state=this.stateHandler.onInputEvent(t,this.state);if(t.type=="input"||t.defaultPrevented){this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}copyText(t){if(t){navigator.clipboard.writeText(t);this.copied=true}}render(){var t,s,o,n,l,h,a,r,u,c;return i(e,{key:"dc56c8b63c3a0402640a20a811dae85468138f3b",class:{"has-value":((t=this.state)===null||t===void 0?void 0:t.value)!=undefined&&((s=this.state)===null||s===void 0?void 0:s.value)!=""},onclick:()=>{var t;return(t=this.inputElement)===null||t===void 0?void 0:t.focus()}},i("slot",{key:"f3372746df6932f07cea568a5f16d9bbdeef39cd",name:"start"}),i("div",{key:"1d50dc7ea1c62c4835af80ec08c708d2162452c5",class:"smoothly-input-container"},i("div",{key:"f562dd8ffdda755718f02c742e0b96bc1c823071",class:"guide"},i("div",{key:"1f02c40d673223061f83933a252caf01ccede774",class:"value"},(o=this.state)===null||o===void 0?void 0:o.value),i("div",{key:"12c0b824734da7fbd20de68ce033b0da60149ecf",class:"remainder"},(n=this.state)===null||n===void 0?void 0:n.remainder)),i("input",{key:"89ff5f54533362d8776d4f500c019aef7a951b58",ref:t=>this.inputElement=t,color:this.color,name:this.name,type:(l=this.state)===null||l===void 0?void 0:l.type,inputmode:(h=this.state)===null||h===void 0?void 0:h.inputmode,placeholder:this.placeholder,required:this.required,autocomplete:(a=this.autocomplete)!==null&&a!==void 0?a:(r=this.state)===null||r===void 0?void 0:r.autocomplete,disabled:this.disabled,readOnly:this.readonly,pattern:((u=this.state)===null||u===void 0?void 0:u.pattern)&&((c=this.state)===null||c===void 0?void 0:c.pattern.source),onKeyDown:async t=>{this.state=this.stateHandler.onKeyDown(t,this.state);if(!this.readonly&&!this.disabled){this.smoothlyKeydown.emit(k.create(this.name,t))}},onFocus:t=>!this.readonly&&(this.state=this.stateHandler.onFocus(t,this.state)),onBlur:t=>{if(!this.readonly){const s=this.stateHandler.getValue(this.state);this.state=this.stateHandler.onBlur(t,this.state);this.smoothlyBlur.emit();this.smoothlyInput.emit({[this.name]:this.stateHandler.getValue(this.state)});if(f.notEqual(s,this.stateHandler.getValue(this.state))){this.smoothlyChange.emit({[this.name]:this.stateHandler.getValue(this.state)});this.smoothlyUserInput.emit({name:this.name,value:this.stateHandler.getValue(this.state)})}}}}),i("label",{key:"0773d2f8eac3c880558ed831dca5903f4da1f5aa",class:"label float-on-focus",htmlFor:this.name},i("slot",{key:"fbce8ed1251aa8b97937ee81ec4e07c36941de52"}))),this.copyable&&this.value&&i("span",{key:"a0ffe7c27427df173276dbedd1159d1a3428ec36",class:"copyable"},i("small",{key:"da9740e6bc386abe42a23d4e0d428a72da6ee4de"},this.copied?"Copied!":"Copy"),i("smoothly-icon",{key:"7b3eaa57b44c623c09a55ef143dd98fd90a6a660",name:"copy-outline",size:"small",onClick:()=>this.copyText(this.value),onMouseLeave:()=>this.copied=false})),i("smoothly-icon",{key:"b89c81c66a99efab0dcb5aa0f751c41c28723f64",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),i("slot",{key:"0f84b621e6860ab9b6477ee2a5aff5d0e099d1d9",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}}static get style(){return w()}},[262,"smoothly-input",{color:[1537],looks:[1537],name:[513],value:[1032],type:[513],required:[516],showLabel:[516,"show-label"],autocomplete:[1],placeholder:[513],disabled:[516],readonly:[1540],toInteger:[4,"to-integer"],currency:[513],min:[2],max:[2],pad:[2],invalid:[516],errorMessage:[513,"error-message"],copyable:[516],right:[516],initialValue:[32],state:[32],copied:[32],getValue:[64],setValue:[64],setFocus:[64],setSelection:[64],listen:[64],register:[64],unregister:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64],setCustomInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"input","onEvent"],[0,"beforeinput","onEvent"]],{name:[{nameChange:0}],currency:[{typeChange:0}],type:[{typeChange:0}],state:[{stateChange:0}],value:[{valueChange:0}],disabled:[{readonlyChange:0}],readonly:[{readonlyChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["smoothly-input","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"smoothly-icon":if(!customElements.get(n(t))){b()}break}}))}C();export{x as S,C as d};
+//# sourceMappingURL=p-o8kM0Soe.js.map

package/dist/components/p-o8kM0Soe.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Deep","equal","a","b","keys","Object","length","every","key","notEqual","Adjacent","getWordBreakIndex","str","index","direction","wordRegex","getBackwardWordBreakIndex","getForwardWordBreakIndex","result","execArray","exec","lastIndex","InputStateHandler","constructor","formatter","type","this","keydownHandlers","ArrowLeft","event","state","ctrlKey","metaKey","moveCursor","ArrowRight","eventHandlers","beforeinput","insertText","insert","insertFromPaste","insertFromDrop","deleteContentBackward","preventDefault","selection","start","end","select","erase","deleteContentForward","deleteWordBackward","unformatted","formattedState","deleteWord","deleteWordForward","deleteByCut","_","input","insertReplacementText","assign","value","target","insertCompositionText","undefined","create","extra","tidily.get","onKeyDown","handler","_a","selectionStart","_b","selectionEnd","_c","selectionDirection","unformatState","formatted","partialFormatState","defaultPrevented","_d","cursor","tidily.Selection","getCursor","stalk","getStalker","Math","min","max","shiftKey","onFocus","onBlur","createFormattedState","onInputEvent","_f","_e","inputType","call","_g","data","c","allowed","replace","cursorPosition","adjacentIndex","substring","from","to","insertString","tidily.State","copy","unformat","tidily.StateEditor","unformattedState","partialFormat","format","toString","initialState","inputElement","stringValue","setValue","getValue","fromString","setSelection","focus","Key","isly.object","name","isly.string","shift","isly.boolean","ctrl","alt","meta","is","altKey","styleCss","SmoothlyInput","__stencil_proxyCustomElement","HTMLElement","registerHost","required","showLabel","disabled","readonly","invalid","copied","isDifferentFromInitial","uneditable","observer","Editable","Observer","stateHandler","setFocus","listen","listener","subscribe","nameChange","oldName","Input","formRename","register","formAdd","unregister","formRemove","clear","edit","editable","reset","initialValue","setInitialValue","smoothlyInput","emit","setCustomInitialValue","smoothlyInputLoadHandler","registerSubAction","typeChange","currency","toInteger","pad","getLocale","stateChange","publish","valueChange","lastValue","readonlyChange","componentWillLoad","smoothlyInputLooks","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","componentDidLoad","disconnectedCallback","element","isConnected","onEvent","smoothlyUserInput","copyText","navigator","clipboard","writeText","render","h","Host","class","onclick","remainder","ref","el","inputmode","placeholder","autocomplete","_h","readOnly","pattern","_j","_k","source","async","smoothlyKeydown","smoothlyBlur","smoothlyChange","htmlFor","copyable","size","onClick","onMouseLeave","tooltip","errorMessage"],"sources":["src/components/input/Deep.ts","src/components/input/Adjacent.ts","src/components/input/InputStateHandler.ts","src/components/input/Key.ts","src/components/input/style.css?tag=smoothly-input&encapsulation=scoped","src/components/input/index.tsx"],"sourcesContent":["export namespace Deep {\n\texport function equal(a: any, b: any): boolean {\n\t\tif (a === b) {\n\t\t\treturn true\n\t\t}\n\t\tif (typeof a == \"object\" && typeof b == \"object\") {\n\t\t\tconst keys = Object.keys(a)\n\t\t\tif (keys.length == Object.keys(b).length && keys.every(key => equal(a[key], b[key]))) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t}\n\t\treturn false\n\t}\n\texport function notEqual(a: any, b: any): boolean {\n\t\treturn !equal(a, b)\n\t}\n}\n","export namespace Adjacent {\n\texport function getWordBreakIndex(str: string, index: number, direction: \"backward\" | \"forward\"): number {\n\t\tconst wordRegex = /([^.-@\\s]+)/gi\n\t\treturn direction == \"backward\"\n\t\t\t? getBackwardWordBreakIndex(str, index, wordRegex)\n\t\t\t: getForwardWordBreakIndex(str, index, wordRegex)\n\t}\n\n\tfunction getBackwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\tlet execArray: RegExpExecArray | null\n\t\twhile ((execArray = wordRegex.exec(str)) != null) {\n\t\t\tif (wordRegex.lastIndex - execArray[0].length < index) {\n\t\t\t\tresult = wordRegex.lastIndex - execArray[0].length\n\t\t\t} else {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\n\tfunction getForwardWordBreakIndex(str: string, index: number, wordRegex: RegExp): number {\n\t\tlet result = 0\n\t\twhile (wordRegex.exec(str) != null) {\n\t\t\tresult = wordRegex.lastIndex\n\t\t\tif (wordRegex.lastIndex > index) {\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t\twordRegex.lastIndex <= index && (result = str.length)\n\t\treturn result\n\t}\n}\n","import { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Adjacent } from \"./Adjacent\"\n\ntype Formatter = tidily.Formatter & tidily.Converter<any>\ntype Handler<E extends Event> = (event: E, unformatted: tidily.State, formatted: tidily.State) => tidily.State\n\nexport class InputStateHandler {\n\tconstructor(\n\t\tprivate formatter: Formatter,\n\t\tprivate type: tidily.Type\n\t) {}\n\tstatic create(type: \"price\", priceOptions: { currency?: isoly.Currency; toInteger?: boolean }): InputStateHandler\n\tstatic create(type: \"integer\", integerOptions: { min?: number; max?: number; pad?: number }): InputStateHandler\n\tstatic create(type: tidily.Type, locale?: isoly.Locale): InputStateHandler\n\tstatic create(type: tidily.Type, extra?: any): InputStateHandler {\n\t\tlet result: (tidily.Formatter & tidily.Converter<any>) | undefined\n\t\tswitch (type) {\n\t\t\tcase \"price\":\n\t\t\t\tresult = tidily.get(\"price\", extra)\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tresult = tidily.get(\"integer\", extra)\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tresult = tidily.get(type, extra)\n\t\t\t\tbreak\n\t\t}\n\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\treturn new InputStateHandler(result || tidily.get(\"text\")!, type)\n\t}\n\n\tpublic onKeyDown(\n\t\tevent: KeyboardEvent,\n\t\tstate: Readonly<tidily.State> & tidily.Settings\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tlet result: Readonly<tidily.State> & tidily.Settings = state\n\t\tconst handler = this.keydownHandlers[event.key]\n\t\tif (handler) {\n\t\t\tconst input = event.target as HTMLInputElement\n\t\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\t\tconst unformatted = handler(event, this.unformatState(state), state)\n\t\t\tconst formatted = this.partialFormatState(unformatted)\n\t\t\tif (event.defaultPrevented) {\n\t\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t\t}\n\t\t\tresult = formatted\n\t\t}\n\t\treturn result\n\t}\n\tkeydownHandlers: { [key: string]: Handler<KeyboardEvent> | undefined } = {\n\t\tArrowLeft: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t\tArrowRight: (event, state) => (event.ctrlKey || event.metaKey ? state : this.moveCursor(event, state)),\n\t}\n\n\tmoveCursor(event: KeyboardEvent, state: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tlet cursor = tidily.Selection.getCursor(state.selection)\n\t\tlet stalk = tidily.Selection.getStalker(state.selection)\n\t\tcursor = Math.min(Math.max(cursor + (event.key == \"ArrowLeft\" ? -1 : 1), 0), state.value.length)\n\t\tstalk = event.shiftKey ? stalk : cursor\n\t\tstate.selection.direction = stalk < cursor ? \"forward\" : stalk > cursor ? \"backward\" : \"none\"\n\t\tstate.selection.start = Math.min(stalk, cursor)\n\t\tstate.selection.end = Math.max(stalk, cursor)\n\t\treturn state\n\t}\n\n\tpublic onFocus(event: FocusEvent, state: tidily.State) {\n\t\tconst result = this.partialFormatState(this.unformatState(state))\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onBlur(event: FocusEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = this.createFormattedState(state)\n\t\tconst input = event.target as HTMLInputElement\n\t\tinput.value = result.value\n\t\treturn result\n\t}\n\n\tpublic onInputEvent(event: InputEvent, state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\tconst input = event.target as HTMLInputElement\n\t\tstate.selection.start = input.selectionStart ?? state.selection.start\n\t\tstate.selection.end = input.selectionEnd ?? state.selection.end\n\t\tstate.selection.direction = input.selectionDirection ?? state.selection.direction\n\t\tconst result =\n\t\t\tevent.type == \"beforeinput\" || event.type == \"input\"\n\t\t\t\t? (this.eventHandlers[event.type][event.inputType]?.(event, this.unformatState(state), state) ?? state)\n\t\t\t\t: state\n\t\tconst formatted = this.partialFormatState(result)\n\t\tif (event.defaultPrevented) {\n\t\t\tinput.value = formatted.value\n\t\t\tinput.selectionStart = formatted.selection.start\n\t\t\tinput.selectionEnd = formatted.selection.end\n\t\t\tinput.selectionDirection = formatted.selection.direction ?? null\n\t\t}\n\t\treturn formatted\n\t}\n\tprivate eventHandlers: Record<\"beforeinput\" | \"input\", { [inputType: string]: Handler<InputEvent> | undefined }> = {\n\t\tbeforeinput: {\n\t\t\tinsertText: (event, state) => this.insert(event, state),\n\t\t\tinsertFromPaste: (event, state) => this.insert(event, state),\n\t\t\tinsertFromDrop: (event, state) => this.insert(event, state),\n\t\t\tdeleteContentBackward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start - 1, state.selection.end)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteContentForward: (event, state) => {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tif (state.selection.start == state.selection.end) {\n\t\t\t\t\tthis.select(state, state.selection.start, state.selection.end + 1)\n\t\t\t\t}\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\tdeleteWordBackward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"backward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteWordForward: (event, unformatted, formattedState) => {\n\t\t\t\tlet result = unformatted\n\t\t\t\tif (this.type != \"password\") {\n\t\t\t\t\tevent.preventDefault()\n\t\t\t\t\tresult = this.deleteWord(formattedState, \"forward\")\n\t\t\t\t}\n\t\t\t\treturn result\n\t\t\t},\n\t\t\tdeleteByCut: (_, state) => {\n\t\t\t\tthis.erase(state)\n\t\t\t\treturn state\n\t\t\t},\n\t\t\t// historyUndo - TODO\n\t\t\t// historyRedo - TODO\n\t\t\t// insertLineBreak - TODO\n\t\t},\n\t\tinput: {\n\t\t\tinsertReplacementText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tinsertCompositionText: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t\tdeleteWordBackward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\tdeleteWordForward: (event, state) =>\n\t\t\t\tthis.type == \"password\" ? { ...state, value: (event.target as HTMLInputElement).value } : state,\n\t\t\t// Chrome will dispatch an input event without inputType when auto-filling\n\t\t\tundefined: (event, state) => ({ ...state, value: (event.target as HTMLInputElement).value }),\n\t\t},\n\t}\n\n\tprivate insert(event: InputEvent, unformatted: tidily.State): tidily.State {\n\t\tevent.preventDefault()\n\t\tif (typeof event.data == \"string\") {\n\t\t\tfor (const c of event.data) {\n\t\t\t\tthis.formatter.allowed(c, unformatted) && this.replace(unformatted, c.replace(/(\\r|\\n|\\t)/g, \"\"))\n\t\t\t}\n\t\t}\n\t\treturn unformatted\n\t}\n\tprivate deleteWord(formattedState: tidily.State, direction: \"backward\" | \"forward\"): tidily.State {\n\t\tconst cursorPosition = tidily.Selection.getCursor(formattedState.selection)\n\t\tconst adjacentIndex = Adjacent.getWordBreakIndex(formattedState.value, cursorPosition, direction)\n\t\tconst result = this.unformatState({\n\t\t\t...formattedState,\n\t\t\tselection: {\n\t\t\t\tstart: Math.min(cursorPosition, adjacentIndex),\n\t\t\t\tend: Math.max(cursorPosition, adjacentIndex),\n\t\t\t\tdirection: \"none\",\n\t\t\t},\n\t\t})\n\t\tconst value = result.value.substring(0, result.selection.start) + result.value.substring(result.selection.end)\n\t\tresult.value = value\n\t\tresult.selection.end = result.selection.start\n\t\treturn result\n\t}\n\n\tprivate select(state: tidily.State, from: number, to: number, direction?: tidily.Direction): void {\n\t\tstate.selection.start = from\n\t\tstate.selection.end = to\n\t\tdirection && (state.selection.direction = direction)\n\t}\n\tprivate erase(state: tidily.State): void {\n\t\tthis.replace(state, \"\")\n\t}\n\tprivate replace(state: tidily.State, insertString: string): void {\n\t\tstate.value =\n\t\t\tstate.value.substring(0, state.selection.start) + insertString + state.value.substring(state.selection.end)\n\t\tstate.selection.start = state.selection.start + insertString.length\n\t\tstate.selection.end = state.selection.start\n\t}\n\n\tprivate unformatState(formattedState: tidily.State): tidily.State {\n\t\treturn tidily.State.copy(this.formatter.unformat(tidily.StateEditor.copy(formattedState)))\n\t}\n\tprivate partialFormatState(unformattedState: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.partialFormat(tidily.StateEditor.copy(unformattedState))\n\t}\n\tprivate createFormattedState(state: tidily.State): Readonly<tidily.State> & tidily.Settings {\n\t\treturn this.formatter.format(tidily.StateEditor.copy(this.formatter.unformat(tidily.StateEditor.copy(state))))\n\t}\n\tprivate toString(value: any): string {\n\t\treturn this.formatter.toString(value)\n\t}\n\tpublic initialState(value: any, inputElement?: HTMLInputElement): Readonly<tidily.State> & tidily.Settings {\n\t\tconst stringValue = this.toString(value) || \"\"\n\t\tconst start = stringValue.length\n\t\tconst state = this.createFormattedState({\n\t\t\tvalue: stringValue,\n\t\t\tselection: { start, end: start, direction: \"none\" },\n\t\t})\n\t\tif (inputElement) {\n\t\t\tinputElement.value = state.value\n\t\t}\n\t\treturn state\n\t}\n\tpublic setValue(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tvalue: any\n\t): Readonly<tidily.State> & tidily.Settings {\n\t\tconst result = {\n\t\t\t...formattedState,\n\t\t\tvalue: this.createFormattedState({ value: this.formatter.toString(value), selection: formattedState.selection })\n\t\t\t\t.value,\n\t\t}\n\t\tinputElement.value = result.value\n\t\treturn result\n\t}\n\tpublic getValue(formattedState: tidily.State): any {\n\t\treturn this.formatter.fromString(this.unformatState(formattedState).value)\n\t}\n\tpublic setSelection(\n\t\tinputElement: HTMLInputElement,\n\t\tformattedState: Readonly<tidily.State> & tidily.Settings,\n\t\tstart: number,\n\t\tend: number\n\t) {\n\t\tinputElement.focus()\n\t\tinputElement.selectionStart = start\n\t\tinputElement.selectionEnd = end\n\t\tthis.select(formattedState, start, end)\n\t\treturn formattedState\n\t}\n}\n","import { isly } from \"isly\"\n\nexport interface Key {\n\tname: string\n\tkey: string\n\tshift: boolean\n\tctrl: boolean\n\talt: boolean\n\tmeta: boolean\n}\n\nexport namespace Key {\n\texport const type = isly.object<Key>({\n\t\tname: isly.string(),\n\t\tkey: isly.string(),\n\t\tshift: isly.boolean(),\n\t\tctrl: isly.boolean(),\n\t\talt: isly.boolean(),\n\t\tmeta: isly.boolean(),\n\t})\n\texport const is = type.is\n\n\texport function create(name: string, event: KeyboardEvent): Key {\n\t\treturn {\n\t\t\tname,\n\t\t\tkey: event.key,\n\t\t\tshift: event.shiftKey,\n\t\t\tctrl: event.ctrlKey,\n\t\t\talt: event.altKey,\n\t\t\tmeta: event.metaKey,\n\t\t}\n\t}\n}\n","@import \"./shared.css\";\n\n:host {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-weight: var(--smoothly-font-weight);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n}\n\n:host[hidden] {\n\tdisplay: none;\n}\n\n:host>.smoothly-input-container {\n\tposition: relative;\n\tflex-grow: 1;\n\theight: 100%;\n}\n\n:host>.smoothly-input-container>label {\n\tleft: var(--input-padding-side);\n}\n:host[right]>.smoothly-input-container>label {\n\tright: var(--input-padding-side);\n\tleft: auto;\n}\n:host[right]>div>input {\n\ttext-align: right;\n}\n\n:host:not([show-label])>div>input {\n\tpadding: 0 var(--input-padding-side);\n}\n\n:host>.smoothly-input-container>div.guide {\n\tposition: absolute;\n  box-sizing: border-box;\n  align-content: center;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host([show-label])>.smoothly-input-container>div.guide {\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>.smoothly-input-container>div.guide>div.value {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0;\n}\n:host>.smoothly-input-container>div.guide>div.remainder {\n\tdisplay: inline;\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n:host>.smoothly-input-container>input {\n\tpadding: \n\t\tvar(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);\n\tbox-sizing: border-box;\n\twidth: 100%;\n\theight: 100%;\n\tborder: 0;\n\tz-index: 1;\n\tposition: relative;\n\tfont-size: 1rem;\n\tfont-family: var(--smoothly-font-family);\n}\n:host([disabled])>.smoothly-input-container>input {\n\tcursor: not-allowed;\n}\n\n:host>.smoothly-invalid {\n\tdisplay: none;\n\tz-index: 2;\n\tpadding: 0.5rem;\n}\n:host[invalid]>.smoothly-invalid {\n\tdisplay: flex;\n}\n\n:host>div>label {\n\tz-index: 1;\n\tpointer-events: none;\n}\n\n:host>div>input:focus {\n\toutline: none;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill:hover,\n:host>div>input:-webkit-autofill:focus,\n:host>div>input:-webkit-autofill:active {\n\tbox-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n\t-webkit-box-shadow: 0 0 0 40em rgb(var(--smoothly-input-background)) inset;\n}\n\n:host>div>input:-webkit-autofill,\n:host>div>input:-webkit-autofill+label {\n\t-webkit-text-fill-color: rgb(var(--smoothly-input-foreground));\n}\n:host>span.copyable {\n\tposition: relative;\n}\n:host>span.copyable>smoothly-icon {\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 0.5rem;\n\n}\n:host>span.copyable:hover small,\n:host>span.copyable:focus small {\n\tdisplay: block;\n}\n:host>span.copyable>small {\n\tdisplay: none;\n\twidth: max-content;\n\tborder-radius: 0.25rem;\n\tpadding: 0.2rem 0.3rem;\n\tposition: absolute;\n\tright: -0.5rem;\n\ttop: -2rem;\n\tbackground-color: rgb(var(--smoothly-default-contrast));\n\tcolor: rgb(var(--smoothly-default-tint));\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { tidily } from \"tidily\"\nimport { Color } from \"../../model\"\nimport { getLocale } from \"../../model/getLocale\"\nimport { Clearable } from \"./Clearable\"\nimport { Deep } from \"./Deep\"\nimport { Editable } from \"./Editable\"\nimport { Input } from \"./Input\"\nimport { InputStateHandler } from \"./InputStateHandler\"\nimport { Key } from \"./Key\"\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\t@Element() element: HTMLSmoothlyInputElement\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ 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?: Exclude<tidily.Settings[\"autocomplete\"], undefined>\n\t@Prop({ reflect: true }) placeholder: string | undefined\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop() toInteger?: boolean\n\t@Prop({ reflect: true }) currency?: isoly.Currency\n\t@Prop() min?: number\n\t@Prop() max?: number\n\t@Prop() pad?: number\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) copyable?: boolean\n\t@Prop({ reflect: true }) right?: boolean\n\t@State() initialValue?: any\n\t@State() state: Readonly<tidily.State> & Readonly<tidily.Settings>\n\t@State() copied = false\n\tisDifferentFromInitial = false\n\tparent: Editable | undefined\n\tprivate stateHandler: InputStateHandler\n\tprivate inputElement: HTMLInputElement | undefined\n\tprivate uneditable = this.readonly\n\tprivate observer = Editable.Observer.create(this)\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyKeydown: EventEmitter<Key>\n\t@Event() smoothlyBlur: EventEmitter<void>\n\t@Event() smoothlyChange: EventEmitter<Record<string, any>>\n\t@Event() smoothlyInput: EventEmitter<Record<string, any>>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.stateHandler.getValue(this.state)\n\t}\n\t@Method()\n\tasync setValue(value: any): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t}\n\t}\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.inputElement?.focus()\n\t}\n\t@Method()\n\tasync setSelection(start: number, end: number): Promise<void> {\n\t\tif (this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setSelection(\n\t\t\t\tthis.inputElement,\n\t\t\t\tthis.state,\n\t\t\t\tstart,\n\t\t\t\tend < 0 ? this.inputElement.value.length + end + 1 : end\n\t\t\t)\n\t\t}\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, undefined)\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\t!this.uneditable && (this.readonly = !editable)\n\t}\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tif (!this.uneditable && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, this.initialValue)\n\t\t}\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t}\n\t@Method()\n\tasync setCustomInitialValue(value: any): Promise<void> {\n\t\tthis.initialValue = value\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInput) => void>): Promise<void> {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Watch(\"currency\")\n\t@Watch(\"type\")\n\ttypeChange(): void {\n\t\tswitch (this.type) {\n\t\t\tcase \"price\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"price\", { currency: this.currency, toInteger: this.toInteger })\n\t\t\t\tbreak\n\t\t\tcase \"integer\":\n\t\t\t\tthis.stateHandler = InputStateHandler.create(\"integer\", { min: this.min, max: this.max, pad: this.pad })\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tthis.stateHandler = InputStateHandler.create(this.type, getLocale())\n\t\t\t\tbreak\n\t\t}\n\t\tthis.state = this.stateHandler.initialState(this.value ?? this.state?.value, this.inputElement)\n\t}\n\t@Watch(\"state\")\n\tstateChange() {\n\t\tconst value = this.stateHandler.getValue(this.state)\n\t\tthis.isDifferentFromInitial = Deep.notEqual(this.initialValue, value)\n\t\tthis.smoothlyInput.emit({ [this.name]: value })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"value\")\n\tvalueChange(value: any) {\n\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\tif (Deep.notEqual(lastValue, value) && this.inputElement) {\n\t\t\tthis.state = this.stateHandler.setValue(this.inputElement, this.state, value)\n\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\treadonlyChange() {\n\t\tthis.observer.publish()\n\t}\n\tcomponentWillLoad() {\n\t\tthis.initialValue = this.value\n\t\tthis.typeChange()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad() {\n\t\tif (this.inputElement) {\n\t\t\tthis.inputElement.value = this.state.value\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Listen(\"input\")\n\t@Listen(\"beforeinput\")\n\tonEvent(event: InputEvent) {\n\t\tthis.state = this.stateHandler.onInputEvent(event, this.state)\n\t\tif (event.type == \"input\" || event.defaultPrevented) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\n\t\t}\n\t}\n\tcopyText(value?: string) {\n\t\tif (value) {\n\t\t\tnavigator.clipboard.writeText(value)\n\t\t\tthis.copied = true\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\" />\n\t\t\t\t<div class=\"smoothly-input-container\">\n\t\t\t\t\t<div class={\"guide\"}>\n\t\t\t\t\t\t<div class={\"value\"}>{this.state?.value}</div>\n\t\t\t\t\t\t<div class={\"remainder\"}>{this.state?.remainder}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={(el: HTMLInputElement) => (this.inputElement = el)}\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\tinputmode={this.state?.inputmode}\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}\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\tonKeyDown={async event => {\n\t\t\t\t\t\t\tthis.state = this.stateHandler.onKeyDown(event, this.state)\n\t\t\t\t\t\t\tif (!this.readonly && !this.disabled) {\n\t\t\t\t\t\t\t\tthis.smoothlyKeydown.emit(Key.create(this.name, event))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonFocus={event => !this.readonly && (this.state = this.stateHandler.onFocus(event, this.state))}\n\t\t\t\t\t\tonBlur={event => {\n\t\t\t\t\t\t\tif (!this.readonly) {\n\t\t\t\t\t\t\t\tconst lastValue = this.stateHandler.getValue(this.state)\n\t\t\t\t\t\t\t\tthis.state = this.stateHandler.onBlur(event, this.state)\n\t\t\t\t\t\t\t\tthis.smoothlyBlur.emit()\n\t\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\tif (Deep.notEqual(lastValue, this.stateHandler.getValue(this.state))) {\n\t\t\t\t\t\t\t\t\tthis.smoothlyChange.emit({ [this.name]: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.stateHandler.getValue(this.state) })\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<label class={\"label float-on-focus\"} htmlFor={this.name}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t</div>\n\t\t\t\t{this.copyable && this.value && (\n\t\t\t\t\t<span class=\"copyable\">\n\t\t\t\t\t\t<small>{this.copied ? \"Copied!\" : \"Copy\"}</small>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"copy-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => this.copyText(this.value)}\n\t\t\t\t\t\t\tonMouseLeave={() => (this.copied = false)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t<slot name=\"end\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-DGTXEwvN.js → p-tD13Ef_1.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DDYB8QLF.js";import{d}from"./p-Bo1NnbuT.js";import{d as c}from"./p-BQOdxeHU.js";import{d as m}from"./p-BcEDrfmP.js";import{d as n}from"./p-2Y5tLcQ1.js";const r=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"926c46d5493184b5562db849fe49f8bc69467635"},o("h2",{key:"482f5b5dad79420a7d17fd32f8ca364fff3fea40"},"radio input - column direction"),o("smoothly-input-radio",{key:"56b8f69f400852f3476747d3cfca4e208659a55a",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"f8efa9578d1cd57ed8a1c39f99d1ceb61dc15c0a",value:"1"},o("span",{key:"e8a9613c4be5a9a5f22e27376e2a5c3dc9432e9e"},"Option 1"),o("span",{key:"59f7cb9ed2fb5ca96e16af28567e6ac29c920ee7",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"6c4733d75808282a051c25ccafdbffae1efec8b4",value:"2",selected:true},o("span",{key:"135b8ad7de02530fb2ec7b1748c706ed7ad6a275"},"Option 2"),o("div",{key:"8d8beb1041e44e46afe0423540b385ad7aa0a0d1",slot:"detail"},o("smoothly-tabs",{key:"9295b932c4f29d8672003b063930beb56075662c"},o("smoothly-tab",{key:"970586efae1aa46ddeb1c6ef203b89682251d77f",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"8faade213577e3d7cd4481f8c09ca80210f8312b",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"00c1e6c7f8fa0e3d2ee17f20ac212463f515c7a3",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return r()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){c()}break;case"smoothly-tab":if(!customElements.get(i(e))){m()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{l as S,u as d};
-//# sourceMappingURL=p-DGTXEwvN.js.map
+import{p as e,H as t,h as o,d as a,t as i}from"./p-BsZrGTcp.js";import{d as s}from"./p-DFSiKg4M.js";import{d}from"./p-wjlHVReJ.js";import{d as m}from"./p-4Xn3Nprv.js";import{d as c}from"./p-Cs0CtSI2.js";import{d as n}from"./p-2Y5tLcQ1.js";const l=()=>`.sc-smoothly-input-demo-radio-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(56rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-demo-radio-h .sc-smoothly-input-demo-radio:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}selectedChange(){console.log("selected",this.selected)}render(){return o(a,{key:"1d9b9369e8ab2eaef5660633873c4e9d6688446c"},o("h2",{key:"3ce4a937fed4e899be4becf616b328eb3bbf6807"},"radio input - column direction"),o("smoothly-input-radio",{key:"3f99a12df3e65d6e43ca7c1f592dc4c358b4f173",name:"radio",direction:"column",onSmoothlyInput:e=>this.selected=e.detail.radio},o("smoothly-input-radio-item",{key:"feda533691060ea6c92b08268e5ce977b535e8cb",value:"1"},o("span",{key:"3635ace507b96b4596f612244f47bd52fa4efbde"},"Option 1"),o("span",{key:"fed88b7f85dcb5f40bd76defb20d337945ae1973",slot:"detail"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),o("smoothly-input-radio-item",{key:"4973ad139be68dadadf3632b10734a70cd9dadec",value:"2",selected:true},o("span",{key:"0c00fc9d3fe743d98322e37b04d250207ccb86dd"},"Option 2"),o("div",{key:"d2eda29ea9aabb04c4f017b7cb9f3500033efc38",slot:"detail"},o("smoothly-tabs",{key:"df82602edfa7865c748dfc801b275ee6ad420798"},o("smoothly-tab",{key:"5d0d4ad5de30797b4146bbd3b49f3d437eeb7be0",label:"Dog",name:"dog",open:true},"🐕"),o("smoothly-tab",{key:"96c1e24f24443f3ca5ed9110c1f61bfe83e77922",label:"Cat",name:"cat"},"🐈"),o("smoothly-tab",{key:"fec1d4386c7221ed7164f89b0c4b74caac413a54",label:"Rat",name:"rat"},"🐀"))))))}static get watchers(){return{selected:[{selectedChange:0}]}}static get style(){return l()}},[2,"smoothly-input-demo-radio",{selected:[32]},undefined,{selected:[{selectedChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-radio","smoothly-icon","smoothly-input-radio","smoothly-input-radio-item","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-input-demo-radio":if(!customElements.get(i(e))){customElements.define(i(e),r)}break;case"smoothly-icon":if(!customElements.get(i(e))){s()}break;case"smoothly-input-radio":if(!customElements.get(i(e))){d()}break;case"smoothly-input-radio-item":if(!customElements.get(i(e))){m()}break;case"smoothly-tab":if(!customElements.get(i(e))){c()}break;case"smoothly-tabs":if(!customElements.get(i(e))){n()}break}}))}u();export{r as S,u as d};
+//# sourceMappingURL=p-tD13Ef_1.js.map

package/dist/components/{p-DPlYDxyJ.js → p-vvQg46ti.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as n,h as o,d as i,t as r}from"./p-BsZrGTcp.js";import{i as s,C as a,D as c}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as f}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{E as d}from"./p-iQDU7l2c.js";import{s as u,o as l,b as h}from"./p-Dr7iZPxA.js";import{d as p}from"./p-CmUug44L.js";var y;(function(t){function e(t){return typeof t=="string"&&(t=="GET"||t=="POST"||t=="DELETE"||t=="HEAD"||t=="PATCH"||t=="PUT"||t=="OPTIONS"||t=="TRACE"||t=="CONNECT")}t.is=e;function n(t){t=t?.toUpperCase();return e(t)?t:undefined}t.parse=n})(y||(y={}));const m={};function w(t,...e){e.forEach((e=>m[e]=t))}function b(t){const e=t.headers.get("Content-Type");const n=e&&e.split(";");const o=m[n?.[0]??"plain/text"];return o?o(t):t.text()}const g={};function C(t,...e){e.forEach((e=>g[e]=t))}function v(t,e){const n=g[e?.split(";")[0]??""];return n?n(t,e):t}function A(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function x(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const j=[["aIM","A-IM",1],["accept","Accept",2],["acceptCharset","Accept-Charset",2],["acceptDatetime","Accept-Datetime",1],["acceptEncoding","Accept-Encoding",2],["acceptLanguage","Accept-Language",2],["accessControlRequestMethod","Access-Control-Request-Method",1],["accessControlRequestHeaders","Access-Control-Request-Headers",1],["authorization","Authorization",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentLength","Content-Length",1],["contentMD5","Content-MD5",1],["contentType","Content-Type",1],["cookie","Cookie",1],["date","Date",1],["expect","Expect",1],["forwarded","Forwarded",1],["from","From",1],["host","Host",1],["http2Settings","HTTP2-Settings",1],["ifMatch","If-Match",2],["ifModifiedSince","If-Modified-Since",1],["ifNoneMatch","If-None-Match",2],["ifRange","If-Range",1],["ifUnmodifiedSince","If-Unmodified-Since",1],["maxForwards","Max-Forwards",1],["origin","Origin",1],["pragma","Pragma",1],["proxyAuthorization","Proxy-Authorization",1],["range","Range",1],["referer","Referer",1],["te","TE",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["userAgent","User-Agent",1],["upgrade","Upgrade",2],["via","Via",2],["warning","Warning",1],["upgradeInsecureRequests","Upgrade-Insecure-Requests",1],["xRequestedWith","X-Requested-With",1],["dnt","DNT",1],["xForwardedFor","X-Forwarded-For",1],["xForwardedHost","X-Forwarded-Host",1],["xForwardedProto","X-Forwarded-Proto",1],["xMsContinuation","X-Ms-Continuation",1],["frontEndHttps","Front-End-Https",1],["xHttpMethodOverride","X-Http-Method-Override",1],["xAttDeviceId","X-ATT-DeviceId",1],["xWapProfile","X-Wap-Profile",1],["proxyConnection","Proxy-Connection",1],["xCsrfToken","X-Csrf-Token",1],["xCorrelationID","X-Correlation-ID",1],["xModNonce","x-mod-nonce",1],["xModRetry","x-mod-retry",1],["saveData","Save-Data",1],["xAuthToken","X-Auth-Token",1],["xTrackingId","x-tracking-id",1]];var T;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function n(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&j.every((o=>(o[2]==1?e:n)(t[o[0]])))}t.is=e;function n(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const n=j.find((([e,n,o])=>e==t));return[n?n[1]:x(t),Array.isArray(e)?e.join(", "):e]})))}t.to=n;function o(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):r(t)?[...t]:Object.entries(t)).map((([t,e])=>{const n=j.find((([e,n,o])=>t.toLowerCase()==n.toLowerCase()));return n?[n[0],n[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[A(t),e]})))}t.from=o;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function r(t){return typeof t.entries=="function"}})(T||(T={}));var k;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["method","url","parameter","search","remote","header","body"].some((e=>e==t))))&&y.is(t.method)&&t.url instanceof URL&&typeof t.parameter=="object"&&Object.entries(t.parameter).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&typeof t.search=="object"&&Object.entries(t.search).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&(t.remote==undefined||typeof t.remote=="string")&&(t.header==undefined||T.is(t.header))}t.is=e;async function n(t){const n=e(t)?t:i(t);const o=n.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(n.header):n.header;return{url:n.url.toString(),method:n.method,headers:T.to(o),body:["GET","HEAD"].some((t=>t==n.method))?undefined:await v(await n.body,n.header.contentType)}}t.to=n;function o(t){const e=new URL(t.url);return{method:y.parse(t.method)??"GET",url:e,header:T.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:b(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=o;function i(t){let e;if(typeof t=="string")e=i({url:t});else{const n=typeof t.url=="string"?new URL(t.url):t.url;e={method:y.parse(t.method)??"GET",url:n,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(n.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=i;(function(t){t.is=T.is;t.from=T.from;t.to=T.to})(t.Header||(t.Header={}))})(k||(k={}));const O=typeof Response!="undefined"?Response:globalThis.Response;var E=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(t):o?o.value:e.get(t)};var P=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,n):i?i.value=n:e.set(t,n),n};var I,S,M,D,R,F,H,L,W;let X=class t{get state(){return E(this,D,"f")?"closed":"opened"}set onMessage(t){if(E(this,S,"f").length&&t){E(this,S,"f").forEach(t);P(this,S,[],"f")}P(this,F,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();P(this,H,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();P(this,W,t,"f")}constructor(t,e){I.add(this);S.set(this,[]);M.set(this,[]);D.set(this,false);R.set(this,void 0);F.set(this,void 0);H.set(this,void 0);W.set(this,void 0);P(this,R,t,"f");if(e)P(this,M,undefined,"f");E(this,R,"f").addEventListener("open",(()=>{if(E(this,W,"f"))E(this,W,"f").call(this);E(this,I,"m",L).bind(this)}));E(this,R,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);E(this,I,"m",L).call(this);if(E(this,F,"f"))E(this,F,"f").call(this,e);else E(this,S,"f")?.push(e)}));E(this,R,"f").addEventListener("close",(()=>{if(E(this,H,"f"))E(this,H,"f").call(this);P(this,D,true,"f")}))}send(t){if(E(this,M,"f"))E(this,M,"f").push(this.processSend(t));else E(this,R,"f").send(this.processSend(t))}};S=new WeakMap,M=new WeakMap,D=new WeakMap,R=new WeakMap,F=new WeakMap,H=new WeakMap,W=new WeakMap,I=new WeakSet,L=function t(){E(this,M,"f")?.forEach((t=>E(this,R,"f").send(t)));P(this,M,undefined,"f")};let U=class t extends X{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}};class B extends X{processReceived(t){return JSON.parse(t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t)}processSend(t){return JSON.stringify(t)}}class N extends X{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var $=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(t):o?o.value:e.get(t)};var q=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,n):i?i.value=n:e.set(t,n),n};var V,z,G;class K{get json(){if(!$(this,V,"f"))q(this,V,new B(this.backend,this.isOpen),"f");return $(this,V,"f")}get string(){if(!$(this,z,"f"))q(this,z,new N(this.backend,this.isOpen),"f");return $(this,z,"f")}get arrayBuffer(){if(!$(this,G,"f"))q(this,G,new U(this.backend,this.isOpen),"f");return $(this,G,"f")}constructor(t,e){this.backend=t;this.isOpen=e;V.set(this,void 0);z.set(this,void 0);G.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}V=new WeakMap,z=new WeakMap,G=new WeakMap;var J;(function(t){t.Factory=K})(J||(J={}));const Z=[["accessControlAllowOrigin","Access-Control-Allow-Origin",1],["accessControlAllowCredentials","Access-Control-Allow-Credentials",1],["accessControlExposeHeaders","Access-Control-Expose-Headers",2],["accessControlMaxAge","Access-Control-Max-Age",1],["accessControlAllowMethods","Access-Control-Allow-Methods",2],["accessControlAllowHeaders","Access-Control-Allow-Headers",2],["acceptPatch","Accept-Patch",1],["acceptRanges","Accept-Ranges",1],["age","Age",1],["allow","Allow",2],["altSvc","Alt-Svc",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentDisposition","Content-Disposition",1],["contentEncoding","Content-Encoding",1],["contentLanguage","Content-Language",2],["contentLength","Content-Length",1],["contentLocation","Content-Location",1],["contentMD5","Content-MD5",1],["contentRange","Content-Range",1],["contentSecurityPolicy","Content-Security-Policy",1],["contentType","Content-Type",1],["date","Date",1],["deltaBase","Delta-Base",1],["eTag","ETag",1],["expires","Expires",1],["iM","IM",1],["lastModified","Last-Modified",1],["link","Link",1],["location","Location",1],["p3P","P3P",1],["pragma","Pragma",1],["proxyAuthenticate","Proxy-Authenticate",1],["publicKeyPins","Public-Key-Pins",1],["refresh","Refresh",1],["retryAfter","Retry-After",1],["server","Server",1],["setCookie","Set-Cookie",1],["status","Status",1],["strictTransportSecurity","Strict-Transport-Security",1],["timingAllowOrigin","Timing-Allow-Origin",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["tk","Tk",1],["upgrade","Upgrade",2],["vary","Vary",2],["via","Via",1],["warning","Warning",1],["wwwAuthenticate","WWW-Authenticate",1],["xContentDuration","X-Content-Duration",1],["xContentSecurityPolicy","X-Content-Security-Policy",1],["xContentTypeOptions","X-Content-Type-Options",1],["xCorrelationId","X-Correlation-ID",1],["xFrameOptions","X-Frame-Options",1],["xMsContinuation","X-Ms-Continuation",1],["xPoweredBy","X-Powered-By",1],["xRequestId","X-Request-ID",1],["xUACompatible","X-UA-Compatible",1],["xWebkitCsp","X-WebKit-CSP",1],["xXssProtection","X-XSS-Protection",1]];var _;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function n(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&Z.every((o=>(o[2]==1?e:n)(t[o[0]])))}t.is=e;function n(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const n=Z.find((([e,...n])=>e==t));return[n?n[1]:x(t),Array.isArray(e)?e.join(", "):e]})))}t.to=n;function o(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):r(t)?s(t):Object.entries(t)).map((([t,e])=>{const n=Z.find((([e,n,o])=>t.toLowerCase()==n.toLowerCase()));return n?[n[0],n[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[A(t),e]})))}t.from=o;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function r(t){return typeof t.forEach=="function"}function s(t){const e=[];t.forEach(((t,n)=>e.push([n,t])));return e}})(_||(_={}));var Q;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||_.is(t.header))&&(t.socket==undefined||typeof t.socket.close=="function"&&typeof t.socket.json?.send=="function"&&typeof t.socket.string?.send=="function"&&typeof t.socket.arrayBuffer?.send=="function")&&(t.status!=undefined||t.header!=undefined||t.body!=undefined)}t.is=e})(Q||(Q={}));var Y;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||_.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function n(t){return new O(await v(await t.body,t.header.contentType),{status:t.status,headers:new Headers(_.to(!t.header.contentType?.startsWith("multipart/formdata")?t.header:(({contentType:t,...e})=>e)(t.header))),...t.socket&&{webSocket:{...t.socket.createResponse().socket}?.backend}})}t.to=n;function o(t){return{status:t.status,header:_.from(t.headers),body:t.status==101?undefined:b(t),...t.webSocket&&{socket:new J.Factory(t.webSocket)}}}t.from=o;function i(t,e){const n=Q.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||_.is(e))?t.createResponse(e):{status:typeof t=="object"&&typeof t.status=="number"&&t.status||200,header:typeof t=="object"?{...t.header,...(t.status==301||t.status==302)&&t.location?{location:t.location}:{}}:{},body:!(typeof t=="object"&&!Array.isArray(t))||t instanceof ArrayBuffer||ArrayBuffer.isView(t)||t instanceof FormData?t:(({header:t,...e})=>e)(t),...t.webSocket&&{socket:new J.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!n.header.contentType)switch(typeof n.body){case"undefined":break;default:case"object":n.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:n.body instanceof FormData?"multipart/formdata":n.body instanceof ArrayBuffer||ArrayBuffer.isView(n.body)?r(n.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":n.header.contentType=n.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(n.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(n.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return n}t.create=i;function r(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,n)=>t==e[n]))}t.Header=_;t.Like=Q})(Y||(Y={}));const tt=et(globalThis.fetch);tt.create=et;function et(t){return async e=>{const n=k.create(e);return Y.from(await t(n.url.toString(),await k.to(n)))}}var nt;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(n(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function n(t,e,i){return Object.entries(t).reduce(((t,[r,s])=>{s instanceof Blob?i.append(e?`${e}.${r}`:r,s):typeof s=="object"&&s?Array.isArray(s)?t[r]=o(s,e?`${e}.${r}`:r,i):t[r]=n(s,e?`${e}.${r}`:r,i):t[r]=s;return t}),{})}function o(t,e,i){return t.reduce(((t,r)=>{typeof r=="object"&&r?Array.isArray(r)?t.push(o(r,e,i)):t.push(n(r,e,i)):t.push(r);return t}),[])}async function i(t){const e={};for(const[n,o]of t.entries())await r(e,n.split("."),o);return e}t.from=i;async function r(t,[e,...n],o){if(n.length==0)o instanceof Blob&&o.type.startsWith("application/json")?e=="*"?s(t,JSON.parse(await o.text())):typeof t[e]=="object"&&t[e]?s(t[e],JSON.parse(await o.text())):t[e]=JSON.parse(await o.text()):t[e]=o;else r(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},n,o)}function s(t,...e){if(e.length){const[n,...o]=e;Object.entries(n).forEach((([e,o])=>a(o)?s(a(t[e])?t[e]:t[e]={},o):t[e]=n[e]));s(t,...o)}}function a(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=a})(nt||(nt={}));function ot(t){const e=[];const n=(t,o)=>{switch(typeof o){default:case"bigint":case"boolean":case"number":case"string":e.push(`${t}=${encodeURIComponent(o.toString())}`);break;case"undefined":break;case"object":for(const e in o)if(Object.prototype.hasOwnProperty.call(o,e))n(t?t+`[${e}]`:e,o[e]);break}};n("",t);return e.join("&")}function it(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const n=(t,e,o)=>{t[e[0]]=e.length>1?n(t[e[0]]??{},e.slice(1),o):o;return t};const o=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return o.reduce(((t,[o,i])=>e(n(t,o,i))),{})}w((async t=>await t.text()),"text/plain","text/html");w((async t=>await t.json()),"application/json");w((async t=>await t.arrayBuffer()),"application/pdf");w((async t=>nt.from(await t.formData())),"multipart/form-data");w((async t=>it(await t.text())),"application/x-www-form-urlencoded");C((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");C((async t=>JSON.stringify(t)),"application/json");C((async t=>t),"application/pdf");C((async t=>ot(t)),"application/x-www-form-urlencoded");C((async t=>t instanceof globalThis.FormData?t:nt.to(t)),"multipart/form-data");var rt;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(rt||(rt={}));var st;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=u(t.values);t.is=t.type.is})(st||(st={}));var at;(function(t){let e;(function(t){t.type=l({register:s(),unregister:s(),getValue:s(),disabled:h().optional(),color:a.type.optional(),name:u(),invalid:h().optional(),looks:st.type.optional(),defined:h().optional(),binary:s().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const n=l({emit:s()});t.type=e.type.extend({smoothlyInputLoad:n,smoothlyInput:n,smoothlyUserInput:n,smoothlyKeydown:n.optional(),smoothlyInputForm:n.optional(),parent:d.type.optional()});t.is=t.type.is;function o(t,e){if(t.parent instanceof ft){t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}}t.formRemove=o;function i(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=i;function r(t,e){if(e){o(t,e)}i(t)}t.formRename=r;function c(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=c})(at||(at={}));const ct=()=>`smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 14rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}`;const ft=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyFormDisable=n(this,"smoothlyFormDisable");this.smoothlyFormInput=n(this,"smoothlyFormInput");this.smoothlyFormSubmit=n(this,"smoothlyFormSubmit");this.smoothlyFormReset=n(this,"smoothlyFormReset");this.smoothlyFormEdit=n(this,"smoothlyFormEdit");this.smoothlyFormClear=n(this,"smoothlyFormClear");this.notice=n(this,"notice");this.value={};this.type=this.action?"create":undefined;this.readonly=false;this.prevent=true;this.isDifferentFromInitial=false;this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=d.Observer.create(this)}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=c.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(c.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.isDifferentFromInitial=[...this.inputs.values()].some((t=>d.type.is(t)?t.isDifferentFromInitial:true));if(this.validator){const n=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(c.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(n,t,e)}}this.observer.publish()}validate(t,e,n){var o,i;if(e.includes(".")){const[r,...s]=e.split(".");const a=(i=(o=t===null||t===void 0?void 0:t[r])===null||o===void 0?void 0:o.flaws)!==null&&i!==void 0?i:[];this.validate(a.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),s.join("."),n)}else{const o=t===null||t===void 0?void 0:t[e];n&&(n.invalid=!!o)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=c.merge(this.value,t.detail);this.smoothlyFormInput.emit(c.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const n=t.target;if(at.Element.is(n)){if(await((e=n.binary)===null||e===void 0?void 0:e.call(n))){this.contentType="form-data"}const t=await n.getValue();this.value=c.merge(this.value,{[n.name]:t});this.smoothlyFormInput.emit(c.convertArrays(this.value));this.inputs.set(n.name,n)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:c.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const n=this.action;this.notice.emit(f.execute("Submitting form",(async()=>{const o=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const i=await tt(k.create(o=="GET"?{method:o,url:`${n}?${ot(this.value)}`}:Object.assign({method:o,url:n},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const r=!i||(i===null||i===void 0?void 0:i.status)<200||i.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(r[0]);return[...r]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>rt.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>d.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>d.Element.type.is(t)&&t.reset())));this.isDifferentFromInitial=[...this.inputs.values()].some((t=>d.type.is(t)?t.isDifferentFromInitial:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>d.Element.type.is(t)&&t.setInitialValue())))}render(){return o(i,{key:"13832187ab5df2576ff044529d909eb8037dc847"},o("smoothly-spinner",{key:"bfe49cf7d062e9691fa14b33cbe2a5084f521b27",overlay:true,hidden:!this.processing}),o("form",{key:"d8796700525994279e108c8c7e92ca70f0e29712",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"3ea76b10bf7025a3073813aa897f8d588d79f871"},o("slot",{key:"422845b145092f3c44009327dd5157ff1a8edf74"})),o("div",{key:"c85cf3f3211724e24acb964ed4747896cf184ece"},o("slot",{key:"94cb03243a1b223e2f9b0665e593486d95a13041",name:"clear"}),o("slot",{key:"8298256cbc374dc7731a1ae1e90b46ce7318c960",name:"edit"}),o("slot",{key:"37a1f5479fe938cc423c3c9c7e79d1d19e667997",name:"reset"}),o("slot",{key:"53856e34deb228ffa25e9c7611075b12b3339160",name:"delete"}),o("slot",{key:"fdc4667a9ca84c01f5a803a7b8865f7f258de837",name:"submit"}))))}get element(){return this}static get watchers(){return{value:[{watchValue:0}],readonly:[{watchReadonly:0}]}}static get style(){return ct()}},[260,"smoothly-form",{color:[1537],value:[1040],action:[1],validator:[16],type:[1],readonly:[1028],looks:[513],name:[513],prevent:[4],processing:[1040],removeInput:[64],listen:[64],submit:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{value:[{watchValue:0}],readonly:[{watchReadonly:0}]}]);function dt(){if(typeof customElements==="undefined"){return}const t=["smoothly-form","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form":if(!customElements.get(r(t))){customElements.define(r(t),ft)}break;case"smoothly-spinner":if(!customElements.get(r(t))){p()}break}}))}dt();export{rt as C,at as I,st as L,ft as S,dt as d};
-//# sourceMappingURL=p-DPlYDxyJ.js.map
+import{p as t,H as e,c as n,h as o,d as i,t as r}from"./p-BsZrGTcp.js";import{i as s,C as a,D as c}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as f}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{E as d}from"./p-iQDU7l2c.js";import{s as u,o as l,b as h}from"./p-Dr7iZPxA.js";import{d as p}from"./p-DvOr53No.js";var y;(function(t){function e(t){return typeof t=="string"&&(t=="GET"||t=="POST"||t=="DELETE"||t=="HEAD"||t=="PATCH"||t=="PUT"||t=="OPTIONS"||t=="TRACE"||t=="CONNECT")}t.is=e;function n(t){t=t?.toUpperCase();return e(t)?t:undefined}t.parse=n})(y||(y={}));const m={};function w(t,...e){e.forEach((e=>m[e]=t))}function b(t){const e=t.headers.get("Content-Type");const n=e&&e.split(";");const o=m[n?.[0]??"plain/text"];return o?o(t):t.text()}const g={};function C(t,...e){e.forEach((e=>g[e]=t))}function v(t,e){const n=g[e?.split(";")[0]??""];return n?n(t,e):t}function A(t){return t.toLowerCase().replace(/-[a-z]/g,(t=>t.substring(1).toUpperCase()))}function x(t){const e=t.replace(/[A-Z]/g,(t=>"-"+t));return e[0].toUpperCase()+e.substring(1)}const j=[["aIM","A-IM",1],["accept","Accept",2],["acceptCharset","Accept-Charset",2],["acceptDatetime","Accept-Datetime",1],["acceptEncoding","Accept-Encoding",2],["acceptLanguage","Accept-Language",2],["accessControlRequestMethod","Access-Control-Request-Method",1],["accessControlRequestHeaders","Access-Control-Request-Headers",1],["authorization","Authorization",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentLength","Content-Length",1],["contentMD5","Content-MD5",1],["contentType","Content-Type",1],["cookie","Cookie",1],["date","Date",1],["expect","Expect",1],["forwarded","Forwarded",1],["from","From",1],["host","Host",1],["http2Settings","HTTP2-Settings",1],["ifMatch","If-Match",2],["ifModifiedSince","If-Modified-Since",1],["ifNoneMatch","If-None-Match",2],["ifRange","If-Range",1],["ifUnmodifiedSince","If-Unmodified-Since",1],["maxForwards","Max-Forwards",1],["origin","Origin",1],["pragma","Pragma",1],["proxyAuthorization","Proxy-Authorization",1],["range","Range",1],["referer","Referer",1],["te","TE",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["userAgent","User-Agent",1],["upgrade","Upgrade",2],["via","Via",2],["warning","Warning",1],["upgradeInsecureRequests","Upgrade-Insecure-Requests",1],["xRequestedWith","X-Requested-With",1],["dnt","DNT",1],["xForwardedFor","X-Forwarded-For",1],["xForwardedHost","X-Forwarded-Host",1],["xForwardedProto","X-Forwarded-Proto",1],["xMsContinuation","X-Ms-Continuation",1],["frontEndHttps","Front-End-Https",1],["xHttpMethodOverride","X-Http-Method-Override",1],["xAttDeviceId","X-ATT-DeviceId",1],["xWapProfile","X-Wap-Profile",1],["proxyConnection","Proxy-Connection",1],["xCsrfToken","X-Csrf-Token",1],["xCorrelationID","X-Correlation-ID",1],["xModNonce","x-mod-nonce",1],["xModRetry","x-mod-retry",1],["saveData","Save-Data",1],["xAuthToken","X-Auth-Token",1],["xTrackingId","x-tracking-id",1]];var T;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function n(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&j.every((o=>(o[2]==1?e:n)(t[o[0]])))}t.is=e;function n(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const n=j.find((([e,n,o])=>e==t));return[n?n[1]:x(t),Array.isArray(e)?e.join(", "):e]})))}t.to=n;function o(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):r(t)?[...t]:Object.entries(t)).map((([t,e])=>{const n=j.find((([e,n,o])=>t.toLowerCase()==n.toLowerCase()));return n?[n[0],n[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[A(t),e]})))}t.from=o;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function r(t){return typeof t.entries=="function"}})(T||(T={}));var k;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["method","url","parameter","search","remote","header","body"].some((e=>e==t))))&&y.is(t.method)&&t.url instanceof URL&&typeof t.parameter=="object"&&Object.entries(t.parameter).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&typeof t.search=="object"&&Object.entries(t.search).every((([t,e])=>typeof t=="string"&&typeof e=="string"))&&(t.remote==undefined||typeof t.remote=="string")&&(t.header==undefined||T.is(t.header))}t.is=e;async function n(t){const n=e(t)?t:i(t);const o=n.header.contentType?.startsWith("multipart/form-data")?(({contentType:t,...e})=>e)(n.header):n.header;return{url:n.url.toString(),method:n.method,headers:T.to(o),body:["GET","HEAD"].some((t=>t==n.method))?undefined:await v(await n.body,n.header.contentType)}}t.to=n;function o(t){const e=new URL(t.url);return{method:y.parse(t.method)??"GET",url:e,header:T.from(t.headers),parameter:{},search:Object.fromEntries(e.searchParams.entries()),body:b(t),..."cf"in t&&{cloudflare:t.cf}}}t.from=o;function i(t){let e;if(typeof t=="string")e=i({url:t});else{const n=typeof t.url=="string"?new URL(t.url):t.url;e={method:y.parse(t.method)??"GET",url:n,parameter:t.parameter??{},search:{...t.search,...Object.fromEntries(n.searchParams.entries())},remote:t.remote,header:t.header??{},body:t.body}}return e}t.create=i;(function(t){t.is=T.is;t.from=T.from;t.to=T.to})(t.Header||(t.Header={}))})(k||(k={}));const O=typeof Response!="undefined"?Response:globalThis.Response;var E=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(t):o?o.value:e.get(t)};var P=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,n):i?i.value=n:e.set(t,n),n};var I,S,M,D,R,F,H,L,W;let X=class t{get state(){return E(this,D,"f")?"closed":"opened"}set onMessage(t){if(E(this,S,"f").length&&t){E(this,S,"f").forEach(t);P(this,S,[],"f")}P(this,F,t,"f")}set onClose(t){if(this.state=="closed"&&t)t();P(this,H,t,"f")}set onOpen(t){if(this.state=="opened"&&t)t();P(this,W,t,"f")}constructor(t,e){I.add(this);S.set(this,[]);M.set(this,[]);D.set(this,false);R.set(this,void 0);F.set(this,void 0);H.set(this,void 0);W.set(this,void 0);P(this,R,t,"f");if(e)P(this,M,undefined,"f");E(this,R,"f").addEventListener("open",(()=>{if(E(this,W,"f"))E(this,W,"f").call(this);E(this,I,"m",L).bind(this)}));E(this,R,"f").addEventListener("message",(async t=>{const e=this.processReceived(t.data);E(this,I,"m",L).call(this);if(E(this,F,"f"))E(this,F,"f").call(this,e);else E(this,S,"f")?.push(e)}));E(this,R,"f").addEventListener("close",(()=>{if(E(this,H,"f"))E(this,H,"f").call(this);P(this,D,true,"f")}))}send(t){if(E(this,M,"f"))E(this,M,"f").push(this.processSend(t));else E(this,R,"f").send(this.processSend(t))}};S=new WeakMap,M=new WeakMap,D=new WeakMap,R=new WeakMap,F=new WeakMap,H=new WeakMap,W=new WeakMap,I=new WeakSet,L=function t(){E(this,M,"f")?.forEach((t=>E(this,R,"f").send(t)));P(this,M,undefined,"f")};let U=class t extends X{processReceived(t){return t?.arrayBuffer?t.arrayBuffer():typeof t=="string"?(new TextEncoder).encode(t).buffer:t}processSend(t){return t}};class B extends X{processReceived(t){return JSON.parse(t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t)}processSend(t){return JSON.stringify(t)}}class N extends X{processReceived(t){return t?.arrayBuffer?(new TextDecoder).decode(t.arrayBuffer()):typeof t!="string"?(new TextDecoder).decode(t):t}processSend(t){return t}}var $=undefined&&undefined.__classPrivateFieldGet||function(t,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(t):o?o.value:e.get(t)};var q=undefined&&undefined.__classPrivateFieldSet||function(t,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!i:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(t,n):i?i.value=n:e.set(t,n),n};var V,z,G;class K{get json(){if(!$(this,V,"f"))q(this,V,new B(this.backend,this.isOpen),"f");return $(this,V,"f")}get string(){if(!$(this,z,"f"))q(this,z,new N(this.backend,this.isOpen),"f");return $(this,z,"f")}get arrayBuffer(){if(!$(this,G,"f"))q(this,G,new U(this.backend,this.isOpen),"f");return $(this,G,"f")}constructor(t,e){this.backend=t;this.isOpen=e;V.set(this,void 0);z.set(this,void 0);G.set(this,void 0)}createResponse(t={}){return{status:101,socket:this,header:t}}close(t,e){this.backend.close(t,e)}}V=new WeakMap,z=new WeakMap,G=new WeakMap;var J;(function(t){t.Factory=K})(J||(J={}));const Z=[["accessControlAllowOrigin","Access-Control-Allow-Origin",1],["accessControlAllowCredentials","Access-Control-Allow-Credentials",1],["accessControlExposeHeaders","Access-Control-Expose-Headers",2],["accessControlMaxAge","Access-Control-Max-Age",1],["accessControlAllowMethods","Access-Control-Allow-Methods",2],["accessControlAllowHeaders","Access-Control-Allow-Headers",2],["acceptPatch","Accept-Patch",1],["acceptRanges","Accept-Ranges",1],["age","Age",1],["allow","Allow",2],["altSvc","Alt-Svc",1],["cacheControl","Cache-Control",1],["cfConnectionIp","CF-Connecting-IP",1],["cfIpCountry","CF-IPCountry",1],["connection","Connection",1],["contentDisposition","Content-Disposition",1],["contentEncoding","Content-Encoding",1],["contentLanguage","Content-Language",2],["contentLength","Content-Length",1],["contentLocation","Content-Location",1],["contentMD5","Content-MD5",1],["contentRange","Content-Range",1],["contentSecurityPolicy","Content-Security-Policy",1],["contentType","Content-Type",1],["date","Date",1],["deltaBase","Delta-Base",1],["eTag","ETag",1],["expires","Expires",1],["iM","IM",1],["lastModified","Last-Modified",1],["link","Link",1],["location","Location",1],["p3P","P3P",1],["pragma","Pragma",1],["proxyAuthenticate","Proxy-Authenticate",1],["publicKeyPins","Public-Key-Pins",1],["refresh","Refresh",1],["retryAfter","Retry-After",1],["server","Server",1],["setCookie","Set-Cookie",1],["status","Status",1],["strictTransportSecurity","Strict-Transport-Security",1],["timingAllowOrigin","Timing-Allow-Origin",2],["trailer","Trailer",1],["transferEncoding","Transfer-Encoding",1],["tk","Tk",1],["upgrade","Upgrade",2],["vary","Vary",2],["via","Via",1],["warning","Warning",1],["wwwAuthenticate","WWW-Authenticate",1],["xContentDuration","X-Content-Duration",1],["xContentSecurityPolicy","X-Content-Security-Policy",1],["xContentTypeOptions","X-Content-Type-Options",1],["xCorrelationId","X-Correlation-ID",1],["xFrameOptions","X-Frame-Options",1],["xMsContinuation","X-Ms-Continuation",1],["xPoweredBy","X-Powered-By",1],["xRequestId","X-Request-ID",1],["xUACompatible","X-UA-Compatible",1],["xWebkitCsp","X-WebKit-CSP",1],["xXssProtection","X-XSS-Protection",1]];var _;(function(t){function e(t){function e(t){return t==undefined||typeof t=="string"}function n(t){return t==undefined||Array.isArray(t)&&t.every((t=>typeof t=="string"))}return typeof t=="object"&&Z.every((o=>(o[2]==1?e:n)(t[o[0]])))}t.is=e;function n(t){return Object.fromEntries(Object.entries(t).map((([t,e])=>{const n=Z.find((([e,...n])=>e==t));return[n?n[1]:x(t),Array.isArray(e)?e.join(", "):e]})))}t.to=n;function o(t){return Object.fromEntries((Array.isArray(t)?t.map((([t,...e])=>[t,e.join(", ")])):r(t)?s(t):Object.entries(t)).map((([t,e])=>{const n=Z.find((([e,n,o])=>t.toLowerCase()==n.toLowerCase()));return n?[n[0],n[2]==1||typeof e!="string"?e:e.split(",").map((t=>t.trim()))]:[A(t),e]})))}t.from=o;function i(t){return Object.entries(t).map((([t,e])=>t+": "+e)).join("\n")}t.toString=i;function r(t){return typeof t.forEach=="function"}function s(t){const e=[];t.forEach(((t,n)=>e.push([n,t])));return e}})(_||(_={}));var Q;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||_.is(t.header))&&(t.socket==undefined||typeof t.socket.close=="function"&&typeof t.socket.json?.send=="function"&&typeof t.socket.string?.send=="function"&&typeof t.socket.arrayBuffer?.send=="function")&&(t.status!=undefined||t.header!=undefined||t.body!=undefined)}t.is=e})(Q||(Q={}));var Y;(function(t){function e(t){return typeof t=="object"&&Object.keys(t).every((t=>["status","header","body","socket"].some((e=>e==t))))&&(t.status==undefined||typeof t.status=="number")&&(t.header==undefined||_.is(t.header))&&(t.socket==undefined||t.socket instanceof WebSocket)}t.is=e;async function n(t){return new O(await v(await t.body,t.header.contentType),{status:t.status,headers:new Headers(_.to(!t.header.contentType?.startsWith("multipart/formdata")?t.header:(({contentType:t,...e})=>e)(t.header))),...t.socket&&{webSocket:{...t.socket.createResponse().socket}?.backend}})}t.to=n;function o(t){return{status:t.status,header:_.from(t.headers),body:t.status==101?undefined:b(t),...t.webSocket&&{socket:new J.Factory(t.webSocket)}}}t.from=o;function i(t,e){const n=Q.is(t)?{status:200,header:{},body:undefined,...t.socket&&{socket:t.socket},...t}:typeof t?.createResponse=="function"&&(e==undefined||_.is(e))?t.createResponse(e):{status:typeof t=="object"&&typeof t.status=="number"&&t.status||200,header:typeof t=="object"?{...t.header,...(t.status==301||t.status==302)&&t.location?{location:t.location}:{}}:{},body:!(typeof t=="object"&&!Array.isArray(t))||t instanceof ArrayBuffer||ArrayBuffer.isView(t)||t instanceof FormData?t:(({header:t,...e})=>e)(t),...t.webSocket&&{socket:new J.Factory(t.webSocket)}||t.socket&&{socket:t.socket}};if(!n.header.contentType)switch(typeof n.body){case"undefined":break;default:case"object":n.header.contentType=typeof e=="string"?e:e?.contentType?e.contentType:n.body instanceof FormData?"multipart/formdata":n.body instanceof ArrayBuffer||ArrayBuffer.isView(n.body)?r(n.body)?"application/pdf":"application/octet-stream":"application/json; charset=utf-8";break;case"string":n.header.contentType=n.body.slice(0,9).toLowerCase()=="<!doctype"?"text/html; charset=utf-8":/^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.?[A-Za-z0-9-_.+/=]*$/.test(n.body)?"application/jwt; charset=utf-8":/^<\?xml version=(.|\n)*\?>(.|\n)*<svg(.|\n)*<\/svg>$/.test(n.body)?"image/svg+xml":"text/plain; charset=utf-8";break}return n}t.create=i;function r(t){const e=new Uint8Array(ArrayBuffer.isView(t)?t.buffer:t).slice(0,4);return[37,80,68,70].every(((t,n)=>t==e[n]))}t.Header=_;t.Like=Q})(Y||(Y={}));const tt=et(globalThis.fetch);tt.create=et;function et(t){return async e=>{const n=k.create(e);return Y.from(await t(n.url.toString(),await k.to(n)))}}var nt;(function(t){function e(t){const e=new globalThis.FormData;e.append("*",new globalThis.Blob([(new TextEncoder).encode(JSON.stringify(n(t,"",e)))],{type:"application/json; charset=utf-8"}));return e}t.to=e;function n(t,e,i){return Object.entries(t).reduce(((t,[r,s])=>{s instanceof Blob?i.append(e?`${e}.${r}`:r,s):typeof s=="object"&&s?Array.isArray(s)?t[r]=o(s,e?`${e}.${r}`:r,i):t[r]=n(s,e?`${e}.${r}`:r,i):t[r]=s;return t}),{})}function o(t,e,i){return t.reduce(((t,r)=>{typeof r=="object"&&r?Array.isArray(r)?t.push(o(r,e,i)):t.push(n(r,e,i)):t.push(r);return t}),[])}async function i(t){const e={};for(const[n,o]of t.entries())await r(e,n.split("."),o);return e}t.from=i;async function r(t,[e,...n],o){if(n.length==0)o instanceof Blob&&o.type.startsWith("application/json")?e=="*"?s(t,JSON.parse(await o.text())):typeof t[e]=="object"&&t[e]?s(t[e],JSON.parse(await o.text())):t[e]=JSON.parse(await o.text()):t[e]=o;else r(typeof t[e]=="object"&&t[e]?t[e]:t[e]={},n,o)}function s(t,...e){if(e.length){const[n,...o]=e;Object.entries(n).forEach((([e,o])=>a(o)?s(a(t[e])?t[e]:t[e]={},o):t[e]=n[e]));s(t,...o)}}function a(t){return t&&typeof t=="object"&&!Array.isArray(t)}t.isObject=a})(nt||(nt={}));function ot(t){const e=[];const n=(t,o)=>{switch(typeof o){default:case"bigint":case"boolean":case"number":case"string":e.push(`${t}=${encodeURIComponent(o.toString())}`);break;case"undefined":break;case"object":for(const e in o)if(Object.prototype.hasOwnProperty.call(o,e))n(t?t+`[${e}]`:e,o[e]);break}};n("",t);return e.join("&")}function it(t){const e=t=>typeof t=="object"&&Object.keys(t).sort().every(((t,e)=>`${t}`==`${e}`))?Object.entries(t).sort().map((t=>typeof t[1]=="object"?e(t[1]):t[1])):typeof t=="object"?Object.fromEntries(Object.entries(t).map((t=>[t[0],e(t[1])]))):t;const n=(t,e,o)=>{t[e[0]]=e.length>1?n(t[e[0]]??{},e.slice(1),o):o;return t};const o=t.split("&").map((t=>t.split("=",2))).map((([t,e])=>[decodeURIComponent(t).split("[").map((t=>t.replace("]",""))),decodeURIComponent(e.replace(/\+/g," "))]));return o.reduce(((t,[o,i])=>e(n(t,o,i))),{})}w((async t=>await t.text()),"text/plain","text/html");w((async t=>await t.json()),"application/json");w((async t=>await t.arrayBuffer()),"application/pdf");w((async t=>nt.from(await t.formData())),"multipart/form-data");w((async t=>it(await t.text())),"application/x-www-form-urlencoded");C((async t=>typeof t=="string"?t:t.toString()),"text/plain","text/html");C((async t=>JSON.stringify(t)),"application/json");C((async t=>t),"application/pdf");C((async t=>ot(t)),"application/x-www-form-urlencoded");C((async t=>t instanceof globalThis.FormData?t:nt.to(t)),"multipart/form-data");var rt;(function(t){function e(t){return t&&typeof t=="object"&&typeof t.clear=="function"}t.is=e})(rt||(rt={}));var st;(function(t){t.values=["plain","grid","border","line","transparent"];t.type=u(t.values);t.is=t.type.is})(st||(st={}));var at;(function(t){let e;(function(t){t.type=l({register:s(),unregister:s(),getValue:s(),disabled:h().optional(),color:a.type.optional(),name:u(),invalid:h().optional(),looks:st.type.optional(),defined:h().optional(),binary:s().optional()});t.is=t.type.is})(e=t.Element||(t.Element={}));const n=l({emit:s()});t.type=e.type.extend({smoothlyInputLoad:n,smoothlyInput:n,smoothlyUserInput:n,smoothlyKeydown:n.optional(),smoothlyInputForm:n.optional(),parent:d.type.optional()});t.is=t.type.is;function o(t,e){if(t.parent instanceof ft){t.parent.removeInput(e!==null&&e!==void 0?e:t.name)}}t.formRemove=o;function i(t){t.smoothlyInputLoad.emit((e=>t.parent=e))}t.formAdd=i;function r(t,e){if(e){o(t,e)}i(t)}t.formRename=r;function c(t,e){if(!(e.target&&"name"in e.target&&e.target.name===t.name)){e.stopPropagation();e.detail(t)}}t.registerSubAction=c})(at||(at={}));const ct=()=>`smoothly-form{display:block;position:relative}smoothly-form>form{position:relative}smoothly-form>form>fieldset{display:flex;flex-flow:row wrap;margin-inline-start:unset;margin-inline-end:unset;padding-block-start:unset;padding-inline-start:unset;padding-inline-end:unset;padding-block-end:unset;min-inline-size:unset;border-width:unset;border-style:unset;border-color:unset;border-image:unset}smoothly-form>form>fieldset>*{flex-grow:1;min-width:min(100%, var(--smoothly-form-input-min-width, 14rem));flex-basis:40%}smoothly-form[looks="line"]>form>fieldset,smoothly-form[looks="border"]>form>fieldset,smoothly-form[looks="transparent"]>form>fieldset{row-gap:var(--smoothly-form-row-gap, 2rem);column-gap:var(--smoothly-form-column-gap, 2rem)}smoothly-form[looks="grid"]>form>fieldset{padding:1px;gap:1px}smoothly-form>form>div:not(:empty){display:flex;justify-content:end;gap:1em;margin-top:1.5rem}`;const ft=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyFormDisable=n(this,"smoothlyFormDisable");this.smoothlyFormInput=n(this,"smoothlyFormInput");this.smoothlyFormSubmit=n(this,"smoothlyFormSubmit");this.smoothlyFormReset=n(this,"smoothlyFormReset");this.smoothlyFormEdit=n(this,"smoothlyFormEdit");this.smoothlyFormClear=n(this,"smoothlyFormClear");this.notice=n(this,"notice");this.value={};this.type=this.action?"create":undefined;this.readonly=false;this.prevent=true;this.isDifferentFromInitial=false;this.contentType="json";this.inputs=new Map;this.readonlyAtLoad=this.readonly;this.observer=d.Observer.create(this)}componentWillLoad(){!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t))}async removeInput(t){if(this.element.isConnected){this.value=c.remove(this.value,t);this.inputs.delete(t);this.smoothlyFormInput.emit(c.convertArrays(this.value))}}async listen(t){this.observer.subscribe(t)}async watchValue(){var t,e;this.isDifferentFromInitial=[...this.inputs.values()].some((t=>d.type.is(t)?t.isDifferentFromInitial:true));if(this.validator){const n=(e=(t=this.validator)===null||t===void 0?void 0:t.flaw(c.convertArrays(this.value)).flaws)===null||e===void 0?void 0:e.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{});for(const[t,e]of this.inputs.entries()){this.validate(n,t,e)}}this.observer.publish()}validate(t,e,n){var o,i;if(e.includes(".")){const[r,...s]=e.split(".");const a=(i=(o=t===null||t===void 0?void 0:t[r])===null||o===void 0?void 0:o.flaws)!==null&&i!==void 0?i:[];this.validate(a.reduce(((t,e)=>e.property?Object.assign(Object.assign({},t),{[e.property]:e}):t),{}),s.join("."),n)}else{const o=t===null||t===void 0?void 0:t[e];n&&(n.invalid=!!o)}}watchReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){t.stopPropagation();t.detail(this.looks,this.color)}async smoothlyInputHandler(t){this.value=c.merge(this.value,t.detail);this.smoothlyFormInput.emit(c.convertArrays(this.value))}async smoothlyKeydownHandler(t){if(t.detail.key=="Enter"&&this.inputs.has(t.detail.name)){t.stopPropagation();await this.submit()}}windowSubmitHandler(t){t.target==this.element&&t.detail.result(false)}submitHandler(t){this.action&&t.stopPropagation()}async smoothlyInputLoadHandler(t){var e;t.stopPropagation();t.detail(this);const n=t.target;if(at.Element.is(n)){if(await((e=n.binary)===null||e===void 0?void 0:e.call(n))){this.contentType="form-data"}const t=await n.getValue();this.value=c.merge(this.value,{[n.name]:t});this.smoothlyFormInput.emit(c.convertArrays(this.value));this.inputs.set(n.name,n)}}async smoothlyFormDisableHandler(t){t.stopPropagation();t.detail(this.readonly)}async submit(t){this.processing=new Promise((e=>{this.smoothlyFormSubmit.emit({value:c.convertArrays(this.value),result:e,type:t==true?"remove":this.type});if(this.action){const n=this.action;this.notice.emit(f.execute("Submitting form",(async()=>{const o=t?"DELETE":!this.type||this.type=="create"?"POST":this.type=="change"?"PUT":this.type=="update"?"PATCH":"GET";const i=await tt(k.create(o=="GET"?{method:o,url:`${n}?${ot(this.value)}`}:Object.assign({method:o,url:n},this.value&&{header:{contentType:this.contentType?"multipart/form-data":"application/json"},body:this.value}))).catch((()=>undefined));const r=!i||(i===null||i===void 0?void 0:i.status)<200||i.status>=300?[false,"Failed to submit form."]:[true,"Form successfully submitted."];e(r[0]);return[...r]})))}}));if(await this.processing){this.type=="create"&&await this.clear();await this.setInitialValue();this.readonlyAtLoad&&await this.edit(!this.readonlyAtLoad)}this.processing=undefined}async clear(){await Promise.all([...this.inputs.values()].map((async t=>rt.is(t)&&t.clear())));this.smoothlyFormClear.emit()}async edit(t){await Promise.all([...this.inputs.values()].map((async e=>d.Element.type.is(e)&&e.edit(t))));this.readonly=!t;this.smoothlyFormEdit.emit(t)}async reset(){await Promise.all([...this.inputs.values()].map((t=>d.Element.type.is(t)&&t.reset())));this.isDifferentFromInitial=[...this.inputs.values()].some((t=>d.type.is(t)?t.isDifferentFromInitial:true));this.smoothlyFormReset.emit()}async setInitialValue(){await Promise.all([...this.inputs.values()].map((t=>d.Element.type.is(t)&&t.setInitialValue())))}render(){return o(i,{key:"13832187ab5df2576ff044529d909eb8037dc847"},o("smoothly-spinner",{key:"bfe49cf7d062e9691fa14b33cbe2a5084f521b27",overlay:true,hidden:!this.processing}),o("form",{key:"d8796700525994279e108c8c7e92ca70f0e29712",onSubmit:!this.prevent?undefined:t=>t.preventDefault(),name:this.name},o("fieldset",{key:"3ea76b10bf7025a3073813aa897f8d588d79f871"},o("slot",{key:"422845b145092f3c44009327dd5157ff1a8edf74"})),o("div",{key:"c85cf3f3211724e24acb964ed4747896cf184ece"},o("slot",{key:"94cb03243a1b223e2f9b0665e593486d95a13041",name:"clear"}),o("slot",{key:"8298256cbc374dc7731a1ae1e90b46ce7318c960",name:"edit"}),o("slot",{key:"37a1f5479fe938cc423c3c9c7e79d1d19e667997",name:"reset"}),o("slot",{key:"53856e34deb228ffa25e9c7611075b12b3339160",name:"delete"}),o("slot",{key:"fdc4667a9ca84c01f5a803a7b8865f7f258de837",name:"submit"}))))}get element(){return this}static get watchers(){return{value:[{watchValue:0}],readonly:[{watchReadonly:0}]}}static get style(){return ct()}},[260,"smoothly-form",{color:[1537],value:[1040],action:[1],validator:[16],type:[1],readonly:[1028],looks:[513],name:[513],prevent:[4],processing:[1040],removeInput:[64],listen:[64],submit:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInput","smoothlyInputHandler"],[0,"smoothlyKeydown","smoothlyKeydownHandler"],[8,"smoothlyFormSubmit","windowSubmitHandler"],[0,"smoothlyFormSubmit","submitHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyFormDisable","smoothlyFormDisableHandler"]],{value:[{watchValue:0}],readonly:[{watchReadonly:0}]}]);function dt(){if(typeof customElements==="undefined"){return}const t=["smoothly-form","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form":if(!customElements.get(r(t))){customElements.define(r(t),ft)}break;case"smoothly-spinner":if(!customElements.get(r(t))){p()}break}}))}dt();export{rt as C,at as I,st as L,ft as S,dt as d};
+//# sourceMappingURL=p-vvQg46ti.js.map

package/dist/components/p-wjlHVReJ.js

@@ -0,0 +1,2 @@
+import{p as o,H as t,c as s,h as i,d as a,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as e}from"./p-vvQg46ti.js";const r=()=>`.sc-smoothly-input-radio-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-radio-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-radio-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-radio-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-radio-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-radio-h,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-radio-h>input.sc-smoothly-input-radio,[looks="transparent"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background-color:transparent}[looks="transparent"].sc-smoothly-input-radio-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-radio-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio{transform-origin:top right}.sc-smoothly-input-radio-h.floating-label.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.floating-label .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value.sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h.has-value .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[placeholder] .sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly].sc-smoothly-input-radio-s>[slot=label],.sc-smoothly-input-radio-h[readonly] .sc-smoothly-input-radio-s>[slot=label],.floating-label.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-value.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.has-text.sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[placeholder].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,[readonly].sc-smoothly-input-radio-h .label.sc-smoothly-input-radio,.sc-smoothly-input-radio-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-radio{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-radio-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-radio{display:none}.sc-smoothly-input-radio-h smoothly-icon.smoothly-invalid.sc-smoothly-input-radio{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-radio-h{background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center;padding-left:var(--input-padding-side);box-sizing:border-box}[show-label].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio{position:relative;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio,.sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{display:flex;gap:1.5rem;width:100%}[direction=column].sc-smoothly-input-radio-h>div.sc-smoothly-input-radio>div.options.sc-smoothly-input-radio{flex-direction:column}.sc-smoothly-input-radio-h.sc-smoothly-input-radio-s>[slot=end]{margin-right:0;margin-left:auto}[disabled].sc-smoothly-input-radio-h smoothly-input-radio-item.sc-smoothly-input-radio *.sc-smoothly-input-radio{cursor:not-allowed}`;const h=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.valueReceivedOnLoad=false;this.observer=n.Observer.create(this);this.value=undefined;this.readonly=false;this.showLabel=true}componentWillLoad(){this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.observer.publish()}componentDidLoad(){!this.valueReceivedOnLoad&&this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((o=>this.parent=o));this.initialValue=this.active}handleRegister(o){o.stopPropagation();o.detail(this)}smoothlyInputLoadHandler(o){e.registerSubAction(this,o)}smoothlyRadioInputHandler(o){var t,s,i;o.stopPropagation();if(!this.readonly&&!this.disabled||!this.valueReceivedOnLoad){if(this.clearable&&((t=this.active)===null||t===void 0?void 0:t.value)===o.detail.value){this.clear()}else if(((s=this.active)===null||s===void 0?void 0:s.value)!==o.detail.value){(i=this.active)===null||i===void 0?void 0:i.select(false);this.active=o.detail;this.value=this.active.value;this.active.select(true)}}if(o.detail.userInitiated){this.smoothlyUserInput.emit({name:this.name,value:this.value})}!this.valueReceivedOnLoad&&(this.valueReceivedOnLoad=!this.valueReceivedOnLoad)}async listen(o){this.observer.subscribe(o)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){e.formRename(this,t)}async register(){e.formAdd(this)}async unregister(){e.formRemove(this)}async getValue(){return this.value}async clear(){var o;if(this.clearable){(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=undefined;this.value=undefined}}async edit(o){this.readonly=!o}async reset(){var o,t,s;(o=this.active)===null||o===void 0?void 0:o.select(false);this.active=this.initialValue;this.value=(t=this.initialValue)===null||t===void 0?void 0:t.value;(s=this.active)===null||s===void 0?void 0:s.select(true)}async setInitialValue(){this.initialValue=this.active;this.valueChanged()}async valueChanged(){var o;this.valueReceivedOnLoad&&(this.isDifferentFromInitial=((o=this.initialValue)===null||o===void 0?void 0:o.value)!==this.value);this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}watchingReadonly(){this.observer.publish()}render(){return i(a,{key:"9fc1e8e96700c712be6093737a8fe0b1ac85b78f",class:"floating-label"},i("slot",{key:"5a15933d73444cd550b51374b441c1da91671ec1",name:"start"}),i("div",{key:"cc7434af11b658917d8f7505b6575627a832ca13"},i("slot",{key:"2f9427184a5c285cb7f0201a5782eae9631df43a",name:"label"}),i("div",{key:"021d9fe6508e9726a8a80da21c5d0245e091cd06",class:"options"},i("slot",{key:"3e683b89f8cfb733fc8fb42cc2c7269e4317a2a8"}))),i("slot",{key:"197ca8b9be9417179baee6f4d558e4afcd4f4a76",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return r()}},[262,"smoothly-input-radio",{value:[1032],looks:[1537],color:[1537],direction:[513],clearable:[4],readonly:[1540],disabled:[516],name:[513],showLabel:[516,"show-label"],listen:[64],register:[64],unregister:[64],getValue:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyRadioItemRegister","handleRegister"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyRadioItemSelect","smoothlyRadioInputHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-radio"];o.forEach((o=>{switch(o){case"smoothly-input-radio":if(!customElements.get(l(o))){customElements.define(l(o),h)}break}}))}d();export{h as S,d};
+//# sourceMappingURL=p-wjlHVReJ.js.map

package/dist/components/{p-Bo1NnbuT.js.map → p-wjlHVReJ.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputRadio","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","valueReceivedOnLoad","observer","Editable","Observer","create","value","undefined","readonly","showLabel","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyFormDisable","publish","componentDidLoad","smoothlyInput","name","smoothlyInputLoad","parent","initialValue","active","handleRegister","event","stopPropagation","detail","smoothlyInputLoadHandler","Input","registerSubAction","smoothlyRadioInputHandler","disabled","clearable","clear","_b","_c","select","userInitiated","smoothlyUserInput","listen","listener","subscribe","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","edit","editable","reset","setInitialValue","valueChanged","watchingReadonly","render","h","Host","key","class"],"sources":["src/components/input/radio/style.css?tag=smoothly-input-radio&encapsulation=scoped","src/components/input/radio/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-left: var(--input-padding-side);\n\tbox-sizing: border-box;\n}\n:host[show-label]>div {\n\tposition: relative;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>div,\n:host>div>div.options {\n\tdisplay: flex;\n\tgap: 1.5rem;\n\twidth: 100%;\n}\n:host[direction=column]>div>div.options {\n\tflex-direction: column;\n}\n:host::slotted([slot=end]) {\n\tmargin-right: 0;\n\tmargin-left: auto;\n}\n\n:host[disabled] smoothly-input-radio-item * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\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 { RadioItemSelect } from \"./RadioItemSelect\"\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\t@Element() element: HTMLSmoothlyInputRadioElement\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate active?: RadioItemSelect\n\tprivate valueReceivedOnLoad = false\n\tprivate observer = Editable.Observer.create(this)\n\tinitialValue?: RadioItemSelect\n\t@Prop({ mutable: true }) value: any = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true }) direction?: \"row\" | \"column\"\n\t@Prop() clearable?: boolean\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\t!this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.initialValue = this.active\n\t}\n\t@Listen(\"smoothlyRadioItemRegister\")\n\thandleRegister(event: CustomEvent<(parent: SmoothlyInputRadio) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRadio) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyRadioItemSelect\")\n\tsmoothlyRadioInputHandler(event: CustomEvent<RadioItemSelect>): void {\n\t\tevent.stopPropagation()\n\t\tif ((!this.readonly && !this.disabled) || !this.valueReceivedOnLoad) {\n\t\t\tif (this.clearable && this.active?.value === event.detail.value) {\n\t\t\t\tthis.clear()\n\t\t\t} else 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\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.value\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.active = undefined\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@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.active\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.valueReceivedOnLoad && (this.isDifferentFromInitial = this.initialValue?.value !== this.value)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"floating-label\">\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t<div class=\"options\">\n\t\t\t\t\t\t<slot />\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"],"mappings":"+IAAA,MAAMA,EAAW,IAAM,svJ,MC0BVC,EAAkBC,EAAA,MAAAD,UAAAE,EAL/B,WAAAC,CAAAC,G,ySAQCC,KAAAC,uBAAyB,MAEjBD,KAAAE,oBAAsB,MACtBF,KAAAG,SAAWC,EAASC,SAASC,OAAON,MAEnBA,KAAAO,MAAaC,UAKER,KAAAS,SAAW,MAG1BT,KAAAU,UAAY,IAsHrC,CAhHA,iBAAAC,GACCX,KAAKY,mBAAmBC,MAAK,CAACC,EAAOC,KAAS,IAAAC,EAAC,OAAEhB,KAAKc,OAAQE,EAAAhB,KAAKc,SAAK,MAAAE,SAAA,EAAAA,EAAIF,EAASd,KAAKe,MAAQA,CAAM,KACvGf,KAAKS,UAAYT,KAAKiB,oBAAoBJ,MAAKJ,GAAaT,KAAKS,SAAWA,IAC7ET,KAAKG,SAASe,S,CAEf,gBAAAC,IACEnB,KAAKE,qBAAuBF,KAAKoB,cAAcP,KAAK,CAAE,CAACb,KAAKqB,MAAOrB,KAAKO,QACzEP,KAAKsB,kBAAkBT,MAAKU,GAAWvB,KAAKuB,OAASA,IACrDvB,KAAKwB,aAAexB,KAAKyB,M,CAG1B,cAAAC,CAAeC,GACdA,EAAMC,kBACND,EAAME,OAAO7B,K,CAGd,wBAAA8B,CAAyBH,GACxBI,EAAMC,kBAAkBhC,KAAM2B,E,CAG/B,yBAAAM,CAA0BN,G,UACzBA,EAAMC,kBACN,IAAM5B,KAAKS,WAAaT,KAAKkC,WAAclC,KAAKE,oBAAqB,CACpE,GAAIF,KAAKmC,aAAanB,EAAAhB,KAAKyB,UAAM,MAAAT,SAAA,SAAAA,EAAET,SAAUoB,EAAME,OAAOtB,MAAO,CAChEP,KAAKoC,O,MACC,KAAIC,EAAArC,KAAKyB,UAAM,MAAAY,SAAA,SAAAA,EAAE9B,SAAUoB,EAAME,OAAOtB,MAAO,EACrD+B,EAAAtC,KAAKyB,UAAM,MAAAa,SAAA,SAAAA,EAAEC,OAAO,OACpBvC,KAAKyB,OAASE,EAAME,OACpB7B,KAAKO,MAAQP,KAAKyB,OAAOlB,MACzBP,KAAKyB,OAAOc,OAAO,K,EAGrB,GAAIZ,EAAME,OAAOW,cAAe,CAC/BxC,KAAKyC,kBAAkB5B,KAAK,CAAEQ,KAAMrB,KAAKqB,KAAMd,MAAOP,KAAKO,O,EAE3DP,KAAKE,sBAAwBF,KAAKE,qBAAuBF,KAAKE,oB,CAGhE,YAAMwC,CAAOC,GACZ3C,KAAKG,SAASyC,UAAUD,E,CAEzB,0BAAME,GACL,IAAK7C,KAAK8C,QAAQC,YAAa,OACxB/C,KAAKgD,Y,EAIb,UAAAC,CAAWC,EAAuBC,GACjCpB,EAAMqB,WAAWpD,KAAMmD,E,CAGxB,cAAME,GACLtB,EAAMuB,QAAQtD,K,CAGf,gBAAMgD,GACLjB,EAAMwB,WAAWvD,K,CAGlB,cAAMwD,GACL,OAAOxD,KAAKO,K,CAGb,WAAM6B,G,MACL,GAAIpC,KAAKmC,UAAW,EACnBnB,EAAAhB,KAAKyB,UAAM,MAAAT,SAAA,SAAAA,EAAEuB,OAAO,OACpBvC,KAAKyB,OAASjB,UACdR,KAAKO,MAAQC,S,EAIf,UAAMiD,CAAKC,GACV1D,KAAKS,UAAYiD,C,CAGlB,WAAMC,G,WACL3C,EAAAhB,KAAKyB,UAAM,MAAAT,SAAA,SAAAA,EAAEuB,OAAO,OACpBvC,KAAKyB,OAASzB,KAAKwB,aACnBxB,KAAKO,OAAQ8B,EAAArC,KAAKwB,gBAAY,MAAAa,SAAA,SAAAA,EAAE9B,OAChC+B,EAAAtC,KAAKyB,UAAM,MAAAa,SAAA,SAAAA,EAAEC,OAAO,K,CAGrB,qBAAMqB,GACL5D,KAAKwB,aAAexB,KAAKyB,OACzBzB,KAAK6D,c,CAGN,kBAAMA,G,MACL7D,KAAKE,sBAAwBF,KAAKC,yBAAyBe,EAAAhB,KAAKwB,gBAAY,MAAAR,SAAA,SAAAA,EAAET,SAAUP,KAAKO,OAC7FP,KAAKoB,cAAcP,KAAK,CAAE,CAACb,KAAKqB,YAAarB,KAAKwD,aAClDxD,KAAKG,SAASe,S,CAIf,gBAAA4C,GACC9D,KAAKG,SAASe,S,CAGf,MAAA6C,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,kBACXH,EAAA,QAAAE,IAAA,2CAAM7C,KAAK,UACX2C,EAAA,OAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,2CAAM7C,KAAK,UACX2C,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,QAAAE,IAAA,+CAGFF,EAAA,QAAAE,IAAA,2CAAM7C,KAAK,Q","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputRadio","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","valueReceivedOnLoad","observer","Editable","Observer","create","value","undefined","readonly","showLabel","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyFormDisable","publish","componentDidLoad","smoothlyInput","name","smoothlyInputLoad","parent","initialValue","active","handleRegister","event","stopPropagation","detail","smoothlyInputLoadHandler","Input","registerSubAction","smoothlyRadioInputHandler","disabled","clearable","clear","_b","_c","select","userInitiated","smoothlyUserInput","listen","listener","subscribe","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","formRename","register","formAdd","formRemove","getValue","edit","editable","reset","setInitialValue","valueChanged","watchingReadonly","render","h","Host","key","class"],"sources":["src/components/input/radio/style.css?tag=smoothly-input-radio&encapsulation=scoped","src/components/input/radio/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-left: var(--input-padding-side);\n\tbox-sizing: border-box;\n}\n:host[show-label]>div {\n\tposition: relative;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n:host>div,\n:host>div>div.options {\n\tdisplay: flex;\n\tgap: 1.5rem;\n\twidth: 100%;\n}\n:host[direction=column]>div>div.options {\n\tflex-direction: column;\n}\n:host::slotted([slot=end]) {\n\tmargin-right: 0;\n\tmargin-left: auto;\n}\n\n:host[disabled] smoothly-input-radio-item * {\n\tcursor: not-allowed;\n}\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\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 { RadioItemSelect } from \"./RadioItemSelect\"\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\t@Element() element: HTMLSmoothlyInputRadioElement\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate active?: RadioItemSelect\n\tprivate valueReceivedOnLoad = false\n\tprivate observer = Editable.Observer.create(this)\n\tinitialValue?: RadioItemSelect\n\t@Prop({ mutable: true }) value: any = undefined\n\t@Prop({ mutable: true, reflect: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true }) direction?: \"row\" | \"column\"\n\t@Prop() clearable?: boolean\n\t@Prop({ mutable: true, reflect: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\tcomponentWillLoad(): void | Promise<void> {\n\t\tthis.smoothlyInputLooks.emit((looks, color) => ((this.looks = this.looks ?? looks), (this.color = color)))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\t!this.valueReceivedOnLoad && this.smoothlyInput.emit({ [this.name]: this.value })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.initialValue = this.active\n\t}\n\t@Listen(\"smoothlyRadioItemRegister\")\n\thandleRegister(event: CustomEvent<(parent: SmoothlyInputRadio) => void>) {\n\t\tevent.stopPropagation()\n\t\tevent.detail(this)\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputRadio) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyRadioItemSelect\")\n\tsmoothlyRadioInputHandler(event: CustomEvent<RadioItemSelect>): void {\n\t\tevent.stopPropagation()\n\t\tif ((!this.readonly && !this.disabled) || !this.valueReceivedOnLoad) {\n\t\t\tif (this.clearable && this.active?.value === event.detail.value) {\n\t\t\t\tthis.clear()\n\t\t\t} else 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\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t\t!this.valueReceivedOnLoad && (this.valueReceivedOnLoad = !this.valueReceivedOnLoad)\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\t}\n\t}\n\t@Watch(\"name\")\n\tnameChange(_: string | undefined, oldName: string | undefined) {\n\t\tInput.formRename(this, oldName)\n\t}\n\t@Method()\n\tasync register() {\n\t\tInput.formAdd(this)\n\t}\n\t@Method()\n\tasync unregister() {\n\t\tInput.formRemove(this)\n\t}\n\t@Method()\n\tasync getValue(): Promise<any | undefined> {\n\t\treturn this.value\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.active = undefined\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@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.initialValue = this.active\n\t\tthis.valueChanged()\n\t}\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.valueReceivedOnLoad && (this.isDifferentFromInitial = this.initialValue?.value !== this.value)\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host class=\"floating-label\">\n\t\t\t\t<slot name=\"start\" />\n\t\t\t\t<div>\n\t\t\t\t\t<slot name=\"label\" />\n\t\t\t\t\t<div class=\"options\">\n\t\t\t\t\t\t<slot />\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"],"mappings":"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","ignoreList":[]}

package/dist/components/p-y6VfFBKz.js

@@ -0,0 +1,2 @@
+import{p as o,H as t,c as s,h as l,d as i,t as r}from"./p-BsZrGTcp.js";import{C as n}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import"./p-DoFURPl2.js";import{E as e}from"./p-iQDU7l2c.js";import{I as h}from"./p-vvQg46ti.js";import{d as c}from"./p-CN3iME9d.js";import{d as a}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d}from"./p-DvZK__s-.js";import{d as m}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DFSiKg4M.js";import{d as y}from"./p-o8kM0Soe.js";import{d as b}from"./p-j4UEmpTa.js";import{d as g}from"./p-BsHachOX.js";const v=()=>`.sc-smoothly-input-color-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks="border"].sc-smoothly-input-color-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-color-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-color-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within::before{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks="grid"].sc-smoothly-input-color-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks="grid"][readonly].sc-smoothly-input-color-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-color-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks="transparent"].sc-smoothly-input-color-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-color-h,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-color-h>input.sc-smoothly-input-color,[looks="transparent"].sc-smoothly-input-color-h:not(:focus-within)>input.sc-smoothly-input-color{background-color:transparent}[looks="transparent"].sc-smoothly-input-color-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-color-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-color-h.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h .label.sc-smoothly-input-color{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-color-h .label.sc-smoothly-input-color{transform-origin:top right}.sc-smoothly-input-color-h.floating-label.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.floating-label .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value.sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h.has-value .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[placeholder] .sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly].sc-smoothly-input-color-s>[slot=label],.sc-smoothly-input-color-h[readonly] .sc-smoothly-input-color-s>[slot=label],.floating-label.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-value.sc-smoothly-input-color-h .label.sc-smoothly-input-color,.has-text.sc-smoothly-input-color-h .label.sc-smoothly-input-color,[placeholder].sc-smoothly-input-color-h .label.sc-smoothly-input-color,[readonly].sc-smoothly-input-color-h .label.sc-smoothly-input-color,.sc-smoothly-input-color-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-color{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-color-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h smoothly-icon.smoothly-invalid.sc-smoothly-input-color{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-color-h{display:flex;position:relative;background-color:rgb(var(--smoothly-input-background));align-items:center;justify-content:center}.sc-smoothly-input-color-h>smoothly-input.sc-smoothly-input-color{width:100%;--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-color-h div.color-sample.sc-smoothly-input-color{height:2em;width:3em;margin-right:0.5rem;background-color:var(--hexCode);outline:1px solid rgb(var(--smoothly-input-border));border-radius:3px}.sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{padding-right:var(--input-padding-side)}[readonly].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color,[disabled].sc-smoothly-input-color-h smoothly-icon[name=options-outline].sc-smoothly-input-color{display:none}.sc-smoothly-input-color-h:not([readonly]):not([disabled]) smoothly-icon[name=options-outline].sc-smoothly-input-color{cursor:pointer}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color{background-color:rgb(var(--smoothly-input-background));position:absolute;padding:1rem 0 1rem 2.5rem;top:calc(var(--element-height) + .8em);left:0;box-sizing:border-box;z-index:20;border:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color::before{content:"";transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border));position:absolute;z-index:100;top:0em}.sc-smoothly-input-color-h>div.rgb-sliders.sc-smoothly-input-color>smoothly-toggle-switch.sc-smoothly-input-color{margin-left:auto;margin-right:1em;margin-bottom:1em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color{padding:.5em 0}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color label.sc-smoothly-input-color{width:4em}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(255, var(--rgb-g), var(--rgb-b)), rgb(0, var(--rgb-g), var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-moz-range-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=r].sc-smoothly-input-color::-webkit-slider-thumb{background-color:red}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), 255, var(--rgb-b)), rgb(var(--rgb-r), 0, var(--rgb-b)))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-moz-range-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=g].sc-smoothly-input-color::-webkit-slider-thumb{background-color:green}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to left, rgb(var(--rgb-r), var(--rgb-g), 255), rgb(var(--rgb-r), var(--rgb-g), 0))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-moz-range-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=b].sc-smoothly-input-color::-webkit-slider-thumb{background-color:blue}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right in hsl longer hue, red, red)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=h].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), 100%, 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, hsl(var(--hsl-h), 0%, 50%), hsl(var(--hsl-h), 100%, 50%))}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-moz-range-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=s].sc-smoothly-input-color::-webkit-slider-thumb{background-color:hsl(var(--hsl-h), var(--hsl-s), 50%)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-runnable-track{background:linear-gradient(to right, black, white)}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-moz-range-thumb{background-color:#777}div.rgb-sliders.sc-smoothly-input-color smoothly-input-range.sc-smoothly-input-color>div.sc-smoothly-input-color>input[name=l].sc-smoothly-input-color::-webkit-slider-thumb{background-color:#777}`;const f=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=e.Observer.create(this);this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined;this.readonly=false;this.output="rgb";this.showLabel=true;this.open=false;this.sliderMode="rgb"}async componentWillLoad(){this.value&&this.setInitialValue();this.value&&(this.rgb=n.Hex.toRGB(this.value));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,this.color=t}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((o=>this.parent=o));!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o))}smoothlyInputLooksHandler(o){if(o.target!=this.element){o.stopPropagation()}}smoothlyInputLoadHandler(o){h.registerSubAction(this,o)}onWindowClick(o){!o.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(o,t){h.formRename(this,t)}watchingReadonly(){this.observer.publish()}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){return this.output==="rgb"?{r:this.rgb.r===undefined?undefined:Math.round(this.rgb.r),g:this.rgb.g===undefined?undefined:Math.round(this.rgb.g),b:this.rgb.b===undefined?undefined:Math.round(this.rgb.b)}:this.value?this.value:undefined}async clear(){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined};this.value=undefined}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o;this.open=false}async reset(){this.value=this.initialValue;this.open=false}async setInitialValue(){this.initialValue=this.value;this.open=false}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}handleSwitchMode(o){o.stopPropagation();this.sliderMode=o.detail?"hsl":"rgb";if(this.sliderMode==="rgb"){this.value&&(this.rgb=n.Hex.toRGB(this.value))}else{this.value&&(this.hsl=n.RGB.toHSL(n.Hex.toRGB(this.value)))}}async hexInputHandler(o){if(o!==this.value){if(o&&n.Hex.type.is(o)){if(this.sliderMode==="hsl"||this.rgb.r===undefined){this.rgb=n.Hex.toRGB(o)}if(this.sliderMode==="rgb"||this.hsl.h===undefined){this.hsl=n.RGB.toHSL(n.Hex.toRGB(o))}}else if(!o||!n.Hex.type.is(o)){this.rgb={r:undefined,g:undefined,b:undefined};this.hsl={h:undefined,s:undefined,l:undefined}}this.value=o;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}sliderInputHandler(o){var t;o.stopPropagation();const s=Object.keys(o.detail)[0];let l=this.sliderMode==="rgb"?this.rgb:this.hsl;if(!(o.detail[s]===undefined)){for(const i of Object.keys(l)){if(i===s){l=Object.assign(Object.assign({},l),{[i]:i==="s"||i==="l"?+((t=o.detail[s])!==null&&t!==void 0?t:0)*100:o.detail[s]})}else if(l[i]===undefined){l=Object.assign(Object.assign({},l),{[i]:0})}}if(this.sliderMode==="rgb"){this.rgb=Object.assign({},l);this.hsl=n.RGB.toHSL(this.rgb);this.hexInputHandler(n.RGB.toHex(this.rgb))}else{this.hsl=Object.assign({},l);this.rgb=n.HSL.toRGB(this.hsl);this.hexInputHandler(n.RGB.toHex(n.HSL.toRGB(this.hsl)))}}}openDropdown(){this.open=!this.open}render(){var o,t,s,r,n,e;return l(i,{key:"4db4d9329eaee9cad54871a66e4ea406e04a5b92",style:{"--hexCode":this.value,"--rgb-r":`${Math.round((o=this.rgb.r)!==null&&o!==void 0?o:0)}`,"--rgb-g":`${Math.round((t=this.rgb.g)!==null&&t!==void 0?t:0)}`,"--rgb-b":`${Math.round((s=this.rgb.b)!==null&&s!==void 0?s:0)}`,"--hsl-h":`${Math.round((r=this.hsl.h)!==null&&r!==void 0?r:0)}`,"--hsl-s":`${Math.round((n=this.hsl.s)!==null&&n!==void 0?n:0)}%`,"--hsl-l":`${Math.round((e=this.hsl.l)!==null&&e!==void 0?e:0)}%`,"--element-height":`${this.element.clientHeight}px`}},l("smoothly-input",{key:"d3fe0aeedcd45bacc1d38e75d7d5e97be3992a34",value:this.value,color:this.color,looks:undefined,name:this.name,type:"hex-color",readonly:this.readonly,disabled:this.disabled,showLabel:this.showLabel,onSmoothlyInput:o=>(o===null||o===void 0?void 0:o.stopPropagation(),this.hexInputHandler(o.detail[this.name]))},l("slot",{key:"77f78c79097fc43d15b453044170290e25c1bfc2"})),l("div",{key:"f8c144c3cfdc9ef249c941f492b009030eb97dda",class:"color-sample"}),l("smoothly-icon",{key:"8d29d95ef7cbc08cdf429088e9f005a02544ecad",color:this.color,name:"options-outline",size:"small",onClick:()=>!this.readonly&&!this.disabled&&this.openDropdown()}),l("div",{key:"8efce2fd4ca6fbde9968bddd60b54cb6e097091e"},l("slot",{key:"fd99776b1a150dd549d69e013124308ab6d2f16f",name:"end"})),this.open&&!this.readonly&&!this.disabled&&l("div",{key:"67b8c3fb973292a65257eedb64ac7a01044843d2",class:"rgb-sliders"},l("smoothly-toggle-switch",{key:"f576c2ce5b277209b94c8560e559299c715ea1e1",title:`${this.sliderMode==="rgb"?"To HSL":"To RGB"}`,onSmoothlyToggleSwitchChange:o=>this.handleSwitchMode(o),size:"tiny",checkmark:false,selected:this.sliderMode==="hsl"}),Object.entries(this.rgb).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="rgb"?{display:"none"}:{},name:o,min:0,max:255,color:undefined,type:"text",value:t,step:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()}))),Object.entries(this.hsl).map((([o,t])=>l("smoothly-input-range",{style:this.sliderMode!="hsl"?{display:"none"}:{},name:o,min:0,max:o==="h"?359:1,color:undefined,type:o==="s"||o==="l"?"percent":"text",value:(o==="s"||o==="l")&&t?t/100:t,step:o==="s"||o==="l"?.01:1,outputSide:"right",onSmoothlyInput:o=>this.sliderInputHandler(o),onSmoothlyUserInput:o=>o.stopPropagation(),label:o.toUpperCase()})))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}}static get style(){return v()}},[262,"smoothly-input-color",{value:[1025],looks:[1537],color:[1537],readonly:[1540],disabled:[516],output:[1],name:[513],showLabel:[516,"show-label"],open:[32],sliderMode:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}],value:[{valueChanged:0}]}]);function k(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-color","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-range","smoothly-toggle-switch"];o.forEach((o=>{switch(o){case"smoothly-input-color":if(!customElements.get(r(o))){customElements.define(r(o),f)}break;case"smoothly-display":if(!customElements.get(r(o))){c()}break;case"smoothly-display-json":if(!customElements.get(r(o))){a()}break;case"smoothly-display-json-object":if(!customElements.get(r(o))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(r(o))){d()}break;case"smoothly-display-json-record-key":if(!customElements.get(r(o))){m()}break;case"smoothly-icon":if(!customElements.get(r(o))){p()}break;case"smoothly-input":if(!customElements.get(r(o))){y()}break;case"smoothly-input-range":if(!customElements.get(r(o))){b()}break;case"smoothly-toggle-switch":if(!customElements.get(r(o))){g()}break}}))}k();export{f as S,k as d};
+//# sourceMappingURL=p-y6VfFBKz.js.map