smoothly 1.120.0 → 1.122.0

package/dist/components/p-PwCtk_DY.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: 7rem;\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{`${this.label ? this.label : \"\"} ${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.dual || (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-BdYr9Wou.js → p-QtHFbgfu.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-DDYB8QLF.js";import{d as r}from"./p-CCaI37_s.js";import{d as c}from"./p-DFPMixk-.js";const m=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const l=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"4e003f931f925f8b9b7bf025a30ed5637d1883f6"},e("slot",{key:"24474dce23d51652d402faf096be33cbd2356a53"}),e("div",{key:"23d8511a4e84d13e2e19a623ebadcc7957881221",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return m()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function a(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),l)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){r()}break;case"smoothly-trigger":if(!customElements.get(i(o))){c()}break}}))}a();export{l as N,a as d};
-//# sourceMappingURL=p-BdYr9Wou.js.map
+import{p as o,H as t,h as e,d as s,t as i}from"./p-BsZrGTcp.js";import{d as n}from"./p-DFSiKg4M.js";import{d as r}from"./p-1eBV_fsy.js";import{d as c}from"./p-C2woWb9T.js";const f=()=>`.sc-smoothly-notifier-h{display:block}[hidden].sc-smoothly-notifier-h{display:none}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier{pointer-events:none;display:flex;flex-wrap:wrap-reverse;align-content:stretch;position:fixed;bottom:3rem;left:0;text-align:center;z-index:100}.sc-smoothly-notifier-h>.smoothly-notifier-wrapper.sc-smoothly-notifier>smoothly-notification.sc-smoothly-notifier{pointer-events:all}`;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.icon=false;this.notices=[]}onNotice(o){this.notices=[...this.notices,o.detail]}onRemove(o){this.notices=[...this.notices.filter((t=>t!=o.detail))]}render(){return e(s,{key:"4eab0b03bcd2b49a1fed8c6de67ecfcd045673bf"},e("slot",{key:"65ba8affecf54b00f39b5ceec891a04d390b9312"}),e("div",{key:"f1caed9cedb41c1922f3f694347871e4465b043f",class:"smoothly-notifier-wrapper"},this.notices.map((o=>e("smoothly-notification",{notice:o,icon:this.icon})))))}static get style(){return f()}},[262,"smoothly-notifier",{icon:[4],notices:[32]},[[0,"notice","onNotice"],[0,"remove","onRemove"]]]);function l(){if(typeof customElements==="undefined"){return}const o=["smoothly-notifier","smoothly-icon","smoothly-notification","smoothly-trigger"];o.forEach((o=>{switch(o){case"smoothly-notifier":if(!customElements.get(i(o))){customElements.define(i(o),m)}break;case"smoothly-icon":if(!customElements.get(i(o))){n()}break;case"smoothly-notification":if(!customElements.get(i(o))){r()}break;case"smoothly-trigger":if(!customElements.get(i(o))){c()}break}}))}l();export{m as N,l as d};
+//# sourceMappingURL=p-QtHFbgfu.js.map

package/dist/components/p-U7a1lSmf.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as c}from"./p-Cl8L61mt.js";import{d as n}from"./p-CHjWijPI.js";import{d as l}from"./p-BE5E3Jm6.js";import{d as r}from"./p-vvQg46ti.js";import{d as i}from"./p-DFSiKg4M.js";import{d as f}from"./p-o8kM0Soe.js";import{d as b}from"./p-CtVEKtM6.js";import{d}from"./p-KZeR_6LG.js";import{d as p}from"./p-gEWA_tZo.js";import{d as y}from"./p-MqffyRVU.js";import{d as u}from"./p-BplZiuMF.js";import{d as h}from"./p-BLdivqFr.js";import{d as k}from"./p-CVdJ19AA.js";import{d as E}from"./p-DvOr53No.js";const j=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"673b06b46e297f0abc1c49bcf7ee7acf46cb0295"},t("h2",{key:"4ffa92eb6f9261555d777d05c3e78c404a7df03a"},"Transparent"),t("smoothly-form",{key:"03c25db049779ee90220f0028f18e6e70c037408",looks:"transparent",onSmoothlyFormSubmit:e=>console.log(e.detail.value)},t("smoothly-input-file",{key:"99424c41ab07b388c9e9c35c799e2daec342389b",name:"file"},t("span",{key:"4b686a0fe7159e757d1a76070e2b6246e17a15dc",slot:"label"},"File"),t("smoothly-icon",{key:"8e323ca63e51c6b5acb6d4d8b31641dbbd4e98b0",slot:"button",name:"folder-open-outline",size:"small"})),t("smoothly-input",{key:"fba6aa2567e053902d9100831573d2fc6aaac1b2",type:"duration",looks:"transparent",placeholder:"h:mm"},"Input"),t("smoothly-input-date",{key:"49eeabd20143a15cf14ff6289a3aa28be531a5d9"},"Date"),t("smoothly-input-date-range",{key:"ea4235cc90265d0b73c96d2f2ee9665ba62c40e4"},"Date Range"),t("smoothly-input-select",{key:"ed44815dd57ba74c31a436fff6ece4edcd8091ae",name:"transport"},t("smoothly-item",{key:"f7679b58d170d3bbf264fc67556b21ecc55c7b3e",value:"plane"},t("smoothly-icon",{key:"a16734c2ed81ae0985db7328c389818d717f976e",name:"airplane-outline"})),t("smoothly-item",{key:"8c08a4ce4812a1ecb8d0304c002b6179f586a21f",value:"car"},t("smoothly-icon",{key:"2488556ed2e45e6e4fff17c647ae987b8f4f1773",name:"car-outline"})),t("smoothly-item",{key:"5b0cb1c46c7783a49b954b5eba8bafcd23cf2985",value:"bus",selected:true},t("smoothly-icon",{key:"62b98cc6a689f5c1d49eee728b697321a85283f8",name:"bus-outline"}))),t("smoothly-input-submit",{key:"5a229bbbd0cf22d44080a22d583403569ca62a5f",icon:"checkbox-outline"})))}},[2,"smoothly-form-demo-transparent"]);function g(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-transparent","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-date-range","smoothly-input-file","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-transparent":if(!customElements.get(m(e))){customElements.define(m(e),j)}break;case"smoothly-button":if(!customElements.get(m(e))){a()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){c()}break;case"smoothly-calendar":if(!customElements.get(m(e))){n()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-form":if(!customElements.get(m(e))){r()}break;case"smoothly-icon":if(!customElements.get(m(e))){i()}break;case"smoothly-input":if(!customElements.get(m(e))){f()}break;case"smoothly-input-date":if(!customElements.get(m(e))){b()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){d()}break;case"smoothly-input-file":if(!customElements.get(m(e))){p()}break;case"smoothly-input-month":if(!customElements.get(m(e))){y()}break;case"smoothly-input-select":if(!customElements.get(m(e))){u()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){h()}break;case"smoothly-item":if(!customElements.get(m(e))){k()}break;case"smoothly-spinner":if(!customElements.get(m(e))){E()}break}}))}g();export{j as S,g as d};
+//# sourceMappingURL=p-U7a1lSmf.js.map

package/dist/components/p-WvQaS_J6.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d as r}from"./p-Cl8L61mt.js";import{d as l}from"./p-CHjWijPI.js";import{d as n}from"./p-BE5E3Jm6.js";import{d as f}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as b}from"./p-uFR5K4vd.js";import{d as y}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-vvQg46ti.js";import{d as u}from"./p-DFSiKg4M.js";import{d as k}from"./p-o8kM0Soe.js";import{d as j}from"./p-Dd9tz4Tj.js";import{d as g}from"./p-BX-sEZyq.js";import{d as v}from"./p-CaQWZMN4.js";import{d as E}from"./p-CtVEKtM6.js";import{d as w}from"./p-KZeR_6LG.js";import{d as O}from"./p-BSHxNVcQ.js";import{d as S}from"./p-gEWA_tZo.js";import{d as F}from"./p-MqffyRVU.js";import{d as P}from"./p-wjlHVReJ.js";import{d as x}from"./p-4Xn3Nprv.js";import{d as C}from"./p-PwCtk_DY.js";import{d as z}from"./p-C22G-tNF.js";import{d as H}from"./p-BplZiuMF.js";import{d as N}from"./p-BLdivqFr.js";import{d as D}from"./p-CVdJ19AA.js";import{d as I}from"./p-DvOr53No.js";import{d as R}from"./p-Cs0CtSI2.js";import{d as B}from"./p-2Y5tLcQ1.js";import{d as Z}from"./p-BsHachOX.js";const q=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const L=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"3555b678ce1821ff509e6c6bf7cd5f846150361e"},o("h2",{key:"977304593cbf95b3a07e55d27bcba52421c3a806"},"Pet"),o("h3",{key:"30d9e280ca0f61806f9267fd2cb64b0018a13fd0"},"Value"),o("smoothly-form",{key:"9fea67b46ff29a01b7a15aa482cd7d756c766315",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"0e4dcd3f6853fcd923db4e2aec019d5448a9985c",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"5741904cab68af6d1be19fe0f8a54490b84d21ba",slot:"end"})),o("smoothly-input",{key:"c866df63069281710b3a331655de6d052402b139",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"0b1b661bf19f1ca7fa08fe79af51082843d3170c",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"b11ab6e4f6c4f5c3b58b7b1d697031830ef6c897",slot:"end"})),this.hasOwner&&o(a,{key:"f73c34c51c677c929481e3467a4a1720d2af6192"},o("smoothly-input",{key:"93e88b422344bf296bc08e1c87153ee5e171f116",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"b7364d965671c8389a4ebf10b6dff81a8f83579d",slot:"end"})),o("smoothly-input",{key:"e02d9a248eadadca31f2b7e54a4fe2d7dcb78ab7",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"c62884a682169ef822236373673f6b21c960fe79",name:"owner.picture"},o("span",{key:"dee1e245fbb06cfff787b50beff581bc48dff312",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"968c755e88629fd76f61cc109f8a7c85c6b87b14",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"bdc545954853494c63ec34555b90f35f12a081c1",slot:"end"})),o("smoothly-input-date-range",{key:"e18ac1955b66407c2dd2aebb3d1b616752cba832",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"56d1ce3d8b2a0a0daf1b0e66b5e5fd2fca291d12",slot:"end"})),o("smoothly-input-range",{key:"aa6cf832bc63235bc0590ac6cab2da6b1d5923f0",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"ecae9fdf30760aa00a799a24729221ef0bb26786",slot:"end"})),o("smoothly-input-select",{key:"587127c00899a6b985a1ba41f73c906e94abf504",name:"owner.favoriteHat"},o("span",{key:"02289ec45dd570ca382776beb9fa34d2552d92da",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"52aeef0a52c37c0ad9236c99e3a5af20c26f7c6d",slot:"end"})),o("smoothly-input-color",{key:"2640d32a91c9e12b2ffb9564e44e43bd24d97162",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"9253ea9ae7e24f1fc70da6f7ab04bbe38599024a",slot:"end"})),o("smoothly-input-radio",{key:"f6b4f1e0b3c1e8eef422c154b22454610e7e6af3",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"6ec795591acadf04027319369d72e9470787945f",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"34815b0ebee805a4481312379025218fd46f01c7",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"ae43c2284ea51f72e415e00a1ada8cab10afebdb"},o("smoothly-tab",{key:"6485c24546d14f5845987da38646066c8f066c61",label:"Dog",name:"dog"},o("smoothly-input",{key:"257d6b7f1140ff7210173fb0e5de4704000bc432",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"a75e2029fe5b630410fee39462d197489a5291db",name:"dog.picture"},o("span",{key:"7d881935f028284bb80a3e33a47baf59813bc63a",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"f8991e1f543ad09a241977a2570a473597c79a80",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"abdf29fd0b95142a6a28aacbc2a3de52b28acfa6",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"07710a1af7f884114fee361d80b27e9351cd85d5",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"1307c6bdafc9598e829ee60c4ce7c1b1546dc7af",name:"dog.favoriteHat"},o("span",{key:"4ed1cd24bba8e63db60d63cffdd1417023117a2d",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"0b049778a99bee6df6d2ec48dbc071697136fe16",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"c65093016a5b90c6bb25e85e4e3575124712c7be",name:"dog.favoritePizza"},o("span",{key:"9565009584ed77b05040ed9468700f116adb563c",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"666be38409bc89d3e4650ad9401c854327ebefc1",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fb5f8f5459b5f642b0c6a2439b319a42002959a4",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"682f5638f562e61dd092f83eccf7925f720cf194",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"c5482174c9405a1136f012fa82cca350c2ed83c2",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"f78b450a29382f8f856ebbff27745c953af53308",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"efbd349e10beda447d69c20474c692e2688bcaab",name:"parrot.picture"},o("span",{key:"01a1817ed064f0181742eb5aeb3f2723338f84e7",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"be120da97155f2f5591d924aa32604d6086e31c1",slot:"end"})),o("smoothly-input-date",{key:"e59e3a24b479cfbd94eb3c6c7c5f394f93049274",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"4e918229a0745964257c0fb32f0ecd1a4283cdca",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"514983470344439c22cc6b68bace5b1609f04f89",slot:"end"})),o("smoothly-input-range",{key:"cca92a33c0bc46d7bf85e86e467b9f703063d35d",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"edb1126fcabc71b9d98f33257c8d282982e8ea36",slot:"end"})),o("smoothly-input-select",{key:"868654a72f5642b033392aa33b3b107b1d7ddfa4",name:"parrot.favoriteHat"},o("span",{key:"f811c0c08c4277aba3e85da353903b0185bb9df7",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"4226a5e036817f3a80fce926c6761cee1a8bcd66",name:"parrot.month"},o("span",{key:"61570b4fc31693fd2d3f81bea327cfc890ea6c54",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"23a77f1358748ee93995b71253bf43641593fc3c",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"a32718e3246ec6ffa4cb33eab22c6e549ef764f0",name:"parrot.favoritePizza"},o("span",{key:"5283e5e305bbc586ac74665518f077a2b20e261a",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"15c5b92cd4ee1c6f46880327a7737abba978cb6a",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"975b1bbb887c933a2eacb4bc1a79dfdf99d73972",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"09fef0282ab5dea1bceacee812f4d9563c21ed2c",type:"json",value:this.value}))}static get style(){return q()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function M(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),L)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){r()}break;case"smoothly-calendar":if(!customElements.get(m(e))){l()}break;case"smoothly-date-text":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){F()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){P()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){x()}break;case"smoothly-input-range":if(!customElements.get(m(e))){C()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){H()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){N()}break;case"smoothly-item":if(!customElements.get(m(e))){D()}break;case"smoothly-spinner":if(!customElements.get(m(e))){I()}break;case"smoothly-tab":if(!customElements.get(m(e))){R()}break;case"smoothly-tabs":if(!customElements.get(m(e))){B()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){Z()}break}}))}M();export{L as S,M as d};
+//# sourceMappingURL=p-WvQaS_J6.js.map

package/dist/components/{p-CFwdTUm-.js → p-XZAGPm4i.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as t,h as l,d as a,t as r}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableExpandableRowChange=t(this,"smoothlyTableExpandableRowChange");this.open=false}clickHandler(o){var e,t;const l=this.div&&o.composedPath().includes(this.div);if(!l){const o=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((t=o===null||o===void 0?void 0:o.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return l(a,{key:"3007de001a37cd97b19055f2300d0c4200714da4",onClick:o=>this.clickHandler(o)},l("slot",{key:"8eec771831b3e72481baaa792403fd6f28ce23b2"}),l("div",{key:"f4a0071effd34729d812fdc02023f55c29c61da2",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"e9eae5eaddd3886cb39a8086bba97a177791378d",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return s()}},[262,"smoothly-table-expandable-row",{open:[1540]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-expandable-row"];o.forEach((o=>{switch(o){case"smoothly-table-expandable-row":if(!customElements.get(r(o))){customElements.define(r(o),b)}break}}))}d();export{b as S,d};
-//# sourceMappingURL=p-CFwdTUm-.js.map
+import{p as o,H as e,c as t,h as l,d as a,t as r}from"./p-BsZrGTcp.js";const s=()=>`.sc-smoothly-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h.sc-smoothly-table-expandable-row-s>.smoothly-table-cell{grid:subgrid;cursor:pointer;grid-column:span var(--smoothly-table-cell-span, 1);display:flex;align-items:center;padding-inline:var(--smoothly-table-cell-padding-inline, 1.1rem);min-height:var(--smoothly-table-cell-min-height, 2.75rem);white-space:nowrap}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-table-expandable-row-h:not([open])>div.smoothly-table-detail.sc-smoothly-table-expandable-row{display:none}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type{position:relative;padding-left:1.1rem}.sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{content:"";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4rem;width:0.4rem;left:0.3rem;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-table-expandable-row-h:has(>.smoothly-table-cell:hover)>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-table-expandable-row-h>.smoothly-table-cell.sc-smoothly-table-expandable-row:first-of-type::before{rotate:45deg}[open].sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row{overflow:visible;padding-block:var(--smoothly-table-detail-padding-block, 0.5rem);padding-inline:var(--smoothly-table-detail-padding-inline, 1.1rem)}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::before{content:"";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-table-expandable-row-h>div.smoothly-table-detail.sc-smoothly-table-expandable-row::after{content:"";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}`;const b=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyTableExpandableRowChange=t(this,"smoothlyTableExpandableRowChange");this.open=false}clickHandler(o){var e,t;const l=this.div&&o.composedPath().includes(this.div);if(!l){const o=(e=window.getSelection())===null||e===void 0?void 0:e.toString().trim();if(((t=o===null||o===void 0?void 0:o.length)!==null&&t!==void 0?t:0)==0){this.open=!this.open}}}openChange(){this.smoothlyTableExpandableRowChange.emit(this.open)}render(){return l(a,{key:"0b30bab39714624466afaef8c84e249968817f34",onClick:o=>this.clickHandler(o)},l("slot",{key:"b5cb0b756d50f4ae59b2032e47100db32fd91d4a"}),l("div",{key:"1ed07af1ce9a0a1c3d1516f2cd0e6239861f6a8a",class:"smoothly-table-detail",ref:o=>this.div=o},l("slot",{key:"61d49870b81b2fba88d179b25859fc056321be80",name:"detail"})))}static get watchers(){return{open:[{openChange:0}]}}static get style(){return s()}},[262,"smoothly-table-expandable-row",{open:[1540]},undefined,{open:[{openChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const o=["smoothly-table-expandable-row"];o.forEach((o=>{switch(o){case"smoothly-table-expandable-row":if(!customElements.get(r(o))){customElements.define(r(o),b)}break}}))}d();export{b as S,d};
+//# sourceMappingURL=p-XZAGPm4i.js.map

package/dist/components/p-ewmy4_JT.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as l,F as o,d as t,t as c}from"./p-BsZrGTcp.js";import{d}from"./p-CN3iME9d.js";import{d as s}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as f}from"./p-F8qX8ZuL.js";import{d as m}from"./p-CGfga7g-.js";import{d as p}from"./p-CF7MePy1.js";import{d as r}from"./p-Cx_sM6Sy.js";import{d as h}from"./p-DO3QrEu1.js";import{d as i}from"./p-D57O7AkC.js";import{d as n}from"./p-C9_7A_n7.js";import{d as u}from"./p-XZAGPm4i.js";import{d as k}from"./p-DlkQKgfQ.js";import{d as g}from"./p-CceVYEd4.js";import{d as w}from"./p-CttQUOE5.js";const v=()=>`.sc-smoothly-table-demo-group-h{display:block}.sc-smoothly-table-demo-group-h smoothly-display.sc-smoothly-table-demo-group{display:inline}.sc-smoothly-table-demo-group-h fake-cell-wrapper.span-2.sc-smoothly-table-demo-group{grid-column:span 2}.sc-smoothly-table-demo-group-h>smoothly-display.sc-smoothly-table-demo-group{display:inherit;font-size:2em}.sc-smoothly-table-demo-group-h>*.sc-smoothly-table-demo-group{margin-bottom:2rem}.sc-smoothly-table-demo-group-h fake-group-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-row-wrapper.sc-smoothly-table-demo-group,.sc-smoothly-table-demo-group-h fake-expandable-row-wrapper.sc-smoothly-table-demo-group{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.sc-smoothly-table-demo-group-h fake-cell-wrapper.sc-smoothly-table-demo-group{grid-column:span 1;display:block}.sc-smoothly-table-demo-group-h fake-expandable-cell-wrapper.sc-smoothly-table-demo-group{display:contents}`;const E=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return l(t,{key:"62df195c439cf706a1a3c7f41db6c2e29dad142f"},l("smoothly-display",{key:"e0e9ff9ce93fcaf000f395d113a553e5506f7304",type:"text",value:"Group"}),l("smoothly-table",{key:"326ba06d567fdd989afca120e2c3c37a0cc846e7",color:"primary",columns:2},l("smoothly-table-head",{key:"fc9c0d2f26660f7a905a049460ff9a5e1cf8d01a"},l("smoothly-table-row",{key:"f24071deda1e8594baa3247d2f4c7089a926ba57"},l("smoothly-table-cell",{key:"1bb3803e7af1271e4eb9f22a42325ac2b5b73232"},"Date"),l("smoothly-table-cell",{key:"ae5d48ded2734e285adf9ae59aaa63e695b659bc"},"Total"))),l("smoothly-table-body",{key:"986cebc8d947b2cb9e17673fd479a6ebf2f076c2"},l("smoothly-table-row-group",{key:"5525de8b528614a2a98b9c1f114005ccc00429c8",align:true},l("smoothly-display",{key:"fa42e342b2c3f6c17c876ae857e0d23318ffbbf5",slot:"start",type:"date",value:"2024-01-01"}),l("smoothly-display",{key:"e15d54e3288e723c449971fe3ef8e82e669e236c",slot:"end",type:"price",currency:"EUR",value:510}),l("smoothly-table-expandable-row",{key:"38294cc981a9711d9fe62e19dcc9be0dc44d72fe"},l("smoothly-table-cell",{key:"a6a1a468df6c6c4d870637d96d49a60b9e9a5b62"},l("smoothly-display",{key:"35b429ea784aae344d0eed4364047a16addab496",type:"date-time",value:"2024-01-01T01:37:00.000Z"})),l("smoothly-table-cell",{key:"12e3ffb4a8a1003f63ec8426365ab164ca5e2860"},l("smoothly-display",{key:"d2f3030c67352148cb3edfaa6fb7ae9cc77b94bd",type:"price",currency:"EUR",value:250})),l("smoothly-lazy",{key:"e7d2324c84054a6d5c99f9123c1407ac6dd47cd8",slot:"detail",content:l(o,null,"Details of 2024-01-01T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"aff20dad5eba30487c0dd0af87498d00593f67e8"},l("smoothly-table-cell",{key:"c31a2971ab968e445a622f2e2c685fab84d46b22"},l("smoothly-display",{key:"5c71ba768035bd954b4280fa616c046a3abe20ac",type:"date-time",value:"2024-01-01T13:37:00.000Z"})),l("smoothly-table-cell",{key:"43ce6d32c1cb44473460cf942eed00eb7ba0d9bb"},l("smoothly-display",{key:"faa140a1e7bff8ee3db1f4cea2af3b89a5e0573a",type:"price",currency:"EUR",value:260})),l("smoothly-lazy",{key:"8a693ca8e8e976cf4313fae0b7b8ac2718a85a58",slot:"detail",content:l(o,null,"Details of 2024-01-01T13:37:00.000Z")}))),l("smoothly-table-row",{key:"58c1ef797e3f28e10e6132bb676601a74eecb02a"},l("smoothly-table-cell",{key:"e111fdc26f3ddbbe9f681f9bc4d68b8f057379a5"},l("smoothly-display",{key:"ba81ad168815ae393bee158c2aa833b2899b7ff8",type:"date",value:"2024-01-02"})),l("smoothly-table-cell",{key:"00ab6f81d2406415a58adea186c3a44307b7a75a"},l("smoothly-display",{key:"b071985cb24513990029755e61885ba9a3dd66c6",type:"price",currency:"EUR",value:130}))),l("smoothly-table-row-group",{key:"89ffb1f22c33c9859109a9899716687873c9d660"},l("smoothly-display",{key:"1f90e7bdf7a6eaed52c543211f93c4b67d774599",slot:"start",type:"date",value:"2024-01-03"}),l("smoothly-display",{key:"527d1d8b4b7eee3211e2314fba784864152e00ae",slot:"end",type:"price",currency:"EUR",value:720}),l("smoothly-table-expandable-row",{key:"f88db70380e5966a190f5ac8cca8fc0a67c4221f"},l("smoothly-table-cell",{key:"54027324f7cf88573f96c169ee8ce9bb34dad797"},l("smoothly-display",{key:"d071a9894db56273b9f6636b392d08a4b42c78e9",type:"date-time",value:"2024-01-03T01:37:00.000Z"})),l("smoothly-table-cell",{key:"6c1e4daf0f7dd6e3d8648bec713049f2fe074f6c"},l("smoothly-display",{key:"1023a52f76e9daff2d0c5db605ca76a3ff77561e",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"f78aac6b2083e3ab97c37376caef47a902098a21",slot:"detail",content:l(o,null,"Details of 2024-01-03T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"16e7bdb039dfc3a7c82e5aeab51c2fa8463adf06"},l("smoothly-table-cell",{key:"6f3fa97484bb104428e3bdf30676aeacdbdeff54"},l("smoothly-display",{key:"9e485216c31280d2163b1c47b615e463922e5bb9",type:"date-time",value:"2024-01-03T13:37:00.000Z"})),l("smoothly-table-cell",{key:"6b26b65d005db2eb0a05e746668a31be90e550b1"},l("smoothly-display",{key:"d82acd54c4ca5cf965ec76cf72df7d560ec305cb",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"6076632bb977591e9c00c9eb56b0e8d14df14b99",slot:"detail",content:l(o,null,"Details of 2024-01-03T13:37:00.000Z")}))),l("smoothly-table-row-group",{key:"d4b667e7c600ae58ca64a0c6c82f6770efb9b653"},l("smoothly-display",{key:"cea01aa7e1342130a10154b9582a5918d2e4d63b",slot:"start",type:"date",value:"2024-01-04"}),l("smoothly-table-expandable-row",{key:"d0a2849829de6b374e26f78815810f79397d516a"},l("smoothly-table-cell",{key:"c2f6db946a8b4d8c783dc6d2d3c8b9eccbcd3783"},l("smoothly-display",{key:"e4f2f3e8d77813f044bd530bb1027f8e806080ab",type:"date-time",value:"2024-01-04T01:37:00.000Z"})),l("smoothly-table-cell",{key:"4e0a4f1d32376dbeda02a6ea03b889c3b97c7ed8"},l("smoothly-display",{key:"729743ffd6a89c25a67b171a460e2013e07973f1",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"42696f349c875e81c1dcd9584946016a9a71ee9b",slot:"detail",content:l(o,null,"Details of 2024-01-04T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"1f2bb863946e96a145afc60229b280a626d3afba"},l("smoothly-table-cell",{key:"81548c1aa8566e74d235d84b1780ec6fbd42a31a"},l("smoothly-display",{key:"3570bfe6661f6b4d6fc8997b2c1443a36cc2d4eb",type:"date-time",value:"2024-01-04T13:37:00.000Z"})),l("smoothly-table-cell",{key:"aa5a554e100eb6abda0b99bd721b2f3df1536c2e"},l("smoothly-display",{key:"b9edeb0123445ce4d3f19cbfc08ad3195cf95bc7",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"eab6098b3d7322acf3dc665fd273329834798637",slot:"detail",content:l(o,null,"Details of 2024-01-04T13:37:00.000Z")}))),l("smoothly-table-row-group",{key:"f6e604f50115898a66a6ed944c48c81e2c41b4ba"},l("smoothly-display",{key:"1222faba309ef28c8a79b6e4bfb541ca5e609741",slot:"end",type:"price",currency:"EUR",value:720}),l("smoothly-table-expandable-row",{key:"041ceb3f4632d6638d80b3380edb6e6fe3c68ba8"},l("smoothly-table-cell",{key:"470993aa98db04036f588e2fedd37a51c43f42d5"},l("smoothly-display",{key:"2ef2f28b13d6c22ecdd815695ca2ff695b875fbc",type:"date-time",value:"2024-01-05T01:37:00.000Z"})),l("smoothly-table-cell",{key:"806648544e9ef4fc342e1be65842be6a18a0d5e5"},l("smoothly-display",{key:"afce15a2c0e117c5b8fdbd68513d5550b9d7567c",type:"price",currency:"EUR",value:320})),l("smoothly-lazy",{key:"6ceddf3fd4331db664bf597d74c009c729331529",slot:"detail",content:l(o,null,"Details of 2024-01-05T01:37:00.000Z")})),l("smoothly-table-expandable-row",{key:"78fb3f1f3695a136f1e418e8b6bed3e8241a7018"},l("smoothly-table-cell",{key:"622023286563c7b2bc5dde3213183acdd60782c5"},l("smoothly-display",{key:"d5ee8d2f9707c60dd97a5e6ecdcd3a62d8f93598",type:"date-time",value:"2024-01-05T13:37:00.000Z"})),l("smoothly-table-cell",{key:"bfb7b9aa8c519239c034f804eb8120243e0ff43f"},l("smoothly-display",{key:"ab2df9299d20827fec408d7ea75c99e502bbf480",type:"price",currency:"EUR",value:400})),l("smoothly-lazy",{key:"1f6c7aca115925e268d6d562af66239dfe008a8d",slot:"detail",content:l(o,null,"Details of 2024-01-05T13:37:00.000Z")}))),l("fake-group-wrapper",{key:"7a6a14dd14bfe75f93b22ad545760d14c2f7987e"},l("smoothly-table-row-group",{key:"a75a0eaa8690248ee86ebd8ac061fbbaa73446cf"},l("smoothly-display",{key:"713b7876d6ef92b2282bcc04dd72c92a89110525",slot:"start",type:"date",value:"2024-01-06"}),l("smoothly-display",{key:"3ea05b25d04e12bd44d12df5d49ebc640863af7b",slot:"end",type:"price",currency:"EUR",value:720}),l("fake-row-wrapper",{key:"1a94be668e96af4f2b4998fef2b2c99eff630121"},l("smoothly-table-row",{key:"e72c098a74dfcd4b22a3ae575a5ce71d6cf5d4c3"},l("fake-cell-wrapper",{key:"c552275a1b5d204a69664d4e7188ee2282a98ac4"},l("smoothly-table-cell",{key:"6e1e84b08e9a20fb1cda64ebb6e1cc29a0422b34"},l("smoothly-display",{key:"7dd6e96dac39fbb6ee3bf54e33868c7f836a8f46",type:"date",value:"2024-01-02"}))),l("fake-expandable-cell-wrapper",{key:"5549a1795adb2f64d11438c53b7600396a866b2d"},l("smoothly-table-expandable-cell",{key:"f6550a6b4dfbba1e340532bac7751eb7ce95d3a3"},l("smoothly-display",{key:"30e460e5b2fafffdd2517631f118646f4a1d8f47",type:"price",currency:"EUR",value:130}),l("smoothly-lazy",{key:"1f38e7aa1d33998a080a1bdd6bece1ff7e016cb1",slot:"detail",content:l("span",null,l("smoothly-display",{type:"price",value:100,currency:"EUR"})," + ",l("smoothly-display",{type:"price",value:30,currency:"EUR"}))}))))),l("fake-expandable-row-wrapper",{key:"d51ca514fa6988b9f9c763c5a374b434432a8f8c"},l("smoothly-table-expandable-row",{key:"73e26ecf4a2a60147cca01ca89fd6cb9cfd189c6"},l("fake-cell-wrapper",{key:"cf80f961a21c96c9400378e3ff7da35ce9decc6c",class:"span-2"},l("smoothly-table-cell",{key:"74e278ce51e9c3f7c739758de2625f1239d77813",span:2},l("smoothly-display",{key:"82418ec6d6ca4d41cc3c3b37af238fec5b747f8e",type:"date",value:"2024-01-07"}))),l("smoothly-lazy",{key:"d6d0bb6f634b8b81d1d6c897225c6fe6f67bbe65",slot:"detail",content:l("smoothly-display",{type:"date-time",value:"2024-01-07T13:37:00.000Z"})}))))),l("smoothly-table-row-group",{key:"532b5d36935a77ae5c41106a9b1e0d50abe6a417"},l("smoothly-display",{key:"b2890def11816604589a1dfc6c3addf15ab359c8",slot:"start",type:"date",value:"2024-01-08"}),l("smoothly-display",{key:"f45c09b7a938e6b37614032d791d278c99f57603",slot:"end",type:"price",currency:"EUR",value:720})))))}static get style(){return v()}},[2,"smoothly-table-demo-group"]);function j(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-demo-group","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-lazy","smoothly-load-more","smoothly-table","smoothly-table-body","smoothly-table-cell","smoothly-table-expandable-cell","smoothly-table-expandable-row","smoothly-table-head","smoothly-table-row","smoothly-table-row-group"];e.forEach((e=>{switch(e){case"smoothly-table-demo-group":if(!customElements.get(c(e))){customElements.define(c(e),E)}break;case"smoothly-display":if(!customElements.get(c(e))){d()}break;case"smoothly-display-json":if(!customElements.get(c(e))){s()}break;case"smoothly-display-json-object":if(!customElements.get(c(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(c(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(c(e))){f()}break;case"smoothly-lazy":if(!customElements.get(c(e))){m()}break;case"smoothly-load-more":if(!customElements.get(c(e))){p()}break;case"smoothly-table":if(!customElements.get(c(e))){r()}break;case"smoothly-table-body":if(!customElements.get(c(e))){h()}break;case"smoothly-table-cell":if(!customElements.get(c(e))){i()}break;case"smoothly-table-expandable-cell":if(!customElements.get(c(e))){n()}break;case"smoothly-table-expandable-row":if(!customElements.get(c(e))){u()}break;case"smoothly-table-head":if(!customElements.get(c(e))){k()}break;case"smoothly-table-row":if(!customElements.get(c(e))){g()}break;case"smoothly-table-row-group":if(!customElements.get(c(e))){w()}break}}))}j();export{E as S,j as d};
+//# sourceMappingURL=p-ewmy4_JT.js.map

package/dist/components/{p-DUZEz-6n.js.map → p-ewmy4_JT.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyTableDemoGroup","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","type","value","color","columns","align","slot","currency","content","Fragment","class","span"],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/*                ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyTableDemoGroup","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","type","value","color","columns","align","slot","currency","content","Fragment","class","span"],"sources":["src/components/table/demo/group/style.css?tag=smoothly-table-demo-group&encapsulation=scoped","src/components/table/demo/group/index.tsx"],"sourcesContent":[":host {\n\tdisplay: block;\n}\n:host smoothly-display {\n\tdisplay: inline;\n}\n:host fake-cell-wrapper.span-2 {\n\tgrid-column: span 2;\n}\n:host>smoothly-display {\n\tdisplay: inherit;\n\tfont-size: 2em;\n}\n:host>* {\n\tmargin-bottom: 2rem;\n}\n/* Apply these styles to your element that is \n * wrapping one of these table components\n*/\n:host fake-group-wrapper,\n:host fake-row-wrapper,\n:host fake-expandable-row-wrapper {\n\tgrid-column: 1 / -1;\n\tdisplay: grid;\n\tgrid-template-columns: subgrid;\n}\n:host fake-cell-wrapper {\n\t/*                ↓ This is the column span. only needed if span != 1 */\n\tgrid-column: span 1;\n\t/* it can be any display that is not contents */\n\tdisplay: block;\n}\n:host fake-expandable-cell-wrapper {\n\tdisplay: contents;\n}\n","import { Component, Fragment, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-table-demo-group\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyTableDemoGroup {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<smoothly-display type=\"text\" value=\"Group\" />\n\t\t\t\t<smoothly-table color=\"primary\" columns={2}>\n\t\t\t\t\t<smoothly-table-head>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>Date</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>Total</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t</smoothly-table-head>\n\t\t\t\t\t<smoothly-table-body>\n\t\t\t\t\t\t<smoothly-table-row-group align>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type=\"date\" value={\"2024-01-01\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={510} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={250} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-01T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={260} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-01T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-03\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-03T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-03T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-04\"} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-04T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-04T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T01:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={320} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T01:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date-time\"} value={\"2024-01-05T13:37:00.000Z\"} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={400} />\n\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t<smoothly-lazy slot={\"detail\"} content={<Fragment>Details of 2024-01-05T13:37:00.000Z</Fragment>} />\n\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t<fake-group-wrapper>\n\t\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-06\"} />\n\t\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t\t\t<fake-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-02\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} currency={\"EUR\"} value={130} />\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={100} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\" + \"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"price\"} value={30} currency={\"EUR\"} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-expandable-cell-wrapper>\n\t\t\t\t\t\t\t\t\t</smoothly-table-row>\n\t\t\t\t\t\t\t\t</fake-row-wrapper>\n\t\t\t\t\t\t\t\t<fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t\t\t<smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t\t\t<fake-cell-wrapper class=\"span-2\">\n\t\t\t\t\t\t\t\t\t\t\t<smoothly-table-cell span={2}>\n\t\t\t\t\t\t\t\t\t\t\t\t<smoothly-display type={\"date\"} value={\"2024-01-07\"} />\n\t\t\t\t\t\t\t\t\t\t\t</smoothly-table-cell>\n\t\t\t\t\t\t\t\t\t\t</fake-cell-wrapper>\n\t\t\t\t\t\t\t\t\t\t<smoothly-lazy\n\t\t\t\t\t\t\t\t\t\t\tslot={\"detail\"}\n\t\t\t\t\t\t\t\t\t\t\tcontent={<smoothly-display type={\"date-time\"} value={\"2024-01-07T13:37:00.000Z\"} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</smoothly-table-expandable-row>\n\t\t\t\t\t\t\t\t</fake-expandable-row-wrapper>\n\t\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t\t</fake-group-wrapper>\n\t\t\t\t\t\t<smoothly-table-row-group>\n\t\t\t\t\t\t\t<smoothly-display slot={\"start\"} type={\"date\"} value={\"2024-01-08\"} />\n\t\t\t\t\t\t\t<smoothly-display slot={\"end\"} type={\"price\"} currency={\"EUR\"} value={720} />\n\t\t\t\t\t\t</smoothly-table-row-group>\n\t\t\t\t\t</smoothly-table-body>\n\t\t\t\t</smoothly-table>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-gEWA_tZo.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{E as n}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as h}from"./p-mmAi00ak.js";import{d as r}from"./p-DFSiKg4M.js";const d=()=>`.sc-smoothly-input-file-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-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-file-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-file-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-file-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-file-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-file-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-file-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-file-h,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-file-h>input.sc-smoothly-input-file,[looks="transparent"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background-color:transparent}[looks="transparent"].sc-smoothly-input-file-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-file-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-file-h.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h .label.sc-smoothly-input-file{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-file-h .label.sc-smoothly-input-file{transform-origin:top right}.sc-smoothly-input-file-h.floating-label.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.floating-label .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value.sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h.has-value .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[placeholder] .sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly].sc-smoothly-input-file-s>[slot=label],.sc-smoothly-input-file-h[readonly] .sc-smoothly-input-file-s>[slot=label],.floating-label.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-value.sc-smoothly-input-file-h .label.sc-smoothly-input-file,.has-text.sc-smoothly-input-file-h .label.sc-smoothly-input-file,[placeholder].sc-smoothly-input-file-h .label.sc-smoothly-input-file,[readonly].sc-smoothly-input-file-h .label.sc-smoothly-input-file,.sc-smoothly-input-file-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-file{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-file-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h smoothly-icon.smoothly-invalid.sc-smoothly-input-file{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-file-h{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{position:absolute;inset:0;background-color:rgb(var(--smoothly-input-hover-background), 0.6);border-radius:var(--smoothly-input-border-radius);border:0.25rem dashed rgb(var(--smoothly-input-hover-foreground));display:flex;justify-content:center;align-items:center}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file>smoothly-icon.sc-smoothly-input-file{color:rgb(var(--smoothly-input-hover-foreground))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.drag-overlay.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h:not([show-label])>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem}.sc-smoothly-input-file-h:not([show-label])>smoothly-button.sc-smoothly-input-file:not(:empty){margin-right:1ch}[show-label].sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom);height:100%;box-sizing:border-box;flex-grow:1}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{--smoothly-button-height:1.4rem;margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{left:var(--input-padding-side)}.sc-smoothly-input-file-h:not([readonly]),.sc-smoothly-input-file-h:not([readonly]) *.sc-smoothly-input-file{cursor:pointer}[disabled].sc-smoothly-input-file-h,[disabled].sc-smoothly-input-file-h *.sc-smoothly-input-file{cursor:not-allowed}`;const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=i(this,"smoothlyInputLooks");this.smoothlyInput=i(this,"smoothlyInput");this.smoothlyUserInput=i(this,"smoothlyUserInput");this.smoothlyInputLoad=i(this,"smoothlyInputLoad");this.smoothlyFormDisable=i(this,"smoothlyFormDisable");this.readonly=false;this.showLabel=true;this.dragging=false;this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.transfer=new DataTransfer}get files(){this.transfer.items.clear();this.value&&this.transfer.items.add(this.value);return this.transfer.files}async componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var i;return this.looks=(i=this.looks)!==null&&i!==void 0?i:t,!this.color&&(this.color=o)}));this.smoothlyInput.emit({[this.name]:await this.getValue()});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish()}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){a.formRename(this,o)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){this.value=undefined}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){this.value=this.initialValue}async setInitialValue(){this.initialValue=this.value;this.valueChanged()}async binary(){return true}async valueChanged(){this.isDifferentFromInitial=this.initialValue!==this.value;this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}inputHandler(t){var o,i,s;t.stopPropagation();if((i=(o=this.input)===null||o===void 0?void 0:o.files)===null||i===void 0?void 0:i.length){this.value=(s=this.input)===null||s===void 0?void 0:s.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}dropHandler(t){var o;t.preventDefault();t.stopPropagation();this.dragging=false;if((o=t.dataTransfer)===null||o===void 0?void 0:o.files.length){this.value=t.dataTransfer.files[0];this.smoothlyUserInput.emit({name:this.name,value:this.value})}}clickHandler(t){var o;if(!this.readonly&&!this.disabled&&!t.composedPath().find((t=>t==this.input))){(o=this.input)===null||o===void 0?void 0:o.click()}}dragOverHandler(t){t.preventDefault();t.stopPropagation()}dragEnterHandler(t){t.preventDefault();!this.readonly&&!this.disabled&&(this.dragging=true)}dragLeaveHandler(t){t.stopPropagation();this.dragging=false}render(){var t,o,i;return s(e,{key:"6ea6dc53a6eb337bb6c5f87535cfbb4cc51d4233",class:{dragging:this.dragging,"has-value":!!this.value},tabindex:this.disabled?undefined:0,onClick:t=>this.clickHandler(t),onDragOver:t=>this.dragOverHandler(t),onDragEnter:t=>this.dragEnterHandler(t)},s("label",{key:"8d1c4b21e5dcf4dc4e4c02a5d6492964fa25df0a"},s("slot",{key:"d29618d938fa828877f7bc08885c8ae0ddb84583",name:"label"})),s("div",{key:"ad66b522311cf41cf03477c9e6eb3654f5c5acc2",class:"input"},s("smoothly-button",{key:"11e2a2d526d1667817115fa8145353b0fc8ea4c1",disabled:this.disabled,type:"button",color:this.color,fill:"clear",size:"flexible"},s("slot",{key:"ddea3b18a6d43d4347da9a9c6b0b3657399f4ff5",name:"button"})),s("span",{key:"5390e1365f1d6d46828330d0a25917f973a90b59"},(o=(t=this.value)===null||t===void 0?void 0:t.name)!==null&&o!==void 0?o:this.placeholder),s("div",{key:"1056e639ed54e7945ac316122deb893415d0f427",class:"drag-overlay",onDrop:t=>this.dropHandler(t),onDragLeave:t=>this.dragLeaveHandler(t)},s("smoothly-icon",{key:"fc737003eaa5939ca734fb56961a5652500ae663",name:"document-attach-outline"})),s("input",{key:"b4e6d41f124ee2eb3b9348cc91fda0ec9df3be48",ref:t=>this.input=t,type:"file",disabled:this.disabled,capture:this.camera=="back"?"environment":"user",accept:(i=this.accept)!==null&&i!==void 0?i:!this.camera?undefined:"image/jpeg",files:this.files,onInput:t=>this.inputHandler(t)})),s("span",{key:"02db98c3712e669dc3934be7f148746744dbaae3",onClick:t=>t.stopPropagation()},s("slot",{key:"0fa43441ac10f081ecae36f6a56d199534e72de1",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}]}}static get style(){return d()}},[262,"smoothly-input-file",{readonly:[1540],disabled:[516],accept:[1],color:[1537],looks:[1537],camera:[513],name:[513],showLabel:[516,"show-label"],value:[1040],placeholder:[1537],dragging:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64],binary:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}]}]);function p(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-file","smoothly-button","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-file":if(!customElements.get(l(t))){customElements.define(l(t),u)}break;case"smoothly-button":if(!customElements.get(l(t))){h()}break;case"smoothly-icon":if(!customElements.get(l(t))){r()}break}}))}p();export{u as S,p as d};
+//# sourceMappingURL=p-gEWA_tZo.js.map

package/dist/components/{p-UqPFIGlg.js.map → p-gEWA_tZo.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputFile","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","readonly","showLabel","dragging","isDifferentFromInitial","observer","Editable","Observer","create","transfer","DataTransfer","files","items","clear","value","add","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","publish","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","undefined","smoothlyInputLoadHandler","event","registerSubAction","listen","listener","subscribe","edit","editable","reset","initialValue","setInitialValue","valueChanged","binary","inputHandler","stopPropagation","_b","input","length","_c","smoothlyUserInput","dropHandler","preventDefault","dataTransfer","clickHandler","disabled","composedPath","find","target","click","dragOverHandler","dragEnterHandler","dragLeaveHandler","render","h","Host","key","class","tabindex","onClick","e","onDragOver","onDragEnter","type","fill","size","placeholder","onDrop","onDragLeave","ref","capture","camera","accept","onInput"],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\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 { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = 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\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\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.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\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<File | 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@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\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.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputFile","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","readonly","showLabel","dragging","isDifferentFromInitial","observer","Editable","Observer","create","transfer","DataTransfer","files","items","clear","value","add","componentWillLoad","smoothlyInputLooks","emit","looks","color","_a","smoothlyInput","name","getValue","smoothlyInputLoad","parent","smoothlyFormDisable","publish","disconnectedCallback","element","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","undefined","smoothlyInputLoadHandler","event","registerSubAction","listen","listener","subscribe","edit","editable","reset","initialValue","setInitialValue","valueChanged","binary","inputHandler","stopPropagation","_b","input","length","_c","smoothlyUserInput","dropHandler","preventDefault","dataTransfer","clickHandler","disabled","composedPath","find","target","click","dragOverHandler","dragEnterHandler","dragLeaveHandler","render","h","Host","key","class","tabindex","onClick","e","onDragOver","onDragEnter","type","fill","size","placeholder","onDrop","onDragLeave","ref","capture","camera","accept","onInput"],"sources":["src/components/input/file/style.css?tag=smoothly-input-file&encapsulation=scoped","src/components/input/file/index.tsx"],"sourcesContent":["@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tflex-wrap: wrap;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-left: var(--input-padding-side);\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tbox-sizing: border-box;\n}\n\n:host>div>div.drag-overlay {\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgb(var(--smoothly-input-hover-background), 0.6);\n\tborder-radius: var(--smoothly-input-border-radius);\n\tborder: 0.25rem dashed rgb(var(--smoothly-input-hover-foreground));\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n:host>div>div.drag-overlay>smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-hover-foreground));\n}\n\n:host:not(.dragging)>div>div.drag-overlay {\n\tdisplay: none;\n}\n\n:host>div.input>input {\n\toverflow: hidden;\n\theight: 0;\n\twidth: 0;\n\tpadding: 0;\n}\n\n:host:not([show-label])>div.input {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-bottom: 0.2rem;\n}\n\n:host:not([show-label])>smoothly-button:not(:empty) {\n\tmargin-right: 1ch;\n}\n\n:host([show-label]) > div.input {\n\tdisplay: flex;\n\tpadding-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n\theight: 100%;\n\tbox-sizing: border-box;\n\tflex-grow: 1;\n}\n\n:host>div>smoothly-button {\n\t--smoothly-button-height: 1.4rem;\n\tmargin: 0;\n\tborder: none;\n}\n\n:host>label {\n\tleft: var(--input-padding-side);\n}\n\n:host:not([readonly]),\n:host:not([readonly]) * {\n\tcursor: pointer;\n}\n\n:host[disabled],\n:host[disabled] * {\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 { Color } from \"../../../model\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\n\n@Component({\n\ttag: \"smoothly-input-file\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputFile implements ComponentWillLoad, Input, Clearable, Editable {\n\t@Element() element: HTMLSmoothlyInputFileElement\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop() accept?: string\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) camera: \"front\" | \"back\"\n\t@Prop({ reflect: true }) name: string\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) value?: File\n\t@Prop({ mutable: true, reflect: true }) placeholder: string | undefined\n\t@State() dragging = 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\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate transfer: DataTransfer = new DataTransfer()\n\tprivate input?: HTMLInputElement\n\tprivate initialValue: SmoothlyInputFile[\"value\"]\n\n\tprivate get files(): FileList {\n\t\tthis.transfer.items.clear()\n\t\tthis.value && this.transfer.items.add(this.value)\n\t\treturn this.transfer.files\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\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.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\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<File | 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@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputFile) => void>): void {\n\t\tInput.registerSubAction(this, event)\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.valueChanged()\n\t}\n\t@Method()\n\tasync binary(): Promise<boolean> {\n\t\treturn true\n\t}\n\n\t@Watch(\"value\")\n\tasync valueChanged(): Promise<void> {\n\t\tthis.isDifferentFromInitial = this.initialValue !== this.value\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\n\tinputHandler(event: Event): void {\n\t\tevent.stopPropagation()\n\t\tif (this.input?.files?.length) {\n\t\t\tthis.value = this.input?.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tdropHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t\tif (event.dataTransfer?.files.length) {\n\t\t\tthis.value = event.dataTransfer.files[0]\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: this.value })\n\t\t}\n\t}\n\tclickHandler(event: MouseEvent): void {\n\t\tif (!this.readonly && !this.disabled && !event.composedPath().find(target => target == this.input)) {\n\t\t\tthis.input?.click()\n\t\t}\n\t}\n\tdragOverHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\tdragEnterHandler(event: DragEvent): void {\n\t\tevent.preventDefault()\n\t\t!this.readonly && !this.disabled && (this.dragging = true)\n\t}\n\tdragLeaveHandler(event: DragEvent): void {\n\t\tevent.stopPropagation()\n\t\tthis.dragging = false\n\t}\n\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ dragging: this.dragging, \"has-value\": !!this.value }}\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tonClick={(e: MouseEvent) => this.clickHandler(e)}\n\t\t\t\tonDragOver={(e: DragEvent) => this.dragOverHandler(e)}\n\t\t\t\tonDragEnter={(e: DragEvent) => this.dragEnterHandler(e)}>\n\t\t\t\t<label>\n\t\t\t\t\t<slot name={\"label\"} />\n\t\t\t\t</label>\n\t\t\t\t<div class=\"input\">\n\t\t\t\t\t<smoothly-button disabled={this.disabled} type={\"button\"} color={this.color} fill={\"clear\"} size=\"flexible\">\n\t\t\t\t\t\t<slot name={\"button\"} />\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<span>{this.value?.name ?? this.placeholder}</span>\n\t\t\t\t\t<div class={\"drag-overlay\"} onDrop={e => this.dropHandler(e)} onDragLeave={e => this.dragLeaveHandler(e)}>\n\t\t\t\t\t\t<smoothly-icon name={\"document-attach-outline\"} />\n\t\t\t\t\t</div>\n\t\t\t\t\t<input\n\t\t\t\t\t\tref={element => (this.input = element)}\n\t\t\t\t\t\ttype={\"file\"}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tcapture={this.camera == \"back\" ? \"environment\" : \"user\"}\n\t\t\t\t\t\taccept={this.accept ?? (!this.camera ? undefined : \"image/jpeg\")}\n\t\t\t\t\t\tfiles={this.files}\n\t\t\t\t\t\tonInput={e => this.inputHandler(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span onClick={(e: MouseEvent) => e.stopPropagation()}>\n\t\t\t\t\t<slot name=\"end\" />\n\t\t\t\t</span>\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":[]}