smoothly 1.119.0 → 1.121.0

package/dist/components/{p-BrYTMGo3.js.map → p-KZeR_6LG.js.map}

@@ -1 +1 @@
-{"version":3,"names":["styleCss","SmoothlyInputDateRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","readonly","showLabel","alwaysShowGuide","invalid","isDifferentFromInitial","hasFocus","observer","Editable","Observer","create","startHasText","endHasText","componentWillLoad","setInitialValue","smoothlyInputLooks","emit","looks","color","_a","smoothlyInputLoad","parent","smoothlyInput","getValue","smoothlyFormDisable","publish","startChanged","_","oldValue","updateValue","end","endChanged","start","oldStart","oldEnd","initialStart","initialEnd","startTextElement","setValue","_b","endTextElement","watchingReadonly","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","onWindowClick","composedPath","includes","open","onClick","includesStartTextElement","includesEndTextElement","includesTextElement","disabled","select","onSmoothlyDateTextChange","startOrEnd","newValue","detail","undefined","isoly","Date","is","_c","smoothlyUserInput","value","disconnectedCallback","isConnected","unregister","nameChange","oldName","formRename","register","formAdd","formRemove","listen","listener","subscribe","edit","editable","reset","clear","render","h","Host","key","tabindex","class","e","placeholder","ref","el","locale","onSmoothlyDateTextHasText","onSmoothlyDateTextFocusChange","onSmoothlyDateHasPartialDate","calendarElement","jumpTo","onSmoothlyDateTextNext","onSmoothlyDateTextDone","deselect","onSmoothlyDateTextPrevious","size","tooltip","errorMessage","doubleInput","onSmoothlyDateSet","onSmoothlyDateRangeSet","max","min"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host > .smoothly-date-range-input-part {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host > span.smoothly-icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host > .smoothly-icons > .smoothly-invalid {\n\tdisplay: none;\n\tpadding: 0.5rem;\n}\n\n:host[invalid] > .smoothly-icons > .smoothly-invalid {\n\tdisplay: flex;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> | undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<isoly.DateRange> | undefined>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date | undefined, oldEnd: isoly.Date | undefined) {\n\t\tif (oldStart != this.start || oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start || this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement || includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled) {\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\t}\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open = !this.open || includesTextElement\n\t\t}\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date | undefined>, startOrEnd: \"start\" | \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\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<Partial<isoly.DateRange> | undefined> {\n\t\treturn this.start || this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start || this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText || this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"smoothly-icons\"}>\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.start = e.detail.start\n\t\t\t\t\t\t\tthis.end = e.detail.end\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["styleCss","SmoothlyInputDateRange","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","readonly","showLabel","alwaysShowGuide","invalid","isDifferentFromInitial","hasFocus","observer","Editable","Observer","create","startHasText","endHasText","componentWillLoad","setInitialValue","smoothlyInputLooks","emit","looks","color","_a","smoothlyInputLoad","parent","smoothlyInput","getValue","smoothlyFormDisable","publish","startChanged","_","oldValue","updateValue","end","endChanged","start","oldStart","oldEnd","initialStart","initialEnd","startTextElement","setValue","_b","endTextElement","watchingReadonly","smoothlyInputLoadHandler","event","Input","registerSubAction","smoothlyInputLooksHandler","target","element","stopPropagation","onWindowClick","composedPath","includes","open","onClick","includesStartTextElement","includesEndTextElement","includesTextElement","disabled","select","onSmoothlyDateTextChange","startOrEnd","newValue","detail","undefined","isoly","Date","is","_c","smoothlyUserInput","value","disconnectedCallback","isConnected","unregister","nameChange","oldName","formRename","register","formAdd","formRemove","listen","listener","subscribe","edit","editable","reset","clear","render","h","Host","key","tabindex","class","e","placeholder","ref","el","locale","onSmoothlyDateTextHasText","onSmoothlyDateTextFocusChange","onSmoothlyDateHasPartialDate","calendarElement","jumpTo","onSmoothlyDateTextNext","onSmoothlyDateTextDone","deselect","onSmoothlyDateTextPrevious","size","tooltip","errorMessage","doubleInput","onSmoothlyDateSet","onSmoothlyDateRangeSet","max","min"],"sources":["src/components/input/date/range/style.scss?tag=smoothly-input-date-range&encapsulation=scoped","src/components/input/date/range/index.tsx"],"sourcesContent":["@import \"../../shared.css\";\n\n:host {\n\tposition: relative;\n\tdisplay: flex;\n\tbackground-color: rgb(var(--smoothly-input-background));\n}\n\n:host [slot=start] {\n\talign-self: center;\n}\n\n:host .label {\n\tleft: var(--input-padding-side);\n}\n\n:host .smoothly-date-range-separator {\n\twhite-space: pre;\n}\n\n:host .smoothly-date-range-placeholder {\n\tmargin-inline: var(--input-padding-side);\n\tdisplay: none;\n}\n\n:host:not([always-show-guide]):not(:focus-within):not(.has-text) {\n\t& .smoothly-date-range-placeholder {\n\t\tdisplay: block;\n\t\topacity: 0.5;\n\t}\n\n\t& smoothly-date-text,\n\t& .smoothly-date-range-separator {\n\t\tvisibility: hidden;\n\t}\n}\n\n:host smoothly-date-text.start-date-text {\n\tmargin-inline: var(--input-padding-side) 0;\n}\n\n:host smoothly-date-text.end-date-text {\n\tmargin-inline: 0 var(--input-padding-side);\n}\n\n:host[show-label] .smoothly-date-range-placeholder,\n:host[show-label] smoothly-date-text,\n:host[show-label] .smoothly-date-range-separator {\n\tmargin-block: var(--input-value-padding-top) var(--input-value-padding-bottom);\n}\n\n:host:not([show-label]) .smoothly-date-range-placeholder,\n:host:not([show-label]) smoothly-date-text,\n:host:not([show-label]) .smoothly-date-range-separator {\n\tmargin-block: auto;\n}\n\n:host:not([readonly]) {\n\tcursor: pointer;\n}\n\n:host[disabled] {\n\tcursor: not-allowed;\n}\n\n:host > smoothly-calendar {\n\tposition: absolute;\n\tz-index: 20;\n\ttop: 4rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tmax-width: 22rem;\n\tmin-width: 18rem;\n}\n\n:host > smoothly-calendar::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -0.55rem;\n\tleft: 3rem;\n\tz-index: 9;\n\ttransform: rotate(45deg);\n\twidth: 1rem;\n\theight: 1rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tborder-top: 1px solid rgb(var(--smoothly-input-border));\n\tborder-left: 1px solid rgb(var(--smoothly-input-border));\n}\n\n:host > .smoothly-date-range-input-part {\n\tdisplay: flex;\n\twidth: 100%;\n\tbackground-color: var(--smoothly-input-background);\n\tborder-radius: 0.25rem;\n\tcursor: pointer;\n}\n\n:host > span.smoothly-icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host > .smoothly-icons > .smoothly-invalid {\n\tdisplay: none;\n\tpadding: 0.5rem;\n}\n\n:host[invalid] > .smoothly-icons > .smoothly-invalid {\n\tdisplay: flex;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\"\nimport { isoly } from \"isoly\"\nimport { Clearable } from \"../../Clearable\"\nimport { Editable } from \"../../Editable\"\nimport { Input } from \"../../Input\"\nimport { Looks } from \"../../Looks\"\nimport { Color } from \"./../../../../model\"\n\n@Component({\n\ttag: \"smoothly-input-date-range\",\n\tstyleUrl: \"style.scss\",\n\tscoped: true,\n})\nexport class SmoothlyInputDateRange implements Clearable, Input, Editable {\n\tprivate startTextElement?: HTMLSmoothlyDateTextElement\n\tprivate endTextElement?: HTMLSmoothlyDateTextElement\n\tprivate calendarElement?: HTMLSmoothlyCalendarElement\n\t@Element() element: HTMLElement\n\t@Prop({ reflect: true }) locale?: isoly.Locale\n\t@Prop({ reflect: true }) name: string = \"dateRange\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled?: boolean\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ mutable: true }) start: isoly.Date | undefined\n\t@Prop({ mutable: true }) end: isoly.Date | undefined\n\t@Prop({ reflect: true }) placeholder: string\n\t@Prop({ reflect: true }) alwaysShowGuide = false\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop() max?: isoly.Date\n\t@Prop() min?: isoly.Date\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate hasFocus = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate initialStart?: isoly.Date\n\tprivate initialEnd?: isoly.Date\n\t@State() open: boolean\n\t@State() startHasText = false\n\t@State() endHasText = false\n\t@Event() smoothlyInput: EventEmitter<{ [name: string]: Partial<isoly.DateRange> | undefined }>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput<Partial<isoly.DateRange> | undefined>>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\n\tasync componentWillLoad() {\n\t\tthis.setInitialValue()\n\t\tthis.smoothlyInputLooks.emit(\n\t\t\t(looks, color) => ((this.looks = this.looks ?? looks), !this.color && (this.color = color))\n\t\t)\n\t\tthis.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"start\")\n\tstartChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(oldValue, this.end)\n\t}\n\t@Watch(\"end\")\n\tendChanged(_: isoly.Date | undefined, oldValue: isoly.Date | undefined) {\n\t\tthis.updateValue(this.start, oldValue)\n\t}\n\n\tasync updateValue(oldStart: isoly.Date | undefined, oldEnd: isoly.Date | undefined) {\n\t\tif (oldStart != this.start || oldEnd != this.end) {\n\t\t\tthis.isDifferentFromInitial = this.initialStart != this.start || this.initialEnd != this.end\n\t\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\t\tthis.observer.publish()\n\t\t}\n\t\tif (!this.hasFocus) {\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t}\n\t}\n\t@Watch(\"disabled\")\n\t@Watch(\"readonly\")\n\twatchingReadonly(): void {\n\t\tthis.observer.publish()\n\t}\n\t@Listen(\"smoothlyInputLoad\")\n\tsmoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputDateRange) => void>): void {\n\t\tInput.registerSubAction(this, event)\n\t}\n\t@Listen(\"smoothlyInputLooks\")\n\tsmoothlyInputLooksHandler(event: CustomEvent<(looks: Looks) => void>) {\n\t\tif (event.target != this.element) {\n\t\t\tevent.stopPropagation()\n\t\t}\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: Event): void {\n\t\t!event.composedPath().includes(this.element) && this.open && (this.open = !this.open)\n\t}\n\tonClick(event: MouseEvent): void {\n\t\tconst includesStartTextElement = !!this.startTextElement && event.composedPath().includes(this.startTextElement)\n\t\tconst includesEndTextElement = !!this.endTextElement && event.composedPath().includes(this.endTextElement)\n\t\tconst includesTextElement = includesStartTextElement || includesEndTextElement\n\t\tif (!includesTextElement && !this.readonly && !this.disabled) {\n\t\t\tthis.start && !this.end ? this.endTextElement?.select() : this.startTextElement?.select()\n\t\t}\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open = !this.open || includesTextElement\n\t\t}\n\t}\n\tasync onSmoothlyDateTextChange(event: CustomEvent<isoly.Date | undefined>, startOrEnd: \"start\" | \"end\") {\n\t\tevent.stopPropagation()\n\t\tconst newValue = event.detail ?? undefined\n\t\tconst start = startOrEnd == \"start\" ? newValue : this.start\n\t\tconst end = startOrEnd == \"end\" ? newValue : this.end\n\t\tif (isoly.Date.is(start) && isoly.Date.is(end) && start > end) {\n\t\t\t// Swap values\n\t\t\tthis.start = end\n\t\t\tthis.end = start\n\t\t\tthis.startTextElement?.setValue(this.start)\n\t\t\tthis.endTextElement?.setValue(this.end)\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t} else if (this[startOrEnd] != newValue) {\n\t\t\tthis[startOrEnd] = newValue\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\tasync disconnectedCallback() {\n\t\tif (!this.element.isConnected) {\n\t\t\tawait this.unregister()\n\t\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<Partial<isoly.DateRange> | undefined> {\n\t\treturn this.start || this.end ? { start: this.start, end: this.end } : undefined\n\t}\n\t@Method()\n\tasync listen(listener: Editable.Observer.Listener): Promise<void> {\n\t\tthis.observer.subscribe(listener)\n\t}\n\t@Method()\n\tasync edit(editable: boolean) {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync reset() {\n\t\tthis.start = this.initialStart\n\t\tthis.end = this.initialEnd\n\t}\n\t@Method()\n\tasync setInitialValue() {\n\t\tthis.initialStart = this.start\n\t\tthis.initialEnd = this.end\n\t\tthis.isDifferentFromInitial = false\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tthis.start = undefined\n\t\tthis.end = undefined\n\t\tthis.smoothlyInput.emit({ [this.name]: undefined })\n\t}\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\ttabindex={this.disabled ? undefined : 0}\n\t\t\t\tclass={{\n\t\t\t\t\t\"has-value\": !!(this.start || this.end),\n\t\t\t\t\t\"has-text\": !!(this.startHasText || this.endHasText),\n\t\t\t\t\t\"floating-label\": this.alwaysShowGuide,\n\t\t\t\t}}>\n\t\t\t\t<span class=\"smoothly-date-range-input-part\" onClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t\t<slot name=\"start\" />\n\t\t\t\t\t<label class={\"label float-on-focus\"}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</label>\n\t\t\t\t\t{this.placeholder && <span class=\"smoothly-date-range-placeholder\">{this.placeholder}</span>}\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.startTextElement = el)}\n\t\t\t\t\t\tclass=\"start-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.startHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"start\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => (e.stopPropagation(), this.endTextElement?.select())}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (\n\t\t\t\t\t\t\te.stopPropagation(),\n\t\t\t\t\t\t\tthis.end ? (this.startTextElement?.deselect(), (this.open = false)) : this.endTextElement?.select()\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t\t<span class=\"smoothly-date-range-separator\"> – </span>\n\t\t\t\t\t<smoothly-date-text\n\t\t\t\t\t\tref={el => (this.endTextElement = el)}\n\t\t\t\t\t\tclass=\"end-date-text\"\n\t\t\t\t\t\tlocale={this.locale}\n\t\t\t\t\t\tonSmoothlyDateTextHasText={e => (e.stopPropagation(), (this.endHasText = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextFocusChange={e => (e.stopPropagation(), (this.hasFocus = e.detail))}\n\t\t\t\t\t\tonSmoothlyDateHasPartialDate={e => (e.stopPropagation(), this.calendarElement?.jumpTo(e.detail))}\n\t\t\t\t\t\tonSmoothlyDateTextChange={e => (e.stopPropagation(), this.onSmoothlyDateTextChange(e, \"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextPrevious={e => (e.stopPropagation(), this.startTextElement?.select(\"end\"))}\n\t\t\t\t\t\tonSmoothlyDateTextNext={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateTextDone={e => (e.stopPropagation(), this.endTextElement?.deselect(), (this.open = false))}\n\t\t\t\t\t\tvalue={this.end}\n\t\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\tshowLabel={this.showLabel}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t\t<span class={\"smoothly-icons\"}>\n\t\t\t\t\t<smoothly-icon class=\"smoothly-invalid\" name=\"alert-circle\" size=\"small\" tooltip={this.errorMessage} />\n\t\t\t\t\t<slot name={\"end\"} />\n\t\t\t\t</span>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<smoothly-calendar\n\t\t\t\t\t\tref={el => (this.calendarElement = el)}\n\t\t\t\t\t\tdoubleInput\n\t\t\t\t\t\tonSmoothlyDateSet={e => e.stopPropagation()}\n\t\t\t\t\t\tonSmoothlyDateRangeSet={e => {\n\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\tthis.start = e.detail.start\n\t\t\t\t\t\t\tthis.end = e.detail.end\n\t\t\t\t\t\t\tthis.smoothlyInput.emit({ [this.name]: e.detail })\n\t\t\t\t\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: e.detail })\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={this.start}\n\t\t\t\t\t\tstart={this.start}\n\t\t\t\t\t\tend={this.end}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-KhaLdt5K.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,h as o,t}from"./p-BsZrGTcp.js";import{d as a}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as m}from"./p-uFR5K4vd.js";import{d as c}from"./p-DvZK__s-.js";import{d as i}from"./p-F8qX8ZuL.js";const l=()=>`.sc-smoothly-theme-guide-h{max-width:50ch}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return[o("smoothly-display",{key:"2eac1d768913daba8d1517063f72a01278ee01e7"},"Tint is used as background to highlight, for example hovering an item in the select menu."),o("br",{key:"05672a937497584f2c2c388cebd703f06a36e630"}),o("smoothly-display",{key:"79dd8fbe3c417bbe3c7c220d8b866afe8206b298"},"Color is used as a normal background or as a background to show that something is selected, for example a selected item in the select menu."),o("br",{key:"d031feafae3f2eae53dc88d927d37b59df97d341"}),o("smoothly-display",{key:"cfda2393ee07d9c38e500f401fac7f0cfad84560"},"Shade is used as border and for symbols in buttons. It works as a semi-low contrast against color and tint."),o("br",{key:"052185d7ec86c97fd45ea2d2af1a685bf790b018"}),o("smoothly-display",{key:"fa634d42cba471c98a7e1ac5b3b63f46899c15ae"},"One can use the ","<smoothly-color>"," component to switch between what color set is used."," "),o("br",{key:"6d1b60d08381ebebdd7766feb7bcb8bebee3cd7e"})]}static get style(){return l()}},[2,"smoothly-theme-guide"]);function n(){if(typeof customElements==="undefined"){return}const e=["smoothly-theme-guide","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key"];e.forEach((e=>{switch(e){case"smoothly-theme-guide":if(!customElements.get(t(e))){customElements.define(t(e),r)}break;case"smoothly-display":if(!customElements.get(t(e))){a()}break;case"smoothly-display-json":if(!customElements.get(t(e))){d()}break;case"smoothly-display-json-object":if(!customElements.get(t(e))){m()}break;case"smoothly-display-json-primitive":if(!customElements.get(t(e))){c()}break;case"smoothly-display-json-record-key":if(!customElements.get(t(e))){i()}break}}))}n();export{r as S,n as d};
+//# sourceMappingURL=p-KhaLdt5K.js.map

package/dist/components/{p-DeslbBen.js → p-MduEqLch.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as i}from"./p-MHAaISnU.js";import{d as l}from"./p-DPlYDxyJ.js";import{d as c}from"./p-DDYB8QLF.js";import{d as r}from"./p-BHTAR2x1.js";import{d as f}from"./p-BOzzNfNj.js";import{d}from"./p-UCcJDJNC.js";import{d as u}from"./p-CLqKhHZ8.js";import{d as p}from"./p-vN0nUvmF.js";import{d as y}from"./p-ycoVDLCD.js";import{d as h}from"./p-ByRyVRgY.js";import{d as b}from"./p-CmUug44L.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"be70b1b758bbe11772a1ba8ba7dca4f5405ea651"},t("h2",{key:"68973a8cf2107ecaa72790a917cf14191cfd0fa9"},"Controlled"),t("smoothly-form",{key:"4da1c66f41c89d78c180b55b3ae1df15190eae0c",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"201cb10b36c39d6a5a98d456459b82ef9d3f0a7d",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"a434d27014de8a28230f7bc60a3b5c6b706005b6",name:"currency"},t("span",{key:"eefb198ba0a863dd7c6ff37162383522c722803c",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"4813e2c249bd21afc6a2c1a6ab78793b49fa2d68"},"Dummy"),t("smoothly-input-month",{key:"7225723a71776a7d9d88a21361443128a5893d42",name:"date",value:this.date,next:true,previous:true},t("span",{key:"be0572c78ce576807a459738426416e941a997fd",slot:"year-label"},"Year"),t("span",{key:"99bb6cf5516bccb1721013e87ca2bec463341983",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"b7be05116d563ee33665f502c45bd01d9aaf61e1",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"bf423459f9b8717e9de26e4c900d054ea90baf7a",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"fd42172c00aae5c33f2b22e3d3bdccb6e71ec294",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){i()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){c()}break;case"smoothly-input":if(!customElements.get(m(e))){r()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){f()}break;case"smoothly-input-month":if(!customElements.get(m(e))){d()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
-//# sourceMappingURL=p-DeslbBen.js.map
+import{p as e,H as o,h as t,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{d as i}from"./p-mmAi00ak.js";import{d as n}from"./p-Cl8L61mt.js";import{d as l}from"./p-vvQg46ti.js";import{d as r}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";import{d}from"./p-DLgeylX5.js";import{d as f}from"./p-MqffyRVU.js";import{d as u}from"./p-C22G-tNF.js";import{d as p}from"./p-BplZiuMF.js";import{d as y}from"./p-BLdivqFr.js";import{d as h}from"./p-CVdJ19AA.js";import{d as b}from"./p-DvOr53No.js";const k=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.name="Initial name";this.currency="EUR";this.date=a.Date.now();this.currencies=["GBP","SEK","EUR","USD"]}nameChanged(e,o){console.log(`updated name from '${o}' to '${e}'`)}async submitHandler(e){e.stopPropagation();console.log("Received event. Processing...",e.detail);if(!(typeof e.detail.value.name=="string")){console.error("Bad input. Resolving false.")}else if(!(typeof e.detail.value.date=="string")){console.error("Bad input. Resolving false.")}else if(!a.Currency.is(e.detail.value.currency)){console.error("Bad input. Resolving false.")}else{await new Promise((e=>window.setTimeout(e,1e3)));this.name=e.detail.value.name;this.date=e.detail.value.date;this.currency=e.detail.value.currency;console.log("Finished processing successfully. Resolving true.");e.detail.result(true)}e.detail.result(false)}render(){return t(s,{key:"1061bb8a73e16641920a69ed39c2861e1181cfeb"},t("h2",{key:"2cda89170ac80504da7efbde49166b1bbdab7ec4"},"Controlled"),t("smoothly-form",{key:"a31ac6ae0da84799c93e0027bb209d151594b6c3",readonly:true,looks:"grid",onSmoothlyFormSubmit:e=>this.submitHandler(e)},t("smoothly-input",{key:"8a5ebd13b22a4b98b427f3090be3415738d29111",type:"text",name:"name",value:this.name},"Name"),t("smoothly-input-select",{key:"6c5209dc75ed440b3f42ba06585c3ad056ad09bc",name:"currency"},t("span",{key:"6d756e50b45c999a90ef1aafc1020d13d8720269",slot:"label"},"Currency"),this.currencies.map((e=>t("smoothly-item",{selected:e==this.currency,value:e},e)))),t("smoothly-input",{key:"b1f7dc38934053c148836e5b5d91accd819a4a5d"},"Dummy"),t("smoothly-input-month",{key:"e8e1765d0ba064787b14bc1a339ac64dca884fab",name:"date",value:this.date,next:true,previous:true},t("span",{key:"983f2faab5366f2658f80d2e4f8861df083e0dfe",slot:"year-label"},"Year"),t("span",{key:"a5ee74e1293e85da358c248aa272613948236166",slot:"month-label"},"Month")),t("smoothly-input-edit",{key:"f49c8c23ce5612594a96895cd7d690fac88421e9",slot:"edit",size:"icon",color:"primary",fill:"default"}),t("smoothly-input-reset",{key:"28ea077e4c88330a476849a178b74abe55658740",slot:"reset",size:"icon",color:"warning",fill:"default"}),t("smoothly-input-submit",{key:"13b11813f5d9521d04c14b847d4aac6db9ff4a10",slot:"submit",size:"icon",color:"success"})))}static get watchers(){return{name:[{nameChanged:0}]}}},[2,"smoothly-form-demo-controlled",{name:[32],currency:[32],date:[32]},undefined,{name:[{nameChanged:0}]}]);function E(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-controlled","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-edit","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-controlled":if(!customElements.get(m(e))){customElements.define(m(e),k)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){n()}break;case"smoothly-form":if(!customElements.get(m(e))){l()}break;case"smoothly-icon":if(!customElements.get(m(e))){r()}break;case"smoothly-input":if(!customElements.get(m(e))){c()}break;case"smoothly-input-edit":if(!customElements.get(m(e))){d()}break;case"smoothly-input-month":if(!customElements.get(m(e))){f()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){u()}break;case"smoothly-input-select":if(!customElements.get(m(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){y()}break;case"smoothly-item":if(!customElements.get(m(e))){h()}break;case"smoothly-spinner":if(!customElements.get(m(e))){b()}break}}))}E();export{k as S,E as d};
+//# sourceMappingURL=p-MduEqLch.js.map

package/dist/components/{p-UCcJDJNC.js → p-MqffyRVU.js}

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as o,h as e,d as n,t as i}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-DPlYDxyJ.js";import{d as r}from"./p-DDYB8QLF.js";import{d as c}from"./p-vN0nUvmF.js";import{d as m}from"./p-ByRyVRgY.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const n=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);n.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(n[0])==l.Date.firstOfMonth(t)){e.push(n)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function y(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const n=l.Date.create(s);o.push({date:n,name:s.toLocaleString(undefined,{month:"long"}),selected:n.substr(0,7)==t.substr(0,7)})}return o}function f(t,s,o){const e=new globalThis.Date(t);const n=s?l.Date.getYear(s):(new Date).getFullYear()-50;const i=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=n;s<=i;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const b=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(n,{key:"0916e28b908af47e518baff4c2953a15c4e5b93e"},e("smoothly-icon",{key:"fd4d9e582a0feb692b8fc4455e0fef445326d929",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"b09547849f9f3e7f3780ea4e6231bcd47c4ae175",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"e1f4f143cfef863419a68b24e887579ecf3fe9d9",slot:"label"},e("slot",{key:"01b386aa3ec76ba077158774c26256b1c25c97ca",name:"year-label"})),f((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"c7193a5c1430db7fbb14766b5e1985e1258cdb77",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"0d5bc697879c2c018331583326029b20fc7a442c",slot:"label"},e("slot",{key:"3909a5c34b455c6ed65f6bebf7a2174e0577de2b",name:"month-label"})),y((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"441a3228fcb722ab8ebbcb1138aba71e0306625a",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(i(t))){customElements.define(i(t),b)}break;case"smoothly-icon":if(!customElements.get(i(t))){r()}break;case"smoothly-input-select":if(!customElements.get(i(t))){c()}break;case"smoothly-item":if(!customElements.get(i(t))){m()}break}}))}v();export{b as S,v as d,u as m,d as w};
-//# sourceMappingURL=p-UCcJDJNC.js.map
+import{p as t,H as s,c as o,h as e,d as i,t as n}from"./p-BsZrGTcp.js";import{i as l}from"./p-BVKhAhsB.js";import{E as h}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as c}from"./p-DFSiKg4M.js";import{d as r}from"./p-BplZiuMF.js";import{d as m}from"./p-CVdJ19AA.js";function u(t){const s=new Date(t);s.setDate(1);let o=-((s.getDay()+6)%7)+1;const e=[];for(let s=0;s<6;s++){const i=[];for(let s=0;s<7;s++){const s=new Date(t);s.setUTCDate(o++);i.push(l.Date.create(s))}if(s<5||l.Date.firstOfMonth(i[0])==l.Date.firstOfMonth(t)){e.push(i)}}return e}function d(){const t=new globalThis.Date;t.setDate(t.getDate()-t.getDay()+1);const s=[];for(let o=0;o<7;o++){s.push(t.toLocaleString(undefined,{weekday:"short"}));t.setDate(t.getDate()+1)}return s}function y(t){const s=new globalThis.Date(t);const o=[];for(let e=0;e<12;e++){s.setMonth(e,28);const i=l.Date.create(s);o.push({date:i,name:s.toLocaleString(undefined,{month:"long"}),selected:i.substr(0,7)==t.substr(0,7)})}return o}function f(t,s,o){const e=new globalThis.Date(t);const i=s?l.Date.getYear(s):(new Date).getFullYear()-50;const n=o?l.Date.getYear(o):(new Date).getFullYear()+50;const h=[];for(let s=i;s<=n;s++){e.setFullYear(s);const o=l.Date.create(e);h.push({date:o,name:e.toLocaleString(undefined,{year:"numeric"}),selected:o==t})}return h}const p=()=>`.sc-smoothly-input-month-h{display:flex;flex-direction:row;justify-content:space-between;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-month-h:not([in-calendar])>smoothly-input-select.sc-smoothly-input-month{display:flex;flex:1}[looks=line].sc-smoothly-input-month-h,[looks=border].sc-smoothly-input-month-h,[looks=transparent].sc-smoothly-input-month-h{gap:2em}.sc-smoothly-input-month-h:not([previous])>smoothly-icon.sc-smoothly-input-month:first-of-type,.sc-smoothly-input-month-h:not([next])>smoothly-icon.sc-smoothly-input-month:last-of-type{display:none}.sc-smoothly-input-month-h>smoothly-icon.sc-smoothly-input-month{display:flex;align-self:center;cursor:pointer}.sc-smoothly-input-month-h>smoothly-icon.disabled.sc-smoothly-input-month{opacity:0.5;cursor:not-allowed}`;const v=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInput=o(this,"smoothlyInput");this.smoothlyUserInput=o(this,"smoothlyUserInput");this.smoothlyInputLoad=o(this,"smoothlyInputLoad");this.smoothlyFormDisable=o(this,"smoothlyFormDisable");this.smoothlyInputLooks=o(this,"smoothlyInputLooks");this.value=l.Date.now();this.next=false;this.previous=false;this.inCalendar=false;this.showLabel=true;this.allowPreviousMonth=true;this.allowNextMonth=true;this.observer=h.Observer.create(this)}componentWillLoad(){this.smoothlyInputLooks.emit((t=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.valueChanged()}valueChanged(){this.smoothlyInput.emit({[this.name]:this.value})}adjustMonth(t){var s;if(!this.readonly){const o=l.Date.parse((s=this.value)!==null&&s!==void 0?s:l.Date.now());o.setMonth(o.getMonth()+t);this.value=l.Date.create(o)}}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}setAllowPreviousMonth(){var t,s;const o=l.Date.previousMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.min)===null||s===void 0?void 0:s.substring(0,7);this.allowPreviousMonth=!e||o>=e}setAllowNextMonth(){var t,s;const o=l.Date.nextMonth((t=this.value)!==null&&t!==void 0?t:l.Date.now()).substring(0,7);const e=(s=this.max)===null||s===void 0?void 0:s.substring(0,7);this.allowNextMonth=!e||o<=e}nameChange(t,s){a.formRename(this,s)}async register(){a.formAdd(this)}async unregister(){a.formRemove(this)}async getValue(){return this.value}async clear(){var t,s;(t=this.year)===null||t===void 0?void 0:t.clear();(s=this.month)===null||s===void 0?void 0:s.clear()}async listen(t){this.observer.subscribe(t)}async edit(t){this.readonly=!t}async reset(){var t,s;(t=this.year)===null||t===void 0?void 0:t.reset();(s=this.month)===null||s===void 0?void 0:s.reset()}async setInitialValue(){var t,s;(t=this.year)===null||t===void 0?void 0:t.setInitialValue();(s=this.month)===null||s===void 0?void 0:s.setInitialValue()}inputHandler(t){if(t.target!=this.element){t.stopPropagation();const s=t.detail[`${this.name}-year`];const o=t.detail[`${this.name}-month`];if(o&&l.Date.is(o)){this.value=l.Date.firstOfMonth(o)}else if(s&&l.Date.is(s)){this.value=l.Date.firstOfMonth(s)}}}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation();t.detail(this.looks,this.color)}}async smoothlyInputLoadHandler(t){if(t.target!=this.element){t.stopPropagation()}}render(){var t,s;return e(i,{key:"6961d2bfa73e6ebeac106cb5e20a67c33db81757"},e("smoothly-icon",{key:"ae629d1af60656eed05f26e61aff23a7659b1cce",name:"caret-back-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowPreviousMonth},onClick:()=>this.allowPreviousMonth&&this.adjustMonth(-1)}),e("smoothly-input-select",{key:"8abd101ed10fdf906cbc5ce558bfd520b7149304",ref:t=>this.year=t,name:`${this.name}-year`,readonly:this.readonly,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"f207c4c4078b0e06b9271e84f9a9c13acfe375e5",slot:"label"},e("slot",{key:"c3e5b86f8de7a94027625c455ca90a410a6e0376",name:"year-label"})),f((t=this.value)!==null&&t!==void 0?t:l.Date.now(),this.min,this.max).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-input-select",{key:"1681d220124e615137b47fa559b029a7e0a9d817",ref:t=>this.month=t,name:`${this.name}-month`,readonly:this.readonly,color:this.color,looks:this.looks,menuHeight:"5.5items",required:true,ordered:true,inCalendar:this.inCalendar,showLabel:this.showLabel,onSmoothlyInput:t=>this.inputHandler(t),onSmoothlyUserInput:t=>{const s=t.detail.value;if(s&&l.Date.is(s)){const t=l.Date.firstOfMonth(s);this.smoothlyUserInput.emit({name:this.name,value:t})}},searchDisabled:true},e("div",{key:"fc7d8b8bcaf3fb5d1f3751cfee4d50d7c8933651",slot:"label"},e("slot",{key:"4f60fb1c4b5f8a17e4c27f614201f1e024dc2f30",name:"month-label"})),y((s=this.value)!==null&&s!==void 0?s:l.Date.now()).map((t=>e("smoothly-item",{key:t.date,value:t.date,selected:t.selected||this.value==t.date},t.name)))),e("smoothly-icon",{key:"9a79babdcef483316c46a524a66c48c7f32fc490",name:"caret-forward-outline",size:"tiny",color:this.color,fill:"default",class:{disabled:this.readonly||!this.allowNextMonth},onClick:()=>this.allowNextMonth&&this.adjustMonth(1)}))}get element(){return this}static get watchers(){return{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}}static get style(){return p()}},[262,"smoothly-input-month",{readonly:[1540],color:[513],looks:[1537],name:[513],value:[1025],max:[1025],min:[1025],next:[516],previous:[516],inCalendar:[516,"in-calendar"],showLabel:[516,"show-label"],allowPreviousMonth:[32],allowNextMonth:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{value:[{valueChanged:0},{setAllowPreviousMonth:0},{setAllowNextMonth:0}],min:[{setAllowPreviousMonth:0}],max:[{setAllowNextMonth:0}],name:[{nameChange:0}]}]);function b(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-month","smoothly-icon","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-month":if(!customElements.get(n(t))){customElements.define(n(t),v)}break;case"smoothly-icon":if(!customElements.get(n(t))){c()}break;case"smoothly-input-select":if(!customElements.get(n(t))){r()}break;case"smoothly-item":if(!customElements.get(n(t))){m()}break}}))}b();export{v as S,b as d,u as m,d as w};
+//# sourceMappingURL=p-MqffyRVU.js.map

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-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-j4UEmpTa.js

@@ -0,0 +1,2 @@
+import{p as t,H as o,c as n,h as s,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-iQDU7l2c.js";import{I as a}from"./p-vvQg46ti.js";import{d as l}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as u}from"./p-uFR5K4vd.js";import{d as p}from"./p-DvZK__s-.js";import{d}from"./p-F8qX8ZuL.js";import{d as m}from"./p-DFSiKg4M.js";import{d as c}from"./p-o8kM0Soe.js";var g;(function(t){function o(t){return typeof t=="object"&&t!=undefined&&"start"in t&&"end"in t}t.is=o;function n(t,o,n){return t<o?o:t>n?n:t}t.clamp=n;function s(t,o){var n,s;const e=!o?undefined:(s=(n=o.toString().split(".")[1])===null||n===void 0?void 0:n.length)!==null&&s!==void 0?s:0;return+t.toFixed(e)}t.round=s;function e(t,o,s,e,i){const r=n(s,e,i);return o=="start"?{start:Math.min(r,t.end),end:t.end}:{start:t.start,end:Math.max(r,t.start)}}t.setPart=e;function i(t,n){return o(t)?{start:s(t.start,n),end:s(t.end,n)}:t==undefined||Number.isNaN(t)?undefined:s(t,n)}t.normalize=i;function r(t,n){return o(t)&&o(n)?t.start===n.start&&t.end===n.end:t===n}t.equals=r;function a(t){return o(t)?typeof t.start=="number"&&typeof t.end=="number":typeof t=="number"}t.defined=a;function l(t,o,n){return n==o?0:(t-o)/(n-o)*100}t.percent=l})(g||(g={}));const y=()=>`.sc-smoothly-input-range-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-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-range-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-range-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-range-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-range-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-range-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-range-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-range-h,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-range-h>input.sc-smoothly-input-range,[looks="transparent"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background-color:transparent}[looks="transparent"].sc-smoothly-input-range-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-range-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-range-h.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h .label.sc-smoothly-input-range{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}[right].sc-smoothly-input-range-h .label.sc-smoothly-input-range{transform-origin:top right}.sc-smoothly-input-range-h.floating-label.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.floating-label .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value.sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h.has-value .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[placeholder] .sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly].sc-smoothly-input-range-s>[slot=label],.sc-smoothly-input-range-h[readonly] .sc-smoothly-input-range-s>[slot=label],.floating-label.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-value.sc-smoothly-input-range-h .label.sc-smoothly-input-range,.has-text.sc-smoothly-input-range-h .label.sc-smoothly-input-range,[placeholder].sc-smoothly-input-range-h .label.sc-smoothly-input-range,[readonly].sc-smoothly-input-range-h .label.sc-smoothly-input-range,.sc-smoothly-input-range-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-range{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-range-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-range{display:none}.sc-smoothly-input-range-h smoothly-icon.smoothly-invalid.sc-smoothly-input-range{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box}.sc-smoothly-input-range-h>div.sc-smoothly-input-range:not([slot]){position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-right:var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:12em;--input-min-height:calc(3rem - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{white-space:nowrap}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{text-align:center;margin-left:var(--input-padding-side);border:none;box-sizing:border-box;width:6rem;order:3;margin:0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-display.sc-smoothly-input-range,.sc-smoothly-input-range-h:not(.output-side-right)>div.sc-smoothly-input-range>label.sc-smoothly-input-range{display:none}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range input.sc-smoothly-input-range{padding:0;text-align:center}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range label.sc-smoothly-input-range{width:100%}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:center;margin:0 var(--input-padding-side)}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;border-radius:100%;margin-top:-.25em;border:none}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-range-h:not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value]):not([disabled]):not([readonly])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track,[disabled].sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track,[disabled].sc-smoothly-input-range-h,[disabled].sc-smoothly-input-range-h *.sc-smoothly-input-range{cursor:not-allowed}input.sc-smoothly-input-range::-webkit-outer-spin-button,input.sc-smoothly-input-range::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dual.sc-smoothly-input-range-h>div.sc-smoothly-input-range>smoothly-input.sc-smoothly-input-range{width:6rem;flex:0 0 auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range{position:relative;flex:1;height:1.5em;display:flex;align-items:center}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range::before{content:"";position:absolute;left:.4em;right:.4em;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .fill.sc-smoothly-input-range{position:absolute;height:.3rem;border-radius:20px;background-color:rgb(var(--smoothly-primary-color));pointer-events:none}.dual[readonly].sc-smoothly-input-range-h .fill.sc-smoothly-input-range,.dual[disabled].sc-smoothly-input-range-h .fill.sc-smoothly-input-range{background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{position:absolute;left:0;right:0;width:100%;margin:0;background:transparent;pointer-events:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background:transparent}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{pointer-events:auto}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{height:.3rem}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:0.8em;width:0.8em;margin-top:-.25em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual.sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:0.8em;width:0.8em;border-radius:100%;border:none;background-color:rgb(var(--smoothly-input-foreground))}.dual.sc-smoothly-input-range-h:not([disabled]):not([readonly]) .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{background-color:rgb(var(--smoothly-primary-color));cursor:pointer}.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb,.dual[disabled].sc-smoothly-input-range-h .track.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{cursor:not-allowed}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=n(this,"smoothlyInputLooks");this.smoothlyInput=n(this,"smoothlyInput");this.smoothlyUserInput=n(this,"smoothlyUserInput");this.smoothlyInputLoad=n(this,"smoothlyInputLoad");this.smoothlyFormDisable=n(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.sliding=false;this.value=undefined;this.dual=false;this.defined=false;this.readonly=false;this.type="text";this.min=0;this.max=100;this.name="range";this.outputSide="left";this.showInput=false}componentWillLoad(){this.smoothlyInputLooks.emit(((t,o)=>{var n;return this.looks=(n=this.looks)!==null&&n!==void 0?n:t,this.color=o}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));if(this.dual&&!g.is(this.value)){this.initialValue={start:this.min,end:this.max};this.value=this.initialValue}else{this.value&&(this.initialValue=this.value);this.valueChanged()}}smoothlyInputLoadHandler(t){a.registerSubAction(this,t)}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}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}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.isDifferentFromInitial=false;this.valueChanged()}valueChanged(){const t=g.normalize(this.value,this.step);if(!g.equals(t,this.value)){this.value=t;return}this.isDifferentFromInitial=!g.equals(this.initialValue,this.value);this.defined=g.defined(this.value);if(!this.sliding){this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined||Number.isNaN(t)){this.value=undefined}else if(t<this.min){this.value=this.min}else if(t>this.max){this.value=this.max}else{this.value=t}this.input&&(this.input.value=this.type=="text"?(o=this.value)===null||o===void 0?void 0:o.toString():this.value)}setRange(t,o){const n=g.is(this.value)?this.value:{start:this.min,end:this.max};const s=o==undefined||Number.isNaN(o)?t=="start"?this.min:this.max:o;const e=g.setPart(n,t,s,this.min,this.max);if(g.equals(e,this.value)){return}this.value=e;const i=t=="start"?this.startInput:this.endInput;const r=e[t];i&&(i.value=this.type=="text"?r.toString():r);!this.sliding&&this.smoothlyUserInput.emit({name:this.name,value:this.value})}async commitField(t){const o=t=="start"?this.startInput:this.endInput;this.setRange(t,o?Number(await o.getValue()):undefined);const n=g.is(this.value)?this.value[t]:undefined;o===null||o===void 0?void 0:o.setValue(this.type=="text"?n===null||n===void 0?void 0:n.toString():n)}renderSingle(){var t,o,n;return[s("smoothly-input",{ref:t=>this.input=t,looks:undefined,color:this.color,name:this.name,showLabel:this.outputSide==="left"&&!!this.label,type:this.type,onSmoothlyInputLoad:async t=>(t.stopPropagation(),this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)),onSmoothlyBlur:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.setValue(a.Element.is(t.target)?Number(await t.target.getValue()):undefined)},value:this.type=="percent"?this.value:(t=this.value)===null||t===void 0?void 0:t.toString(),placeholder:this.outputSide==="right"?"-":undefined,readonly:this.readonly,disabled:this.disabled},this.label),s("smoothly-display",{label:(this.type=="percent"?this.min*100:this.min).toString()}),s("input",{name:this.name,part:"range",type:"range",min:this.min,max:this.max,step:(o=this.step)!==null&&o!==void 0?o:"any",disabled:this.readonly||this.disabled,onInput:t=>{t.stopPropagation();this.sliding=true;this.setValue(t.target.valueAsNumber)},onChange:t=>{t.stopPropagation();this.sliding=false;this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(n=this.value)!==null&&n!==void 0?n:this.min}),s("smoothly-display",{label:(this.type=="percent"?this.max*100:this.max).toString()})]}renderDual(){const t=g.is(this.value)?this.value:{start:this.min,end:this.max};const o=g.percent(t.start,this.min,this.max);const n=100-g.percent(t.end,this.min,this.max);return[this.renderField("start",t.start),s("div",{class:"track",part:"track"},s("div",{class:"fill",part:"fill",style:{left:`${o}%`,right:`${n}%`}}),this.renderRangeInput("start",t.start),this.renderRangeInput("end",t.end)),this.renderField("end",t.end)]}renderField(t,o){return s("smoothly-input",{ref:o=>t=="start"?this.startInput=o:this.endInput=o,class:t,color:this.color,name:`${this.name}-${t}`,showLabel:true,type:this.type,onSmoothlyBlur:o=>(o.stopPropagation(),this.commitField(t)),onSmoothlyKeydown:o=>void(o.detail.key=="Enter"&&this.commitField(t)),onSmoothlyInput:t=>t.stopPropagation(),onSmoothlyUserInput:t=>t.stopPropagation(),value:this.type=="percent"?o:o===null||o===void 0?void 0:o.toString(),readonly:this.readonly,disabled:this.disabled,right:t=="start"},t=="start"?"From":"To")}renderRangeInput(t,o){var n;return s("input",{part:t=="start"?"range range-start":"range range-end",type:"range",min:this.min,max:this.max,step:(n=this.step)!==null&&n!==void 0?n:"any",disabled:this.readonly||this.disabled,onInput:o=>{const n=o.target;o.stopPropagation();this.sliding=true;this.setRange(t,n.valueAsNumber);const s=g.is(this.value)?this.value[t]:undefined;s!=undefined&&(n.value=String(s))},onChange:t=>{t.stopPropagation();this.sliding=false;this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:o!==null&&o!==void 0?o:t=="start"?this.min:this.max})}render(){return s(e,{key:"93a4e9afcd01c8eda143e413360f20e14bcaa920",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label,dual:this.dual}},s("slot",{key:"72711b5578bab0320901dbd513bb312b54b3ff40",name:"start"}),s("div",{key:"be83442baeb8cd97fd650ac17717a0e4d703976e"},s("label",{key:"17c0d638d8a9550c01de699efae66f55e1b27b8c",htmlFor:this.name},this.label),this.dual?this.renderDual():this.renderSingle()),s("slot",{key:"1162b21a65fdd05c5703ff547201765b28858554",name:"end"}))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-range",{value:[1026],dual:[4],looks:[1537],color:[1537],defined:[1028],readonly:[1540],disabled:[516],type:[1],min:[2],max:[2],name:[513],step:[2],outputSide:[1,"output-side"],label:[1],showInput:[32],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[0,"smoothlyInputLooks","smoothlyInputLooksHandler"]],{name:[{nameChange:0}],value:[{valueChanged:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-range","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input"];t.forEach((t=>{switch(t){case"smoothly-input-range":if(!customElements.get(i(t))){customElements.define(i(t),b)}break;case"smoothly-display":if(!customElements.get(i(t))){l()}break;case"smoothly-display-json":if(!customElements.get(i(t))){h()}break;case"smoothly-display-json-object":if(!customElements.get(i(t))){u()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(i(t))){d()}break;case"smoothly-icon":if(!customElements.get(i(t))){m()}break;case"smoothly-input":if(!customElements.get(i(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-j4UEmpTa.js.map