smoothly 1.111.0 → 1.113.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["Item","Element","type","isly.object","value","isly.any","deselectable","isly.boolean","selected","optional","filter","isly.function","is","extend","layout","firstItemHeight","items","_a","find","item","clientHeight","applyMenuHeight","element","itemHeight","menuHeight","height","endsWith","_b","match","style","setProperty","applyElementHeight","menu","next","direction","selectable","hidden","disabled","currentIndex","findIndex","marked","index","length","current","hasVisibleItems","some","getAttribute","markOnly","map","i","findFirstSelected","findFirstMarked","scroll","centerInView","container","behavior","scrollTo","top","offsetTop","offsetHeight","styleCss","SmoothlyInputSelect","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","isDifferentFromInitial","initialValue","initialValueHandled","observer","Editable","Observer","create","invalid","name","showLabel","showSelected","readonly","inCalendar","multiple","clearable","defined","required","searchDisabled","mutable","lastOpen","open","addedItems","componentWillLoad","smoothlyInputLooks","emit","looks","color","smoothlyInputLoad","parent","smoothlyFormDisable","publish","componentDidLoad","onSelectedChange","componentDidRender","justOpened","ordered","scrollToSelected","selectedItem","dropdownElement","disconnectedCallback","isConnected","unregister","nameChange","_","oldName","Input","formRename","register","formAdd","formRemove","getValue","undefined","getItems","listen","listener","subscribe","reset","forEach","displaySelected","closeMenu","clear","displayElement","innerHTML","placeholder","edit","editable","setInitialValue","areValuesEqual","smoothlyInput","onRequiredChange","onFilterChange","toLowerCase","Promise","all","watchingReadonly","smoothlyInputLoadHandler","event","fromSelf","target","fromEndSlot","composedPath","e","iconsElement","stopPropagation","push","registerSubAction","onWindowClick","includes","onItemDomChange","onItemSelect","detail","userInitiated","smoothlyUserInput","onClosed","before","markedItem","smoothlySelectOpen","every","displayString","option","join","onKeyDown","key","preventDefault","handlerNavigate","handleEscape","handleEnter","openMenu","move","resetFilter","addItem","concat","h","searchElement","setFilter","focus","queueMicrotask","toggleMenu","onClick","wasIconsClicked","toggleElement","wasSearchClicked","wasItemClicked","tagName","render","Host","class","ref","size","tooltip","errorMessage","el","onInput","onPaste"],"sources":["src/components/item/Item.ts","src/components/input/select/layout.ts","src/components/input/select/menu.ts","src/components/input/select/scroll.ts","src/components/input/select/style.css?tag=smoothly-input-select&encapsulation=scoped","src/components/input/select/index.tsx"],"sourcesContent":["import { isly } from \"isly\"\n\nexport interface Item extends Item.Element {}\n\nexport namespace Item {\n\texport interface Element {\n\t\tvalue: any\n\t\tselected?: boolean\n\t\tdeselectable: boolean\n\t\tfilter: (filter: string) => Promise<void>\n\t}\n\texport namespace Element {\n\t\texport const type = isly.object<Element>({\n\t\t\tvalue: isly.any(),\n\t\t\tdeselectable: isly.boolean(),\n\t\t\tselected: isly.boolean().optional(),\n\t\t\tfilter: isly.function(),\n\t\t})\n\t\texport const is = type.is\n\t}\n\texport const type = Element.type.extend<Item>({})\n\texport const is = type.is\n}\n","export namespace layout {\n\texport function firstItemHeight(items: HTMLSmoothlyItemElement[]): number | undefined {\n\t\treturn items.find(item => item.clientHeight > 0)?.clientHeight\n\t}\n\texport function applyMenuHeight(element: HTMLElement, itemHeight: number, menuHeight: MenuHeight): void {\n\t\tconst height = menuHeight.endsWith(\"items\")\n\t\t\t? `${itemHeight * +(menuHeight.match(/^(\\d+(\\.\\d+)?|\\.\\d+)/g)?.[0] ?? \"10\")}px`\n\t\t\t: menuHeight\n\t\telement.style.setProperty(\"--menu-height\", height)\n\t}\n\texport function applyElementHeight(element: HTMLElement) {\n\t\telement?.style.setProperty(\"--element-height\", `${element.clientHeight}px`)\n\t}\n\texport type MenuHeight = `${number}${\"items\" | \"rem\" | \"px\" | \"vh\"}`\n}\n","export namespace menu {\n\texport function next(\n\t\titems: HTMLSmoothlyItemElement[],\n\t\tdirection: -1 | 1\n\t): { current?: HTMLSmoothlyItemElement; next: HTMLSmoothlyItemElement } {\n\t\tconst selectable = items.filter(item => !item.hidden && !item.disabled)\n\t\tconst currentIndex = selectable.findIndex(item => item.marked)\n\t\tlet index: number\n\t\tif (currentIndex == -1) {\n\t\t\tindex = 0\n\t\t} else {\n\t\t\tindex = (currentIndex + direction + selectable.length) % selectable.length\n\t\t}\n\t\treturn { current: selectable[currentIndex], next: selectable[index] }\n\t}\n\texport function hasVisibleItems(items: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn items.some(item => !item.getAttribute(\"hidden\"))\n\t}\n\texport function markOnly(items: HTMLSmoothlyItemElement[], item: HTMLSmoothlyItemElement): void {\n\t\titems.map(i => (i.marked = i === item))\n\t}\n\texport function findFirstSelected(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.selected)\n\t}\n\texport function findFirstMarked(items: HTMLSmoothlyItemElement[]): HTMLSmoothlyItemElement | undefined {\n\t\treturn items.find(item => item.marked)\n\t}\n}\n","export namespace scroll {\n\texport function centerInView(container?: HTMLElement, item?: HTMLElement, behavior: ScrollBehavior = \"smooth\") {\n\t\tif (item && container) {\n\t\t\tcontainer.scrollTo({\n\t\t\t\ttop: item.offsetTop + item.offsetHeight / 2 - (container.clientHeight ?? 0) / 2,\n\t\t\t\tbehavior,\n\t\t\t})\n\t\t}\n\t}\n}\n","@import \"../shared.css\";\n\n:host {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-direction: row;\n\tposition: relative;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n\tpadding-left: var(--input-padding-side);\n}\n\n:host.open {\n\tborder-radius: var(--smoothly-input-border-radius) var(--smoothly-input-border-radius) 0 0;\n}\n\n\n:host>.select-display {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: var(--input-value-padding-top) .8rem var(--input-value-padding-bottom) 0;\n\toverflow: hidden;\n\twidth: 100%;\n\twhite-space: nowrap;\n\tgap: 1rem;\n\ttext-overflow: ellipsis;\n}\n:host:not([readonly]):not([disabled])>.select-display {\n\tcursor: pointer;\n}\n\n:host:not(:has([slot=label]))>.select-display,\n:host:not([show-label])>.select-display  {\n\tpadding: .6rem .8rem .6rem 0;\n\talign-items: center;\n}\n\n:host>.select-display smoothly-icon {\n\tcolor: rgb(var(--smoothly-input-foreground));\n\tfill: rgb(var(--smoothly-input-foreground));\n\tstroke: rgb(var(--smoothly-input-foreground));\n}\n\n:host>div.icons {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n\n:host:hover>div.icons::slotted(smoothly-icon) {\n\tfilter: opacity(100%);\n}\n\n:host>div.icons>smoothly-icon[name=caret-down-outline],\n:host>div.icons>smoothly-icon[name=caret-forward-outline] {\n\topacity: .7;\n\theight: 100%;\n\tpadding-inline: var(--input-padding-side);\n}\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-down-outline],\n:host:not([readonly]):not([disabled])>div.icons>smoothly-icon[name=caret-forward-outline] {\n\tcursor: pointer;\n}\n\n:host[invalid]>div>smoothly-icon.smoothly-invalid {\n\tdisplay: block;\n\tpadding: 0.5rem;\n}\n\n:host>div>smoothly-icon.smoothly-invalid {\n\tdisplay: none\n}\n\n\n:host.has-value:has([slot=label]:not(:empty))>.select-display,\n:host:not(.has-value)[placeholder]>.select-display {\n\toverflow: hidden;\n\twidth: 100%;\n}\n\n\n:host>.dropdown {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: absolute;\n\ttop: var(--element-height);\n\tz-index: 20;\n\tmax-height: var(--menu-height, unset);\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tinset-inline: 0;\n\tborder-radius: 0 0 var(--smoothly-input-border-radius) var(--smoothly-input-border-radius);\n\tborder: rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;\n\tborder-top: rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px;\n}\n:host:not(.open)>.dropdown {\n\tborder: 0;\n}\n:host[looks=\"grid\"]>.dropdown,\n:host[looks=border]>.dropdown,\n:host[looks=\"transparent\"]>.dropdown {\n\tinset-inline: -1px;\n}\n\n:host>.dropdown>.search {\n\tdisplay: flex;\n\tposition: sticky;\n\talign-items: center;\n\ttop: 0;\n\tgap: 1rem;\n\tpadding: .7rem .7rem .7rem .25rem;\n\tbackground-color: rgb(var(--smoothly-input-background));\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n:host:not(.has-filter)>.dropdown>.search {\n\t/* hide search */\n\t/* search cant be display: none, since it is the focus element */\n\theight: 0;\n\tpadding: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n}\n:host>.dropdown>.search::before {\n\t/* search have opacity without showing what is underneath */\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tbackground-color: rgba(var(--smoothly-primary-tint), 0.5);\n\tz-index: -1;\n}\n:host>.dropdown>.search>.search-input {\n\twidth: 100%;\n\tbackground-color: transparent;\n\tborder: none;\n\toutline: none;\n}\n:host>.dropdown>.search>smoothly-icon[name=\"search-outline\"],\n:host>.dropdown>.search>smoothly-icon[name=\"backspace-outline\"] {\n\tcolor: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tfill: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n\tstroke: rgb(var(--smoothly-input-foreground, var(--smoothly-color-contrast)));\n}\n\n\n/* --- multiple options --- */\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item) {\n\tposition: relative;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item::before) {\n\tcontent: \"\";\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tmargin-right: 0.5rem;\n\tborder: 1px solid rgb(var(--smoothly-input-foreground));\n\tborder-radius: 0.15rem;\n\tvertical-align: middle;\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::before) {\n\tborder-color: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::before) {\n\tborder: 1px solid rgb(var(--smoothly-item-hover-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item[selected]::after) {\n\tcontent: \"✔\";\n\tposition: absolute;\n\tleft: 0.65rem; \n\tcolor: rgb(var(--smoothly-item-selected-foreground));\n}\n:host([multiple])::slotted(.dropdown>.menu>smoothly-item:hover::after) {\n\tcolor: rgb(var(--smoothly-item-hover-foreground));\n}\n:host>.dropdown {\n\tmin-width: fit-content;\n}\n:host>.dropdown>.menu[hidden] {\n\tdisplay: none;\n}\n\n\n","import {\n\tComponent,\n\tComponentWillLoad,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tMethod,\n\tProp,\n\tState,\n\tVNode,\n\tWatch,\n} from \"@stencil/core\"\nimport { Color, Data } from \"../../../model\"\nimport { Item } from \"../../item/Item\"\nimport { Clearable } from \"../Clearable\"\nimport { Editable } from \"../Editable\"\nimport { Input } from \"../Input\"\nimport { Looks } from \"../Looks\"\nimport { layout } from \"./layout\"\nimport { menu } from \"./menu\"\nimport { scroll } from \"./scroll\"\n\n@Component({\n\ttag: \"smoothly-input-select\",\n\tstyleUrl: \"style.css\",\n\tscoped: true,\n})\nexport class SmoothlyInputSelect implements Input, Editable, Clearable, ComponentWillLoad {\n\tparent: Editable | undefined\n\tisDifferentFromInitial = false\n\tprivate initialValue: HTMLSmoothlyItemElement[] = []\n\tprivate initialValueHandled = false\n\tprivate observer = Editable.Observer.create(this)\n\tprivate displayElement?: HTMLElement\n\tprivate iconsElement?: HTMLElement\n\tprivate toggleElement?: HTMLElement\n\tprivate dropdownElement?: HTMLElement\n\tprivate searchElement?: HTMLInputElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\t@Element() element: HTMLSmoothlyInputSelectElement\n\t@Prop({ reflect: true }) invalid?: boolean = false\n\t@Prop({ reflect: true }) errorMessage?: string\n\t@Prop({ reflect: true }) name = \"selected\"\n\t@Prop({ reflect: true, mutable: true }) color?: Color\n\t@Prop({ reflect: true, mutable: true }) looks?: Looks\n\t@Prop({ reflect: true }) showLabel = true\n\t@Prop({ reflect: true, mutable: true }) showSelected?: boolean = true\n\t@Prop({ reflect: true, mutable: true }) readonly = false\n\t@Prop({ reflect: true }) disabled = false\n\t@Prop({ reflect: true }) inCalendar = false\n\t@Prop({ reflect: true }) ordered?: boolean\n\t@Prop({ reflect: true }) multiple = false\n\t@Prop() clearable = true\n\t@Prop({ mutable: true }) defined = false\n\t@Prop({ reflect: true }) placeholder?: string | any\n\t@Prop() menuHeight?: layout.MenuHeight\n\t@Prop() required = false\n\t@Prop() searchDisabled = false\n\t@Prop() mutable = false\n\tprivate lastOpen = false\n\t@State() open = false\n\t@State() selected: HTMLSmoothlyItemElement[] = []\n\t@State() filter = \"\"\n\t@State() addedItems: HTMLSmoothlyItemElement[] = []\n\t@Event() smoothlyInput: EventEmitter<Data>\n\t@Event() smoothlyUserInput: EventEmitter<Input.UserInput>\n\t@Event() smoothlyInputLooks: EventEmitter<(looks?: Looks, color?: Color) => void>\n\t@Event() smoothlyInputLoad: EventEmitter<(parent: Editable) => void>\n\t@Event() smoothlyFormDisable: EventEmitter<(disabled: boolean) => void>\n\t@Event() smoothlyItemSelect: EventEmitter<HTMLSmoothlyItemElement>\n\t@Event() smoothlySelectOpen: EventEmitter<boolean>\n\n\tcomponentWillLoad(): void | 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.smoothlyInputLoad.emit(parent => (this.parent = parent))\n\t\t!this.readonly && this.smoothlyFormDisable.emit(readonly => (this.readonly = readonly))\n\t\tthis.observer.publish()\n\t}\n\tcomponentDidLoad(): void | Promise<void> {\n\t\tthis.selected && !this.initialValueHandled && (this.initialValue = [...this.selected])\n\t\tthis.initialValueHandled = true\n\t\tthis.onSelectedChange()\n\t}\n\tcomponentDidRender(): void | Promise<void> {\n\t\tthis.itemHeight ??= layout.firstItemHeight(this.items)\n\t\tif (this.menuHeight && this.itemHeight) {\n\t\t\tlayout.applyMenuHeight(this.element, this.itemHeight, this.menuHeight)\n\t\t}\n\t\tlayout.applyElementHeight(this.element)\n\n\t\tconst justOpened = this.open && !this.lastOpen\n\t\tif (justOpened && this.ordered) {\n\t\t\tthis.scrollToSelected()\n\t\t}\n\t}\n\tprivate scrollToSelected() {\n\t\tconst selectedItem = menu.findFirstSelected(this.items)\n\t\tif (selectedItem) {\n\t\t\tmenu.markOnly(this.items, selectedItem)\n\t\t\tscroll.centerInView(this.dropdownElement, selectedItem, \"instant\")\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<any | any[] | undefined> {\n\t\treturn !this.multiple && this.selected[0]\n\t\t\t? this.selected[0].value\n\t\t\t: this.multiple && this.selected.length > 0\n\t\t\t\t? this.selected.map(item => item.value)\n\t\t\t\t: undefined\n\t}\n\t@Method()\n\tasync getItems(): Promise<HTMLSmoothlyItemElement[]> {\n\t\treturn this.items\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 reset(): Promise<void> {\n\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\tthis.initialValue.forEach(item => (item.selected = true))\n\t\tthis.selected = [...this.initialValue]\n\t\tthis.displaySelected()\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.closeMenu()\n\t}\n\t@Method()\n\tasync clear(): Promise<void> {\n\t\tif (this.clearable) {\n\t\t\tthis.selected.forEach(item => (item.selected = item.hidden = false))\n\t\t\tthis.selected = []\n\t\t\tif (this.displayElement) {\n\t\t\t\tthis.displayElement.innerHTML = this.placeholder ?? \"\"\n\t\t\t}\n\t\t}\n\t}\n\t@Method()\n\tasync edit(editable: boolean): Promise<void> {\n\t\tthis.readonly = !editable\n\t}\n\t@Method()\n\tasync setInitialValue(): Promise<void> {\n\t\tthis.isDifferentFromInitial = false\n\t\tthis.initialValue = [...this.selected]\n\t}\n\t@Watch(\"selected\")\n\tasync onSelectedChange() {\n\t\tthis.initialValueHandled && (this.isDifferentFromInitial = !this.areValuesEqual(this.selected, this.initialValue))\n\t\tthis.defined = this.selected.length > 0\n\t\tthis.smoothlyInput.emit({ [this.name]: await this.getValue() })\n\t\tthis.observer.publish()\n\t}\n\t@Watch(\"required\")\n\tonRequiredChange(): void {\n\t\tthis.items.forEach(item => (item.deselectable = !this.required))\n\t}\n\t@Watch(\"filter\")\n\tasync onFilterChange(value: string): Promise<void> {\n\t\tvalue = value.toLowerCase()\n\t\tawait Promise.all(this.items.map(item => item.filter(value)))\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\tasync smoothlyInputLoadHandler(event: CustomEvent<(parent: SmoothlyInputSelect) => void>): Promise<void> {\n\t\tconst fromSelf = event.target && \"name\" in event.target && event.target.name !== this.name\n\t\tconst fromEndSlot = event.composedPath().some(e => e == this.iconsElement)\n\t\tif (fromSelf || fromEndSlot) {\n\t\t\tevent.stopPropagation()\n\t\t} else if (Item.Element.is(event.target)) {\n\t\t\tevent.stopPropagation()\n\t\t\tevent.target.deselectable = !this.required\n\t\t\tthis.items.push(event.target as HTMLSmoothlyItemElement)\n\t\t}\n\t\tInput.registerSubAction(this, event)\n\t\tthis.displaySelected()\n\t}\n\t@Listen(\"click\", { target: \"window\" })\n\tonWindowClick(event: MouseEvent): void {\n\t\tif (this.open && !event.composedPath().includes(this.element)) {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemDOMChange\")\n\tonItemDomChange(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst item = e.target as HTMLSmoothlyItemElement\n\t\tif (item.selected) {\n\t\t\tthis.displaySelected()\n\t\t}\n\t}\n\t@Listen(\"smoothlyItemSelect\")\n\tasync onItemSelect(event: CustomEvent<{ userInitiated: boolean; item: HTMLSmoothlyItemElement }>): Promise<void> {\n\t\tevent.stopPropagation()\n\t\tconst item = event.detail.item\n\t\tif (this.multiple) {\n\t\t\tthis.selected = item.selected ? [...this.selected, item] : this.selected.filter(item => item.selected)\n\t\t} else if (item.selected || !this.items.some(e => e.selected)) {\n\t\t\tthis.selected[0] && (this.selected[0].hidden = this.selected[0].selected = false)\n\t\t\tthis.selected = !item.selected ? this.selected.filter(item => item.selected) : [item]\n\t\t\t!this.showSelected && item.selected && (item.hidden = true)\n\t\t}\n\t\tthis.displaySelected()\n\t\tif (event.detail.userInitiated) {\n\t\t\tthis.smoothlyUserInput.emit({ name: this.name, value: await this.getValue() })\n\t\t}\n\t}\n\t@Watch(\"open\")\n\tonClosed(open: boolean, before: boolean): void {\n\t\tthis.lastOpen = before\n\t\tif (!open) {\n\t\t\tconst markedItem = menu.findFirstMarked(this.items)\n\t\t\tif (markedItem) {\n\t\t\t\tmarkedItem.marked = false\n\t\t\t}\n\t\t}\n\t\tthis.smoothlySelectOpen.emit(open)\n\t}\n\tareValuesEqual(selected: HTMLSmoothlyItemElement[], initialValue: HTMLSmoothlyItemElement[]): boolean {\n\t\treturn selected.length === initialValue.length && initialValue.every(value => selected.includes(value))\n\t}\n\tdisplaySelected(): void {\n\t\tconst displayString: string = this.selected.map(option => `<div>${option.innerHTML}</div>`).join(\"\")\n\t\tthis.displayElement &&\n\t\t\t(this.displayElement.innerHTML = this.selected.length > 0 ? displayString : (this.placeholder ?? \"\"))\n\t}\n\tonKeyDown(event: KeyboardEvent) {\n\t\tevent.stopPropagation()\n\t\tconst key = event.key\n\t\tif (key == \"ArrowUp\" || key == \"ArrowDown\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handlerNavigate(key)\n\t\t} else if (key == \"Escape\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEscape()\n\t\t} else if (key == \"Enter\") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.handleEnter()\n\t\t} else if (key == \" \") {\n\t\t\tevent.preventDefault()\n\t\t\tthis.openMenu()\n\t\t} else if (this.open && key == \"Tab\") {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handlerNavigate(key: \"ArrowUp\" | \"ArrowDown\") {\n\t\tif (menu.hasVisibleItems(this.items)) {\n\t\t\tthis.move(key == \"ArrowUp\" ? -1 : 1)\n\t\t}\n\t\tthis.openMenu()\n\t}\n\tprivate handleEscape() {\n\t\tif (this.filter) {\n\t\t\tthis.resetFilter()\n\t\t} else {\n\t\t\tthis.closeMenu()\n\t\t}\n\t}\n\tprivate handleEnter() {\n\t\tconst item = menu.findFirstMarked(this.items)\n\t\tif (item?.value) {\n\t\t\titem.selected = !item.selected\n\t\t}\n\t\tif (!this.multiple) {\n\t\t\tthis.closeMenu()\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate move(direction: -1 | 1): void {\n\t\tconst { current, next } = menu.next(this.items, direction)\n\t\tcurrent && (current.marked = false)\n\t\tnext.marked = true\n\t\tscroll.centerInView(this.dropdownElement, next, \"smooth\")\n\t}\n\tprivate addItem() {\n\t\tthis.addedItems = this.addedItems.concat(\n\t\t\t<smoothly-item value={this.filter} selected>\n\t\t\t\t{this.filter}\n\t\t\t</smoothly-item>\n\t\t)\n\t}\n\tprivate resetFilter() {\n\t\tthis.searchElement && (this.searchElement.value = \"\")\n\t\tthis.filter = \"\"\n\t}\n\tprivate setFilter(filter: string) {\n\t\tif (filter) {\n\t\t\tthis.filter = filter\n\t\t\tthis.openMenu()\n\t\t} else {\n\t\t\tthis.resetFilter()\n\t\t}\n\t}\n\tprivate openMenu({ focus }: { focus?: boolean } = {}) {\n\t\tthis.open = true\n\t\tfocus && queueMicrotask(() => this.searchElement?.focus())\n\t}\n\tprivate closeMenu() {\n\t\tthis.open = false\n\t\tthis.resetFilter()\n\t}\n\tprivate toggleMenu() {\n\t\tif (!this.readonly && !this.disabled) {\n\t\t\tthis.open ? this.closeMenu() : this.openMenu({ focus: true })\n\t\t}\n\t}\n\tprivate onClick(e: MouseEvent) {\n\t\tconst wasIconsClicked =\n\t\t\te.composedPath().includes(this.iconsElement!) && !e.composedPath().includes(this.toggleElement!)\n\t\tconst wasSearchClicked = e.composedPath().includes(this.searchElement!)\n\t\tconst wasItemClicked = e\n\t\t\t.composedPath()\n\t\t\t.find(element => element instanceof HTMLElement && element.tagName === \"SMOOTHLY-ITEM\")\n\t\tif (!wasIconsClicked && !wasSearchClicked && !(wasItemClicked && this.multiple)) {\n\t\t\tthis.toggleMenu()\n\t\t}\n\t}\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{ \"has-value\": this.selected.length !== 0, open: this.open, \"has-filter\": this.filter !== \"\" }}\n\t\t\t\tonClick={(e: MouseEvent) => this.onClick(e)}>\n\t\t\t\t<div class=\"select-display\" ref={element => (this.displayElement = element)}>\n\t\t\t\t\t{this.placeholder}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"icons\" ref={element => (this.iconsElement = element)}>\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\t{this.looks == \"border\" && !this.readonly && (\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tref={element => (this.toggleElement = element)}\n\t\t\t\t\t\t\tsize=\"tiny\"\n\t\t\t\t\t\t\tname={this.open ? \"caret-down-outline\" : \"caret-forward-outline\"}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"label\" />\n\t\t\t\t<div class=\"dropdown\" ref={(el: HTMLDivElement) => (this.dropdownElement = el)}>\n\t\t\t\t\t<div class=\"search\">\n\t\t\t\t\t\t<smoothly-icon name=\"search-outline\" size=\"small\" />\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass=\"search-input\"\n\t\t\t\t\t\t\tref={el => (this.searchElement = el)}\n\t\t\t\t\t\t\tdisabled={this.searchDisabled}\n\t\t\t\t\t\t\tonKeyDown={e => this.onKeyDown(e)}\n\t\t\t\t\t\t\tonInput={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t\tonPaste={e => (e.stopPropagation(), this.setFilter(this.searchElement?.value ?? \"\"))}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<smoothly-icon\n\t\t\t\t\t\t\tname=\"backspace-outline\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tthis.resetFilter()\n\t\t\t\t\t\t\t\tthis.searchElement?.focus()\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{this.mutable && <smoothly-icon name=\"add\" size=\"small\" onClick={() => this.addItem()} />}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"menu\" hidden={!this.open}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t{this.addedItems}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6SAIM,IAAWA,GAAjB,SAAiBA,GAOhB,IAAiBC,GAAjB,SAAiBA,GACHA,EAAAC,KAAOC,EAAqB,CACxCC,MAAOC,IACPC,aAAcC,IACdC,SAAUD,IAAeE,WACzBC,OAAQC,MAEIV,EAAAW,GAAKX,EAAAC,KAAKU,EACvB,EARD,CAAiBX,EAAAD,EAAAC,UAAAD,EAAAC,QAAO,KASXD,EAAAE,KAAOD,EAAQC,KAAKW,OAAa,IACjCb,EAAAY,GAAKZ,EAAAE,KAAKU,EACvB,EAlBD,CAAiBZ,MAAI,KCJf,IAAWc,GAAjB,SAAiBA,GAChB,SAAgBC,EAAgBC,G,MAC/B,OAAOC,EAAAD,EAAME,MAAKC,GAAQA,EAAKC,aAAe,OAAE,MAAAH,SAAA,SAAAA,EAAEG,Y,CADnCN,EAAAC,gBAAeA,EAG/B,SAAgBM,EAAgBC,EAAsBC,EAAoBC,G,QACzE,MAAMC,EAASD,EAAWE,SAAS,SAChC,GAAGH,KAAeI,GAAAV,EAAAO,EAAWI,MAAM,4BAAwB,MAAAX,SAAA,SAAAA,EAAG,MAAE,MAAAU,SAAA,EAAAA,EAAI,UACpEH,EACHF,EAAQO,MAAMC,YAAY,gBAAiBL,E,CAJ5BX,EAAAO,gBAAeA,EAM/B,SAAgBU,EAAmBT,GAClCA,IAAO,MAAPA,SAAO,SAAPA,EAASO,MAAMC,YAAY,mBAAoB,GAAGR,EAAQF,iB,CAD3CN,EAAAiB,mBAAkBA,CAIlC,EAdD,CAAiBjB,MAAM,KCAjB,IAAWkB,GAAjB,SAAiBA,GAChB,SAAgBC,EACfjB,EACAkB,GAEA,MAAMC,EAAanB,EAAMN,QAAOS,IAASA,EAAKiB,SAAWjB,EAAKkB,WAC9D,MAAMC,EAAeH,EAAWI,WAAUpB,GAAQA,EAAKqB,SACvD,IAAIC,EACJ,GAAIH,IAAgB,EAAI,CACvBG,EAAQ,C,KACF,CACNA,GAASH,EAAeJ,EAAYC,EAAWO,QAAUP,EAAWO,M,CAErE,MAAO,CAAEC,QAASR,EAAWG,GAAeL,KAAME,EAAWM,G,CAZ9CT,EAAAC,KAAIA,EAcpB,SAAgBW,EAAgB5B,GAC/B,OAAOA,EAAM6B,MAAK1B,IAASA,EAAK2B,aAAa,W,CAD9Bd,EAAAY,gBAAeA,EAG/B,SAAgBG,EAAS/B,EAAkCG,GAC1DH,EAAMgC,KAAIC,GAAMA,EAAET,OAASS,IAAM9B,G,CADlBa,EAAAe,SAAQA,EAGxB,SAAgBG,EAAkBlC,GACjC,OAAOA,EAAME,MAAKC,GAAQA,EAAKX,U,CADhBwB,EAAAkB,kBAAiBA,EAGjC,SAAgBC,EAAgBnC,GAC/B,OAAOA,EAAME,MAAKC,GAAQA,EAAKqB,Q,CADhBR,EAAAmB,gBAAeA,CAG/B,EA3BD,CAAiBnB,MAAI,KCAf,IAAWoB,GAAjB,SAAiBA,GAChB,SAAgBC,EAAaC,EAAyBnC,EAAoBoC,EAA2B,U,MACpG,GAAIpC,GAAQmC,EAAW,CACtBA,EAAUE,SAAS,CAClBC,IAAKtC,EAAKuC,UAAYvC,EAAKwC,aAAe,IAAK1C,EAAAqC,EAAUlC,gBAAY,MAAAH,SAAA,EAAAA,EAAI,GAAK,EAC9EsC,Y,EAJaH,EAAAC,aAAYA,CAQ5B,EATD,CAAiBD,MAAM,KCAvB,MAAMQ,EAAW,IAAM,mxU,MC8BVC,EAAmBC,EAAA,MAAAD,UAAAE,EALhC,WAAAC,CAAAC,G,mZAOCC,KAAAC,uBAAyB,MACjBD,KAAAE,aAA0C,GAC1CF,KAAAG,oBAAsB,MACtBH,KAAAI,SAAWC,EAASC,SAASC,OAAOP,MAMpCA,KAAAlD,MAAmC,GAGlBkD,KAAAQ,QAAoB,MAEpBR,KAAAS,KAAO,WAGPT,KAAAU,UAAY,KACGV,KAAAW,aAAyB,KACzBX,KAAAY,SAAW,MAC1BZ,KAAA7B,SAAW,MACX6B,KAAAa,WAAa,MAEbb,KAAAc,SAAW,MAC5Bd,KAAAe,UAAY,KACKf,KAAAgB,QAAU,MAG3BhB,KAAAiB,SAAW,MACXjB,KAAAkB,eAAiB,MACjBlB,KAAAmB,QAAU,MACVnB,KAAAoB,SAAW,MACVpB,KAAAqB,KAAO,MACPrB,KAAA1D,SAAsC,GACtC0D,KAAAxD,OAAS,GACTwD,KAAAsB,WAAwC,EAsUjD,CA7TA,iBAAAC,GACCvB,KAAKwB,mBAAmBC,MACvB,CAACC,EAAOC,KAAS,IAAA5E,EAAC,OAAEiD,KAAK0B,OAAQ3E,EAAAiD,KAAK0B,SAAK,MAAA3E,SAAA,EAAAA,EAAI2E,GAAS1B,KAAK2B,QAAU3B,KAAK2B,MAAQA,EAAM,IAE3F3B,KAAK4B,kBAAkBH,MAAKI,GAAW7B,KAAK6B,OAASA,KACpD7B,KAAKY,UAAYZ,KAAK8B,oBAAoBL,MAAKb,GAAaZ,KAAKY,SAAWA,IAC7EZ,KAAKI,SAAS2B,S,CAEf,gBAAAC,GACChC,KAAK1D,WAAa0D,KAAKG,sBAAwBH,KAAKE,aAAe,IAAIF,KAAK1D,WAC5E0D,KAAKG,oBAAsB,KAC3BH,KAAKiC,kB,CAEN,kBAAAC,G,OACCnF,EAAAiD,KAAK3C,cAAU,MAAAN,SAAA,EAAAA,EAAfiD,KAAK3C,WAAeT,EAAOC,gBAAgBmD,KAAKlD,OAChD,GAAIkD,KAAK1C,YAAc0C,KAAK3C,WAAY,CACvCT,EAAOO,gBAAgB6C,KAAK5C,QAAS4C,KAAK3C,WAAY2C,KAAK1C,W,CAE5DV,EAAOiB,mBAAmBmC,KAAK5C,SAE/B,MAAM+E,EAAanC,KAAKqB,OAASrB,KAAKoB,SACtC,GAAIe,GAAcnC,KAAKoC,QAAS,CAC/BpC,KAAKqC,kB,EAGC,gBAAAA,GACP,MAAMC,EAAexE,EAAKkB,kBAAkBgB,KAAKlD,OACjD,GAAIwF,EAAc,CACjBxE,EAAKe,SAASmB,KAAKlD,MAAOwF,GAC1BpD,EAAOC,aAAaa,KAAKuC,gBAAiBD,EAAc,U,EAG1D,0BAAME,GACL,IAAKxC,KAAK5C,QAAQqF,YAAa,OACxBzC,KAAK0C,Y,EAIb,UAAAC,CAAWC,EAAuBC,GACjCC,EAAMC,WAAW/C,KAAM6C,E,CAGxB,cAAMG,GACLF,EAAMG,QAAQjD,K,CAGf,gBAAM0C,GACLI,EAAMI,WAAWlD,K,CAGlB,cAAMmD,GACL,OAAQnD,KAAKc,UAAYd,KAAK1D,SAAS,GACpC0D,KAAK1D,SAAS,GAAGJ,MACjB8D,KAAKc,UAAYd,KAAK1D,SAASkC,OAAS,EACvCwB,KAAK1D,SAASwC,KAAI7B,GAAQA,EAAKf,QAC/BkH,S,CAGL,cAAMC,GACL,OAAOrD,KAAKlD,K,CAGb,YAAMwG,CAAOC,GACZvD,KAAKI,SAASoD,UAAUD,E,CAGzB,WAAME,GACLzD,KAAK1D,SAASoH,SAAQzG,GAASA,EAAKX,SAAWW,EAAKiB,OAAS,QAC7D8B,KAAKE,aAAawD,SAAQzG,GAASA,EAAKX,SAAW,OACnD0D,KAAK1D,SAAW,IAAI0D,KAAKE,cACzBF,KAAK2D,kBACL3D,KAAKC,uBAAyB,MAC9BD,KAAK4D,W,CAGN,WAAMC,G,MACL,GAAI7D,KAAKe,UAAW,CACnBf,KAAK1D,SAASoH,SAAQzG,GAASA,EAAKX,SAAWW,EAAKiB,OAAS,QAC7D8B,KAAK1D,SAAW,GAChB,GAAI0D,KAAK8D,eAAgB,CACxB9D,KAAK8D,eAAeC,WAAYhH,EAAAiD,KAAKgE,eAAW,MAAAjH,SAAA,EAAAA,EAAI,E,GAKvD,UAAMkH,CAAKC,GACVlE,KAAKY,UAAYsD,C,CAGlB,qBAAMC,GACLnE,KAAKC,uBAAyB,MAC9BD,KAAKE,aAAe,IAAIF,KAAK1D,S,CAG9B,sBAAM2F,GACLjC,KAAKG,sBAAwBH,KAAKC,wBAA0BD,KAAKoE,eAAepE,KAAK1D,SAAU0D,KAAKE,eACpGF,KAAKgB,QAAUhB,KAAK1D,SAASkC,OAAS,EACtCwB,KAAKqE,cAAc5C,KAAK,CAAE,CAACzB,KAAKS,YAAaT,KAAKmD,aAClDnD,KAAKI,SAAS2B,S,CAGf,gBAAAuC,GACCtE,KAAKlD,MAAM4G,SAAQzG,GAASA,EAAKb,cAAgB4D,KAAKiB,U,CAGvD,oBAAMsD,CAAerI,GACpBA,EAAQA,EAAMsI,oBACRC,QAAQC,IAAI1E,KAAKlD,MAAMgC,KAAI7B,GAAQA,EAAKT,OAAON,K,CAItD,gBAAAyI,GACC3E,KAAKI,SAAS2B,S,CAGf,8BAAM6C,CAAyBC,GAC9B,MAAMC,EAAWD,EAAME,QAAU,SAAUF,EAAME,QAAUF,EAAME,OAAOtE,OAAST,KAAKS,KACtF,MAAMuE,EAAcH,EAAMI,eAAetG,MAAKuG,GAAKA,GAAKlF,KAAKmF,eAC7D,GAAIL,GAAYE,EAAa,CAC5BH,EAAMO,iB,MACA,GAAItJ,EAAKC,QAAQW,GAAGmI,EAAME,QAAS,CACzCF,EAAMO,kBACNP,EAAME,OAAO3I,cAAgB4D,KAAKiB,SAClCjB,KAAKlD,MAAMuI,KAAKR,EAAME,O,CAEvBjC,EAAMwC,kBAAkBtF,KAAM6E,GAC9B7E,KAAK2D,iB,CAGN,aAAA4B,CAAcV,GACb,GAAI7E,KAAKqB,OAASwD,EAAMI,eAAeO,SAASxF,KAAK5C,SAAU,CAC9D4C,KAAK4D,W,EAIP,eAAA6B,CAAgBP,GACfA,EAAEE,kBACF,MAAMnI,EAAOiI,EAAEH,OACf,GAAI9H,EAAKX,SAAU,CAClB0D,KAAK2D,iB,EAIP,kBAAM+B,CAAab,GAClBA,EAAMO,kBACN,MAAMnI,EAAO4H,EAAMc,OAAO1I,KAC1B,GAAI+C,KAAKc,SAAU,CAClBd,KAAK1D,SAAWW,EAAKX,SAAW,IAAI0D,KAAK1D,SAAUW,GAAQ+C,KAAK1D,SAASE,QAAOS,GAAQA,EAAKX,U,MACvF,GAAIW,EAAKX,WAAa0D,KAAKlD,MAAM6B,MAAKuG,GAAKA,EAAE5I,WAAW,CAC9D0D,KAAK1D,SAAS,KAAO0D,KAAK1D,SAAS,GAAG4B,OAAS8B,KAAK1D,SAAS,GAAGA,SAAW,OAC3E0D,KAAK1D,UAAYW,EAAKX,SAAW0D,KAAK1D,SAASE,QAAOS,GAAQA,EAAKX,WAAY,CAACW,IAC/E+C,KAAKW,cAAgB1D,EAAKX,WAAaW,EAAKiB,OAAS,K,CAEvD8B,KAAK2D,kBACL,GAAIkB,EAAMc,OAAOC,cAAe,CAC/B5F,KAAK6F,kBAAkBpE,KAAK,CAAEhB,KAAMT,KAAKS,KAAMvE,YAAa8D,KAAKmD,Y,EAInE,QAAA2C,CAASzE,EAAe0E,GACvB/F,KAAKoB,SAAW2E,EAChB,IAAK1E,EAAM,CACV,MAAM2E,EAAalI,EAAKmB,gBAAgBe,KAAKlD,OAC7C,GAAIkJ,EAAY,CACfA,EAAW1H,OAAS,K,EAGtB0B,KAAKiG,mBAAmBxE,KAAKJ,E,CAE9B,cAAA+C,CAAe9H,EAAqC4D,GACnD,OAAO5D,EAASkC,SAAW0B,EAAa1B,QAAU0B,EAAagG,OAAMhK,GAASI,EAASkJ,SAAStJ,I,CAEjG,eAAAyH,G,MACC,MAAMwC,EAAwBnG,KAAK1D,SAASwC,KAAIsH,GAAU,QAAQA,EAAOrC,oBAAmBsC,KAAK,IACjGrG,KAAK8D,iBACH9D,KAAK8D,eAAeC,UAAY/D,KAAK1D,SAASkC,OAAS,EAAI2H,GAAiBpJ,EAAAiD,KAAKgE,eAAW,MAAAjH,SAAA,EAAAA,EAAI,G,CAEnG,SAAAuJ,CAAUzB,GACTA,EAAMO,kBACN,MAAMmB,EAAM1B,EAAM0B,IAClB,GAAIA,GAAO,WAAaA,GAAO,YAAa,CAC3C1B,EAAM2B,iBACNxG,KAAKyG,gBAAgBF,E,MACf,GAAIA,GAAO,SAAU,CAC3B1B,EAAM2B,iBACNxG,KAAK0G,c,MACC,GAAIH,GAAO,QAAS,CAC1B1B,EAAM2B,iBACNxG,KAAK2G,a,MACC,GAAIJ,GAAO,IAAK,CACtB1B,EAAM2B,iBACNxG,KAAK4G,U,MACC,GAAI5G,KAAKqB,MAAQkF,GAAO,MAAO,CACrCvG,KAAK4D,W,EAGC,eAAA6C,CAAgBF,GACvB,GAAIzI,EAAKY,gBAAgBsB,KAAKlD,OAAQ,CACrCkD,KAAK6G,KAAKN,GAAO,WAAY,EAAK,E,CAEnCvG,KAAK4G,U,CAEE,YAAAF,GACP,GAAI1G,KAAKxD,OAAQ,CAChBwD,KAAK8G,a,KACC,CACN9G,KAAK4D,W,EAGC,WAAA+C,GACP,MAAM1J,EAAOa,EAAKmB,gBAAgBe,KAAKlD,OACvC,GAAIG,IAAI,MAAJA,SAAI,SAAJA,EAAMf,MAAO,CAChBe,EAAKX,UAAYW,EAAKX,Q,CAEvB,IAAK0D,KAAKc,SAAU,CACnBd,KAAK4D,YACL5D,KAAK8G,a,EAGC,IAAAD,CAAK7I,GACZ,MAAMS,QAAEA,EAAOV,KAAEA,GAASD,EAAKC,KAAKiC,KAAKlD,MAAOkB,GAChDS,IAAYA,EAAQH,OAAS,OAC7BP,EAAKO,OAAS,KACdY,EAAOC,aAAaa,KAAKuC,gBAAiBxE,EAAM,S,CAEzC,OAAAgJ,GACP/G,KAAKsB,WAAatB,KAAKsB,WAAW0F,OACjCC,EAAA,iBAAe/K,MAAO8D,KAAKxD,OAAQF,SAAQ,MACzC0D,KAAKxD,Q,CAID,WAAAsK,GACP9G,KAAKkH,gBAAkBlH,KAAKkH,cAAchL,MAAQ,IAClD8D,KAAKxD,OAAS,E,CAEP,SAAA2K,CAAU3K,GACjB,GAAIA,EAAQ,CACXwD,KAAKxD,OAASA,EACdwD,KAAK4G,U,KACC,CACN5G,KAAK8G,a,EAGC,QAAAF,EAASQ,MAAEA,GAA+B,IACjDpH,KAAKqB,KAAO,KACZ+F,GAASC,gBAAe,KAAK,IAAAtK,EAAC,OAAAA,EAAAiD,KAAKkH,iBAAa,MAAAnK,SAAA,SAAAA,EAAEqK,OAAO,G,CAElD,SAAAxD,GACP5D,KAAKqB,KAAO,MACZrB,KAAK8G,a,CAEE,UAAAQ,GACP,IAAKtH,KAAKY,WAAaZ,KAAK7B,SAAU,CACrC6B,KAAKqB,KAAOrB,KAAK4D,YAAc5D,KAAK4G,SAAS,CAAEQ,MAAO,M,EAGhD,OAAAG,CAAQrC,GACf,MAAMsC,EACLtC,EAAED,eAAeO,SAASxF,KAAKmF,gBAAmBD,EAAED,eAAeO,SAASxF,KAAKyH,eAClF,MAAMC,EAAmBxC,EAAED,eAAeO,SAASxF,KAAKkH,eACxD,MAAMS,EAAiBzC,EACrBD,eACAjI,MAAKI,GAAWA,aAAmByC,GAAezC,EAAQwK,UAAY,kBACxE,IAAKJ,IAAoBE,KAAsBC,GAAkB3H,KAAKc,UAAW,CAChFd,KAAKsH,Y,EAGP,MAAAO,GACC,OACCZ,EAACa,EAAI,CAAAvB,IAAA,2CACJwB,MAAO,CAAE,YAAa/H,KAAK1D,SAASkC,SAAW,EAAG6C,KAAMrB,KAAKqB,KAAM,aAAcrB,KAAKxD,SAAW,IACjG+K,QAAUrC,GAAkBlF,KAAKuH,QAAQrC,IACzC+B,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,iBAAiBC,IAAK5K,GAAY4C,KAAK8D,eAAiB1G,GACjE4C,KAAKgE,aAEPiD,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,QAAQC,IAAK5K,GAAY4C,KAAKmF,aAAe/H,GACvD6J,EAAA,iBAAAV,IAAA,2CAAewB,MAAM,mBAAmBtH,KAAK,eAAewH,KAAK,QAAQC,QAASlI,KAAKmI,eACvFlB,EAAA,QAAAV,IAAA,2CAAM9F,KAAK,QACVT,KAAK0B,OAAS,WAAa1B,KAAKY,UAChCqG,EAAA,iBAAAV,IAAA,2CACCyB,IAAK5K,GAAY4C,KAAKyH,cAAgBrK,EACtC6K,KAAK,OACLxH,KAAMT,KAAKqB,KAAO,qBAAuB,2BAI5C4F,EAAA,QAAAV,IAAA,2CAAM9F,KAAK,UACXwG,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,WAAWC,IAAMI,GAAwBpI,KAAKuC,gBAAkB6F,GAC1EnB,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,UACVd,EAAA,iBAAAV,IAAA,2CAAe9F,KAAK,iBAAiBwH,KAAK,UAC1ChB,EAAA,SAAAV,IAAA,2CACCwB,MAAM,eACNC,IAAKI,GAAOpI,KAAKkH,cAAgBkB,EACjCjK,SAAU6B,KAAKkB,eACfoF,UAAWpB,GAAKlF,KAAKsG,UAAUpB,GAC/BmD,QAASnD,IAAI,IAAAnI,EAAAU,EAAC,OAACyH,EAAEE,kBAAmBpF,KAAKmH,WAAU1J,GAAAV,EAAAiD,KAAKkH,iBAAa,MAAAnK,SAAA,SAAAA,EAAEb,SAAK,MAAAuB,SAAA,EAAAA,EAAI,GAAG,EACnF6K,QAASpD,IAAI,IAAAnI,EAAAU,EAAC,OAACyH,EAAEE,kBAAmBpF,KAAKmH,WAAU1J,GAAAV,EAAAiD,KAAKkH,iBAAa,MAAAnK,SAAA,SAAAA,EAAEb,SAAK,MAAAuB,SAAA,EAAAA,EAAI,GAAG,IAEpFwJ,EAAA,iBAAAV,IAAA,2CACC9F,KAAK,oBACLwH,KAAK,QACLV,QAAS,K,MACRvH,KAAK8G,eACL/J,EAAAiD,KAAKkH,iBAAa,MAAAnK,SAAA,SAAAA,EAAEqK,OAAO,IAG5BpH,KAAKmB,SAAW8F,EAAA,iBAAAV,IAAA,2CAAe9F,KAAK,MAAMwH,KAAK,QAAQV,QAAS,IAAMvH,KAAK+G,aAE7EE,EAAA,OAAAV,IAAA,2CAAKwB,MAAM,OAAO7J,QAAS8B,KAAKqB,MAC/B4F,EAAA,QAAAV,IAAA,6CACCvG,KAAKsB,a","ignoreList":[]}

package/dist/components/{p-C_f8s6n5.js → p-Q-gVll-_.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,c as s,h as e,d as h,t as c}from"./p-BsZrGTcp.js";import{E as n}from"./p-DFXJvHuL.js";import{I as l}from"./p-DgaHxdNI.js";import{d as i}from"./p-BiQsRsV4.js";const a=()=>`.sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const r=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,!this.color&&(this.color=t)}));this.smoothlyInputLoad.emit((o=>this.parent=o));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(o){l.registerSubAction(this,o)}nameChange(o,t){l.formRename(this,t)}async register(){l.formAdd(this)}async unregister(){l.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(o,t){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const s=!!this.checked!=!!t;if(s){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return e(h,{key:"d3c69edab659c924b8bcdc9bd7f2c8f3bf3b6b6d"},e("input",{key:"a6ce7d4cc668104d71171e717efe6cbf24227d43",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async o=>{this.checked=o.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&e("smoothly-icon",{key:"1469bffde30e54f10340e7a6c4a22dac6d6b3755",name:"checkmark-sharp",size:"tiny"}),e("label",{key:"768ef233b6b58a99328caaeae28a30a3f0ee3c7e",htmlFor:this.id},e("slot",{key:"8d6cd0ff949cd3b444dad658a3ebe4a6c974ca42"})),e("span",{key:"e87b01790eb36fafdb0ef8ad4ef4cfefbc32bbde",class:"smoothly-checkbox-end-slot"},e("slot",{key:"3287f4a21799575093d3116708912944fb475576",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}static get style(){return a()}},[262,"smoothly-input-checkbox",{name:[513],readonly:[1540],disabled:[516],checked:[1540],value:[16],looks:[1537],color:[1537],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}]);function b(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-checkbox","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-checkbox":if(!customElements.get(c(o))){customElements.define(c(o),r)}break;case"smoothly-icon":if(!customElements.get(c(o))){i()}break}}))}b();export{r as S,b as d};
-//# sourceMappingURL=p-C_f8s6n5.js.map
+import{p as o,H as t,c as s,h as e,d as h,t as c}from"./p-BsZrGTcp.js";import{E as n}from"./p-DFXJvHuL.js";import{I as l}from"./p-BpBeeNcM.js";import{d as i}from"./p-BiQsRsV4.js";const a=()=>`.sc-smoothly-input-checkbox-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-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-checkbox-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-checkbox-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-checkbox-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-checkbox-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-checkbox-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-checkbox-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[looks="transparent"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-checkbox-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-checkbox-h.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-checkbox-h.floating-label.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.floating-label .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value.sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h.has-value .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[placeholder] .sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly].sc-smoothly-input-checkbox-s>[slot=label],.sc-smoothly-input-checkbox-h[readonly] .sc-smoothly-input-checkbox-s>[slot=label],.floating-label.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-value.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.has-text.sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[placeholder].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,[readonly].sc-smoothly-input-checkbox-h .label.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-checkbox{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-checkbox-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-checkbox{display:none}.sc-smoothly-input-checkbox-h smoothly-icon.smoothly-invalid.sc-smoothly-input-checkbox{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5rem;padding-inline:var(--input-padding-side);background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:has(>.smoothly-checkbox-end-slot:not(:empty)){padding-right:0}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border-radius:0.25rem;border:1px solid rgb(var(--smoothly-input-foreground));color:rgb(var(--smoothly-input-foreground));display:block}[checked][looks=transparent].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[checked].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{background-color:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>input.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly]):not([disabled])>label.sc-smoothly-input-checkbox{cursor:pointer}.sc-smoothly-input-checkbox-h>label.sc-smoothly-input-checkbox:empty{display:none}[disabled].sc-smoothly-input-checkbox-h,[disabled].sc-smoothly-input-checkbox-h>*.sc-smoothly-input-checkbox{cursor:not-allowed}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1;pointer-events:none;--smoothly-color-contrast:var(--smoothly-input-background)}[looks="transparent"].sc-smoothly-input-checkbox-h{background-color:transparent}[looks="transparent"].sc-smoothly-input-checkbox-h:not([readonly]):focus-within{outline-color:transparent}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox{margin-left:auto}.sc-smoothly-input-checkbox-h>.smoothly-checkbox-end-slot.sc-smoothly-input-checkbox:empty{display:none}`;const r=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=n.Observer.create(this);this.readonly=false;this.checked=false}componentWillLoad(){this.initialValue=this.checked;!this.readonly&&this.smoothlyFormDisable.emit((o=>this.readonly=o));this.smoothlyInputLooks.emit(((o,t)=>{var s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:o,!this.color&&(this.color=t)}));this.smoothlyInputLoad.emit((o=>this.parent=o));this.observer.publish();this.id="id-"+Math.random().toString(36).substring(2,11)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}async smoothlyInputLoadHandler(o){l.registerSubAction(this,o)}nameChange(o,t){l.formRename(this,t)}async register(){l.formAdd(this)}async unregister(){l.formRemove(this)}async getValue(){return this.value?this.value[`${!!this.checked}`]:this.checked}async clear(){!this.disabled&&!this.readonly&&(this.checked=false)}async listen(o){this.observer.subscribe(o)}async edit(o){this.readonly=!o}async reset(){this.checked=this.initialValue}async setInitialValue(){this.initialValue=this.checked;this.isDifferentFromInitial=false}async handleDisabledChange(){this.observer.publish()}async elementCheck(o,t){this.isDifferentFromInitial=!!this.initialValue!=!!this.checked;const s=!!this.checked!=!!t;if(s){this.smoothlyInput.emit({[this.name]:await this.getValue()});this.observer.publish()}}render(){return e(h,{key:"d3c69edab659c924b8bcdc9bd7f2c8f3bf3b6b6d"},e("input",{key:"a6ce7d4cc668104d71171e717efe6cbf24227d43",type:"checkbox",id:this.id,checked:this.checked,disabled:this.disabled||this.readonly,onChange:async o=>{this.checked=o.target.checked;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),this.checked&&e("smoothly-icon",{key:"1469bffde30e54f10340e7a6c4a22dac6d6b3755",name:"checkmark-sharp",size:"tiny"}),e("label",{key:"768ef233b6b58a99328caaeae28a30a3f0ee3c7e",htmlFor:this.id},e("slot",{key:"8d6cd0ff949cd3b444dad658a3ebe4a6c974ca42"})),e("span",{key:"e87b01790eb36fafdb0ef8ad4ef4cfefbc32bbde",class:"smoothly-checkbox-end-slot"},e("slot",{key:"3287f4a21799575093d3116708912944fb475576",name:"end"})))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}}static get style(){return a()}},[262,"smoothly-input-checkbox",{name:[513],readonly:[1540],disabled:[516],checked:[1540],value:[16],looks:[1537],color:[1537],register:[64],unregister:[64],getValue:[64],clear:[64],listen:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLoad","smoothlyInputLoadHandler"]],{name:[{nameChange:0}],disabled:[{handleDisabledChange:0}],readonly:[{handleDisabledChange:0}],checked:[{elementCheck:0}]}]);function b(){if(typeof customElements==="undefined"){return}const o=["smoothly-input-checkbox","smoothly-icon"];o.forEach((o=>{switch(o){case"smoothly-input-checkbox":if(!customElements.get(c(o))){customElements.define(c(o),r)}break;case"smoothly-icon":if(!customElements.get(c(o))){i()}break}}))}b();export{r as S,b as d};
+//# sourceMappingURL=p-Q-gVll-_.js.map

package/dist/components/{p-CGG77xzV.js → p-Qf8o2d67.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-DgaHxdNI.js";import{d as m}from"./p-BqAN7jax.js";import{d}from"./p-BiQsRsV4.js";import{d as r}from"./p-R4uIvvER.js";import{d as u}from"./p-DTqtObrT.js";import{d as p}from"./p-RNCr3p17.js";import{d as c}from"./p-BS2SWUX6.js";const y=()=>`.sc-smoothly-input-date-time-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-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-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-date-time-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-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-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-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-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-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"e3026057b92f6fcf94e0abc163d179557991a56d"},s("smoothly-input",{key:"899dce367576b7d7c9b71c98753579a08b85e4f2",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"8f35a2a863b7b7cf177f0ac69534f7ce77fe1f2c"})),s("smoothly-input",{key:"2eda68cc37c950ca7318d2f82989402890420b3b",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"adadacca4988e986f1aa32c32f43c9e528b01c3c",class:"colon"},":"),s("smoothly-input",{key:"9dad75b858470dd4ba808aa89062eed852190cf9",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"71b671253a0616cc4858b3a6ee5e3466442491dd",class:"icons"},s("smoothly-icon",{key:"42087cb059d241c89ba24bacf3515a3a02641ccf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"333c5b5cd559d2d1dd492e23cf68ace9bb77821a",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"f51dffb8bfe1e12d9cbc020d5129a0fd27c170e0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"e2cdfa2540db761e6cba45ea4526cd3b8678d5ec",slot:"year-label"},s("slot",{key:"96fb5e705509cb97721f48066cbcceee91e4477d",name:"year-label"})),s("div",{key:"134921d0e28c76ba346231073135fab12acdfb17",slot:"month-label"},s("slot",{key:"73aedfafe560f577e97f16730c0b295eeb8f172e",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
-//# sourceMappingURL=p-CGG77xzV.js.map
+import{p as t,H as o,c as e,h as s,d as i,t as n}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{E as l}from"./p-DFXJvHuL.js";import{I as h}from"./p-BpBeeNcM.js";import{d as m}from"./p-DdXfvS4U.js";import{d}from"./p-BiQsRsV4.js";import{d as r}from"./p-7ReeDB-R.js";import{d as u}from"./p-B6W5V130.js";import{d as p}from"./p-OfpR2_fh.js";import{d as c}from"./p-DKir2dIt.js";const y=()=>`.sc-smoothly-input-date-time-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-date-time-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks="border"].sc-smoothly-input-date-time-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks="border"][readonly].sc-smoothly-input-date-time-h{border:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks="line"][readonly].sc-smoothly-input-date-time-h{border-bottom:transparent solid 1px}[looks="line"].sc-smoothly-input-date-time-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-date-time-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-date-time-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks="grid"].sc-smoothly-input-date-time-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-date-time-h{border:none}[looks="transparent"][readonly].sc-smoothly-input-date-time-h,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within){background-color:transparent}[looks="transparent"][readonly].sc-smoothly-input-date-time-h>input.sc-smoothly-input-date-time,[looks="transparent"].sc-smoothly-input-date-time-h:not(:focus-within)>input.sc-smoothly-input-date-time{background-color:transparent}[looks="transparent"].sc-smoothly-input-date-time-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-date-time-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-date-time-h.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-date-time-h.floating-label.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.floating-label .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value.sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h.has-value .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[placeholder] .sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly].sc-smoothly-input-date-time-s>[slot=label],.sc-smoothly-input-date-time-h[readonly] .sc-smoothly-input-date-time-s>[slot=label],.floating-label.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-value.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.has-text.sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[placeholder].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,[readonly].sc-smoothly-input-date-time-h .label.sc-smoothly-input-date-time,.sc-smoothly-input-date-time-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input-date-time{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-date-time-h:not([show-label]):not(.show-label) .label.sc-smoothly-input-date-time{display:none}.sc-smoothly-input-date-time-h smoothly-icon.smoothly-invalid.sc-smoothly-input-date-time{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-date-time-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background));box-sizing:border-box;min-height:var(--input-min-height)}.sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time{--input-min-height:calc(var(--input-min-height) - 2px);--smoothly-input-border-focus:none}.sc-smoothly-input-date-time-h:not([readonly])>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:pointer}[disabled].sc-smoothly-input-date-time-h,[disabled].sc-smoothly-input-date-time-h>smoothly-input.sc-smoothly-input-date-time>div.sc-smoothly-input-date-time>input.sc-smoothly-input-date-time{cursor:not-allowed}[looks=transparent].sc-smoothly-input-date-time-h smoothly-input.sc-smoothly-input-date-time{outline:none}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time{position:absolute;z-index:20;top:4rem;background-color:rgb(var(--smoothly-input-background));min-width:18rem;max-width:22rem}.sc-smoothly-input-date-time-h>smoothly-calendar.sc-smoothly-input-date-time::before{content:"";box-sizing:border-box;position:absolute;top:-0.55rem;left:2rem;z-index:9;transform:rotate(45deg);width:1rem;height:1rem;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-time-h>span.icons.sc-smoothly-input-date-time{display:flex;flex-direction:row;align-items:center}.sc-smoothly-input-date-time-h>smoothly-input[name="date"].sc-smoothly-input-date-time{width:12rem}.sc-smoothly-input-date-time-h>smoothly-input[name="hour"].sc-smoothly-input-date-time{width:4rem}.sc-smoothly-input-date-time-h>smoothly-input[name="minute"].sc-smoothly-input-date-time{min-width:4rem;flex-grow:1}.sc-smoothly-input-date-time-h>span.colon.sc-smoothly-input-date-time{padding:var(--input-value-padding-top)    var(--input-padding-side)    var(--input-value-padding-bottom)    var(--input-padding-side)}.sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:none;z-index:2;cursor:pointer;padding:0.5rem}[invalid].sc-smoothly-input-date-time-h>.icons.sc-smoothly-input-date-time>.smoothly-invalid.sc-smoothly-input-date-time{display:flex}`;const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLoad=e(this,"smoothlyInputLoad");this.smoothlyValueChange=e(this,"smoothlyValueChange");this.smoothlyInput=e(this,"smoothlyInput");this.smoothlyUserInput=e(this,"smoothlyUserInput");this.smoothlyInputLooks=e(this,"smoothlyInputLooks");this.smoothlyFormDisable=e(this,"smoothlyFormDisable");this.readonly=false;this.invalid=false;this.isDifferentFromInitial=false;this.observer=l.Observer.create(this);this.showLabel=true}componentWillLoad(){this.setInitialValue();this.smoothlyInputLooks.emit(((t,o)=>{var e;return this.looks=(e=this.looks)!==null&&e!==void 0?e:t,!this.color&&(this.color=o)}));this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));this.observer.publish();this.valueChange(this.value)}async disconnectedCallback(){if(!this.element.isConnected){await this.unregister()}}nameChange(t,o){h.formRename(this,o)}async register(){h.formAdd(this)}async unregister(){h.formRemove(this)}async getValue(){const t=this.date&&typeof this.hour=="number"&&typeof this.minute=="number"?`${this.date}T${`${this.hour}`.padStart(2,"0")}:${`${this.minute}`.padStart(2,"0")}:00.000Z`:undefined;return a.DateTime.is(t)?t:undefined}async listen(t){this.observer.subscribe(t)}async clear(){this.value=undefined;this.date=undefined;this.hour=undefined;this.minute=undefined}async handleChange(){const t=await this.getValue();this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}valueChange(t){if(a.DateTime.is(t)){this.date=a.DateTime.getDate(t);this.hour=a.DateTime.getHour(t);this.minute=a.DateTime.getMinute(t)}this.smoothlyValueChange.emit(t);this.smoothlyInput.emit({[this.name]:t});this.observer.publish()}watchingReadonly(){this.observer.publish()}smoothlyInputLooksHandler(t){if(t.target!=this.element){t.stopPropagation()}}smoothlyInputLoadHandler(t){h.registerSubAction(this,t)}onWindowClick(t){!t.composedPath().includes(this.element)&&this.open&&(this.open=!this.open)}async edit(t){this.readonly=!t}async reset(){if(a.DateTime.is(this.initialValue)){this.date=a.DateTime.getDate(this.initialValue);this.hour=a.DateTime.getHour(this.initialValue);this.minute=a.DateTime.getMinute(this.initialValue)}else{this.date=undefined;this.hour=undefined;this.minute=undefined}}async setInitialValue(){this.initialValue=await this.getValue();this.isDifferentFromInitial=false}render(){return s(i,{key:"e3026057b92f6fcf94e0abc163d179557991a56d"},s("smoothly-input",{key:"899dce367576b7d7c9b71c98753579a08b85e4f2",color:this.color,looks:this.looks=="transparent"?this.looks:undefined,name:"date",onFocus:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),onClick:()=>!this.readonly&&!this.disabled&&(this.open=!this.open),readonly:this.readonly,disabled:this.disabled,type:"date",value:this.date,showLabel:this.showLabel,onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.date=t.detail.date},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}},s("slot",{key:"8f35a2a863b7b7cf177f0ac69534f7ce77fe1f2c"})),s("smoothly-input",{key:"2eda68cc37c950ca7318d2f82989402890420b3b",name:"hour",type:"integer",max:23,pad:2,value:this.hour,readonly:this.readonly,disabled:this.disabled,placeholder:"hh",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.hour=t.detail.hour},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"adadacca4988e986f1aa32c32f43c9e528b01c3c",class:"colon"},":"),s("smoothly-input",{key:"9dad75b858470dd4ba808aa89062eed852190cf9",name:"minute",type:"integer",max:59,pad:2,value:this.minute,readonly:this.readonly,disabled:this.disabled,placeholder:"mm",onSmoothlyInputLoad:t=>t.stopPropagation(),onSmoothlyInput:async t=>{t.stopPropagation();this.minute=t.detail.minute},onSmoothlyUserInput:async t=>{t.stopPropagation();this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()})}}),s("span",{key:"71b671253a0616cc4858b3a6ee5e3466442491dd",class:"icons"},s("smoothly-icon",{key:"42087cb059d241c89ba24bacf3515a3a02641ccf",class:"smoothly-invalid",name:"alert-circle",size:"small",tooltip:this.errorMessage}),s("slot",{key:"333c5b5cd559d2d1dd492e23cf68ace9bb77821a",name:"end"})),this.open&&!this.readonly&&s("smoothly-calendar",{key:"f51dffb8bfe1e12d9cbc020d5129a0fd27c170e0",doubleInput:false,value:this.value?a.DateTime.getDate(this.value):undefined,min:this.min?a.DateTime.getDate(this.min):undefined,max:this.max?a.DateTime.getDate(this.max):undefined,onSmoothlyDateSet:async t=>{t.stopPropagation();this.date=t.detail;this.smoothlyUserInput.emit({name:this.name,value:await this.getValue()});this.open=false}},s("div",{key:"e2cdfa2540db761e6cba45ea4526cd3b8678d5ec",slot:"year-label"},s("slot",{key:"96fb5e705509cb97721f48066cbcceee91e4477d",name:"year-label"})),s("div",{key:"134921d0e28c76ba346231073135fab12acdfb17",slot:"month-label"},s("slot",{key:"73aedfafe560f577e97f16730c0b295eeb8f172e",name:"month-label"}))))}get element(){return this}static get watchers(){return{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}}static get style(){return y()}},[262,"smoothly-input-date-time",{color:[1537],looks:[1537],name:[513],readonly:[1540],disabled:[516],invalid:[516],errorMessage:[513,"error-message"],value:[1025],open:[1028],showLabel:[516,"show-label"],min:[1],max:[1],date:[32],hour:[32],minute:[32],register:[64],unregister:[64],getValue:[64],listen:[64],clear:[64],edit:[64],reset:[64],setInitialValue:[64]},[[0,"smoothlyInputLooks","smoothlyInputLooksHandler"],[0,"smoothlyInputLoad","smoothlyInputLoadHandler"],[8,"click","onWindowClick"]],{name:[{nameChange:0}],date:[{handleChange:0}],hour:[{handleChange:0}],minute:[{handleChange:0}],value:[{valueChange:0}],disabled:[{watchingReadonly:0}],readonly:[{watchingReadonly:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-time","smoothly-calendar","smoothly-icon","smoothly-input","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-time":if(!customElements.get(n(t))){customElements.define(n(t),b)}break;case"smoothly-calendar":if(!customElements.get(n(t))){m()}break;case"smoothly-icon":if(!customElements.get(n(t))){d()}break;case"smoothly-input":if(!customElements.get(n(t))){r()}break;case"smoothly-input-month":if(!customElements.get(n(t))){u()}break;case"smoothly-input-select":if(!customElements.get(n(t))){p()}break;case"smoothly-item":if(!customElements.get(n(t))){c()}break}}))}f();export{b as S,f as d};
+//# sourceMappingURL=p-Qf8o2d67.js.map

package/dist/components/{p-DXHBXAV0.js → p-V6FzDWfL.js}

@@ -1,2 +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{I as a}from"./p-DgaHxdNI.js";import{d as m}from"./p-BiQsRsV4.js";const d=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const c=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyRadioItemSelect=i(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=i(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(a.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return s(e,{key:"370000d169e3450e3646936321086771915d4fad",onClick:()=>this.inputHandler(true)},s("input",{key:"b750a0accdbf51b07e2304cb90387110fd59b618",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),s("smoothly-icon",{key:"98c9ceaa8bba2beff6477149fc393507da83d79d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),s("label",{key:"f3fb78e097edde9b4a6ddfbd951e6614713374fc"},s("slot",{key:"1f9e1d9419e874fe7dc9dd4696167449c34c14da"})),s("slot",{key:"0165c599564757d6b34944505fa296cd52fadc11",name:"detail"}))}get element(){return this}static get style(){return d()}},[262,"smoothly-input-radio-item",{value:[1032],selected:[1540],looks:[1537],name:[1025],disabled:[32]}]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-radio-item","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-radio-item":if(!customElements.get(l(t))){customElements.define(l(t),c)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break}}))}n();export{c as S,n as d};
-//# sourceMappingURL=p-DXHBXAV0.js.map
+import{p as t,H as o,c as i,h as s,d as e,t as l}from"./p-BsZrGTcp.js";import{I as a}from"./p-BpBeeNcM.js";import{d as m}from"./p-BiQsRsV4.js";const d=()=>`.sc-smoothly-input-radio-item-h{display:flex;flex-wrap:wrap;align-items:center;position:relative}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:pointer}smoothly-input-radio[disabled] .sc-smoothly-input-radio-item-h>*.sc-smoothly-input-radio-item{cursor:not-allowed}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item:focus-visible+smoothly-icon.sc-smoothly-input-radio-item{outline:2px solid rgb(var(--smoothly-primary-color));border-radius:1px}.sc-smoothly-input-radio-item-h>smoothly-icon.sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-input-foreground)}smoothly-input-radio:not([disabled]):not([readonly]) .sc-smoothly-input-radio-item-h>smoothly-icon[name=checkmark-circle].sc-smoothly-input-radio-item{--smoothly-color-contrast:var(--smoothly-success-color)}.sc-smoothly-input-radio-item-h>input.sc-smoothly-input-radio-item{opacity:0;z-index:1;width:1.5em;height:1.5em;position:absolute;transform:translateX(50%)}.sc-smoothly-input-radio-item-h>label.sc-smoothly-input-radio-item{padding:0 .3em;white-space:nowrap}.sc-smoothly-input-radio-item-h[selected].sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h[selected] .sc-smoothly-input-radio-item-s>[slot="detail"]{display:block;width:100%}.sc-smoothly-input-radio-item-h.sc-smoothly-input-radio-item-s>[slot="detail"],.sc-smoothly-input-radio-item-h .sc-smoothly-input-radio-item-s>[slot="detail"]{display:none}`;const c=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyRadioItemSelect=i(this,"smoothlyRadioItemSelect");this.smoothlyRadioItemRegister=i(this,"smoothlyRadioItemRegister");this.selected=false}componentWillLoad(){this.smoothlyRadioItemRegister.emit((t=>{this.name=t.name;t.listen((async t=>{if(a.is(t)){this.disabled=t.disabled}}))}));this.selected&&this.inputHandler(false)}inputHandler(t){this.smoothlyRadioItemSelect.emit({value:this.value,selected:this.selected,select:t=>this.selected=t,userInitiated:t})}render(){return s(e,{key:"370000d169e3450e3646936321086771915d4fad",onClick:()=>this.inputHandler(true)},s("input",{key:"b750a0accdbf51b07e2304cb90387110fd59b618",name:this.name,type:"radio",checked:this.selected,disabled:this.disabled}),s("smoothly-icon",{key:"98c9ceaa8bba2beff6477149fc393507da83d79d",name:this.selected?"checkmark-circle":"ellipse-outline",size:"small",tooltip:"Select"}),s("label",{key:"f3fb78e097edde9b4a6ddfbd951e6614713374fc"},s("slot",{key:"1f9e1d9419e874fe7dc9dd4696167449c34c14da"})),s("slot",{key:"0165c599564757d6b34944505fa296cd52fadc11",name:"detail"}))}get element(){return this}static get style(){return d()}},[262,"smoothly-input-radio-item",{value:[1032],selected:[1540],looks:[1537],name:[1025],disabled:[32]}]);function n(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-radio-item","smoothly-icon"];t.forEach((t=>{switch(t){case"smoothly-input-radio-item":if(!customElements.get(l(t))){customElements.define(l(t),c)}break;case"smoothly-icon":if(!customElements.get(l(t))){m()}break}}))}n();export{c as S,n as d};
+//# sourceMappingURL=p-V6FzDWfL.js.map

package/dist/components/p-W-kaGeCx.js

@@ -0,0 +1,2 @@
+import{p as e,H as o,h as t,d as s,t as c}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as r}from"./p-DX3KKRD9.js";import{d as a}from"./p-BpBeeNcM.js";import{d as n}from"./p-BiQsRsV4.js";import{d as i}from"./p-7ReeDB-R.js";import{d as p}from"./p-CGg8GrGq.js";import{d as f}from"./p-xbCL6ChL.js";import{d as y}from"./p-BEQ2yAjW.js";const d=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return t(s,{key:"ddaf2991aa275d3e43d7b103c1610e9c9d90e540"},t("h2",{key:"ade32ad1ec5facad78d0c02c60fb41e7ddc220b2"},"Prices"),t("smoothly-form",{key:"babe8324ffdccb239ea220e4f78b0eb8180935e2",looks:"line"},t("smoothly-input",{key:"108bae0b5210eedc2ea7eecf733c307c81902c67",type:"price",name:"no"},"No currency"),t("smoothly-input",{key:"8db15ba85d0a56d34e5af866cf41adb26c05f24f",type:"price",name:"crowns",currency:"SEK",toInteger:true},"SEK (toInteger)"),t("smoothly-input",{key:"de60d9244a12bbe6eff9ffc0b9a4ca4bb57059cc",type:"price",name:"usDollar",currency:"USD"},"USD"),t("smoothly-input",{key:"86c99574c9b71982e761c36c749a299ee77035e1",type:"price",name:"pounds",currency:"GBP"},"GBP"),t("smoothly-input",{key:"7f60f189c2f39bc4d90ea5e1a4ade4405424bfb2",type:"price",name:"peso",currency:"UYW"},"UYW"),t("smoothly-input",{key:"2a6608e00e03a3b296df690c332d60d2538d5d5b",type:"price",name:"iceland",currency:"ISK"},"ISK"),t("smoothly-input",{key:"b69ac9c3668624b1050b4adbd40ea2988c89b7bc",type:"price",name:"Palladium",currency:"XPD"},"XPD (Palladium)"),t("smoothly-input-reset",{key:"e161b00dae69f994c8f8a1cf8b0d218c9b76b186",slot:"reset",fill:"default",type:"form",color:"warning"}),t("smoothly-input-submit",{key:"620aed2e802906bc5c69b9dada89cdc5e01cc2d8",slot:"submit"})))}},[2,"smoothly-form-demo-prices"]);function l(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-prices","smoothly-button","smoothly-button-confirm","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-reset","smoothly-input-submit","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-form-demo-prices":if(!customElements.get(c(e))){customElements.define(c(e),d)}break;case"smoothly-button":if(!customElements.get(c(e))){m()}break;case"smoothly-button-confirm":if(!customElements.get(c(e))){r()}break;case"smoothly-form":if(!customElements.get(c(e))){a()}break;case"smoothly-icon":if(!customElements.get(c(e))){n()}break;case"smoothly-input":if(!customElements.get(c(e))){i()}break;case"smoothly-input-reset":if(!customElements.get(c(e))){p()}break;case"smoothly-input-submit":if(!customElements.get(c(e))){f()}break;case"smoothly-spinner":if(!customElements.get(c(e))){y()}break}}))}l();export{d as S,l as d};
+//# sourceMappingURL=p-W-kaGeCx.js.map

package/dist/components/{p-DlHIV5_u.js.map → p-W-kaGeCx.js.map}

@@ -1 +1 @@
-{"version":3,"names":["SmoothlyFormDemoPrices","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","looks","type","name","currency","toInteger","slot","fill","color"],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iWAMaA,EAAsBC,EAAA,MAAAD,UAAAE,E,4DAClC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,sDACAF,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,QACpBH,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,MAAI,eAGtCL,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,SAASC,SAAS,MAAMC,UAAS,yBAGnEP,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,WAAWC,SAAS,OAAK,OAG3DN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,SAASC,SAAS,OAAK,OAGzDN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,OAAOC,SAAS,OAAK,OAGvDN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,UAAUC,SAAS,OAAK,OAG1DN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,YAAYC,SAAS,OACrD,mBAEFN,EAAA,wBAAAE,IAAA,2CAAsBM,KAAK,QAAQC,KAAK,UAAUL,KAAK,OAAOM,MAAM,YACpEV,EAAA,yBAAAE,IAAA,2CAAuBM,KAAK,Y","ignoreList":[]}
+{"version":3,"names":["SmoothlyFormDemoPrices","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","looks","type","name","currency","toInteger","slot","fill","color"],"sources":["src/components/form/demo/prices/index.tsx"],"sourcesContent":["import { Component, h, Host, VNode } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-form-demo-prices\",\n\tscoped: true,\n})\nexport class SmoothlyFormDemoPrices {\n\trender(): VNode | VNode[] {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<h2>Prices</h2>\n\t\t\t\t<smoothly-form looks=\"line\">\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"no\">\n\t\t\t\t\t\tNo currency\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"crowns\" currency=\"SEK\" toInteger>\n\t\t\t\t\t\tSEK (toInteger)\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"usDollar\" currency=\"USD\">\n\t\t\t\t\t\tUSD\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"pounds\" currency=\"GBP\">\n\t\t\t\t\t\tGBP\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"peso\" currency=\"UYW\">\n\t\t\t\t\t\tUYW\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"iceland\" currency=\"ISK\">\n\t\t\t\t\t\tISK\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input type=\"price\" name=\"Palladium\" currency=\"XPD\">\n\t\t\t\t\t\t{\"XPD (Palladium)\"}\n\t\t\t\t\t</smoothly-input>\n\t\t\t\t\t<smoothly-input-reset slot=\"reset\" fill=\"default\" type=\"form\" color=\"warning\" />\n\t\t\t\t\t<smoothly-input-submit slot=\"submit\" />\n\t\t\t\t</smoothly-form>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"sWAMaA,EAAsBC,EAAA,MAAAD,UAAAE,E,4DAClC,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,MAAAE,IAAA,sDACAF,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,QACpBH,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,MAAI,eAGtCL,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,SAASC,SAAS,MAAMC,UAAS,yBAGnEP,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,WAAWC,SAAS,OAAK,OAG3DN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,SAASC,SAAS,OAAK,OAGzDN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,OAAOC,SAAS,OAAK,OAGvDN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,UAAUC,SAAS,OAAK,OAG1DN,EAAA,kBAAAE,IAAA,2CAAgBE,KAAK,QAAQC,KAAK,YAAYC,SAAS,OACrD,mBAEFN,EAAA,wBAAAE,IAAA,2CAAsBM,KAAK,QAAQC,KAAK,UAAUL,KAAK,OAAOM,MAAM,YACpEV,EAAA,yBAAAE,IAAA,2CAAuBM,KAAK,Y","ignoreList":[]}

package/dist/components/{p-DBkHnJdp.js → p-WzQNLGYx.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as i}from"./p-CkXes5c-.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as r}from"./p-BqAN7jax.js";import{d as n}from"./p-B8ljN4o0.js";import{d}from"./p-DM5CKilY.js";import{d as f}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as y}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as h}from"./p-DgaHxdNI.js";import{d as u}from"./p-BiQsRsV4.js";import{d as k}from"./p-R4uIvvER.js";import{d as j}from"./p-C_f8s6n5.js";import{d as g}from"./p-DZadnBSZ.js";import{d as v}from"./p-nrkV1PqR.js";import{d as E}from"./p-C9zTTp-4.js";import{d as w}from"./p-DKggy9E3.js";import{d as O}from"./p-CGG77xzV.js";import{d as S}from"./p-CioJtwj-.js";import{d as x}from"./p-DTqtObrT.js";import{d as D}from"./p-BDhPxj59.js";import{d as z}from"./p-DXHBXAV0.js";import{d as C}from"./p-D2FsRCII.js";import{d as P}from"./p-DqwlZYFh.js";import{d as F}from"./p-RNCr3p17.js";import{d as R}from"./p-CVp4Wd4u.js";import{d as I}from"./p-BS2SWUX6.js";import{d as H}from"./p-CsLlJDsh.js";import{d as N}from"./p-DSsOLbj6.js";import{d as B}from"./p-2Y5tLcQ1.js";import{d as q}from"./p-DMzn0Iz0.js";const T=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const V=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"88099a7fd5f8f5a0d613fcff4b817545901d356d"},o("h2",{key:"8dd122875fc1f4c742102f0e62a512db538baac8"},"Pet"),o("h3",{key:"bfb98de17657a63e7713c2b02f12f0be7eca9231"},"Value"),o("smoothly-form",{key:"8395ed11ebcff8d9c8f66d3718324b08c0445d83",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"af774efd343074cf0582e5e94f163db036cb0879",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"84f83295dc09f2cae1660b7809f4f9fc5cd0703f",slot:"end"})),o("smoothly-input",{key:"6b7a0b6717c2ccb9aa0e2095afe94138213a3e67",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"c0094ce4c1c2b3809642b501ed2daa5b11960cc6",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"fb26cd76bb633fb4c02d6cf886a013c85b63fd07",slot:"end"})),this.hasOwner&&o(a,{key:"0ab3080a8779a0eb75fcad913be3f37674eef021"},o("smoothly-input",{key:"35ae9e6768fc5d28e2977a505887e27453093f4f",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"ccae0cd45403a3a9cdc75d14199133478f2fbe33",slot:"end"})),o("smoothly-input",{key:"d7a6162e9b0b05794d234dedef605673ca3df8ba",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"b2200911dadfb95781f82dd3a4f31f4217861c84",name:"owner.picture"},o("span",{key:"4b4d34c2d3956c655f688e320d8f1557fe250dbe",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"1092a9022d1e49ad15a8a27cd053b77679e82605",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"7b3fb12d0755e96fdacca6a9b07fc65616b66330",slot:"end"})),o("smoothly-input-date-range",{key:"d8f76a97851a6ba11085b42487f69b1056ffd829",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"c879d11886be04ab9bb8d090f7f8b56a67466b9b",slot:"end"})),o("smoothly-input-range",{key:"476435b88267d69b4f75880f0b14d762bad9e55b",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"cfde948cafc0d28ad7eb6cd2eb6fe5147d2ad2e5",slot:"end"})),o("smoothly-input-select",{key:"e31966b6b1f089057a709e0df0ee74cd4794bc4c",name:"owner.favoriteHat"},o("span",{key:"0db0b774a2742f2ea985167bf2e9088e13ca2964",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"d7ed622d339284fad2057e703b2c7125fb15c01a",slot:"end"})),o("smoothly-input-color",{key:"537f228ad70488f3347bab5aa8e5fba50d7ad174",name:"owner.favoriteColor",value:this.owner.favoriteColor?i.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"22b5f2f502e774827676fa238e72dbe083188421",slot:"end"})),o("smoothly-input-radio",{key:"71b2de0772f311b39af9db0a6c32e1ebdbe9b60e",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"178dadde1b90e0babc9e4d3d2576f96cbc876fdd",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"8ef6280e5514b390ab22b28146aadd819c89f95e",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"a566ef21f483d11b0d7ad4d42218244f715ab58c"},o("smoothly-tab",{key:"efeebdaf5ee1175c36b248e3ce5d4a1cb0e1e0f1",label:"Dog",name:"dog"},o("smoothly-input",{key:"f932840909cede23f122c6094a75525b14378f7c",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"b3b91c23a61e9ba9c20badb039ff555972fe3985",name:"dog.picture"},o("span",{key:"c74681d13077eb990d89716c7cd2c89950e44eb9",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"bd89d002065c7365b7c93033714eb1e21a8e4774",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4ac749261e9edb101e85a7000376a813de212942",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"86e21db2c7e5c68e22f1583e7309318e6e4c6003",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"efaaffb5b33575a079ca40319ef829ffef5af14e",name:"dog.favoriteHat"},o("span",{key:"b9a9268cad14e92950cba4e851b4d1eaf2206b30",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"d6b56f10b63036a12423b84ebee35cb48faa659a",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3be208ceca38e4023a06f0df9318e5dd03d7d010",name:"dog.favoritePizza"},o("span",{key:"e0b8eb2e2ac66bef9f9efe292d07dd77f5f936c9",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"c532d5f50b3a18ecc1e5c52e8aa6b3548ab328c7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fc6d91caf8efbedf2c402cb83c88e8b674214f20",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"d6f645801298a26aaa9ea895f3c2c111463ac71d",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"1d54790895d58a973a0d9909cf037834d5e18d79",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"58f54b19c876d990ac7bd4aeaaca620dcebc6e04",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"c05427bbcb200a2021d4e1c5c24a5c5577e58a3f",name:"parrot.picture"},o("span",{key:"af2b39ee8335219617413cba2b2be4a17a1c8b6b",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"8a9c7f79972bb8367006428930583285c0e13b2b",slot:"end"})),o("smoothly-input-date",{key:"c5de0ec3a5094ba38f7390cd738ffd5baac4ee3a",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"5017f8fdc65f5f28a5917f3d478d01b5bdf09746",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"1de78bfe5e684e17cc73588572573e7b8f81f8be",slot:"end"})),o("smoothly-input-range",{key:"b33b26c10f148fab67de81002b5d17a34952c373",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"0d197f376f0b195a1f5730fd35b3ca8f489af593",slot:"end"})),o("smoothly-input-select",{key:"3ef09882c984348ac99b741cfc0c9e2203bf5877",name:"parrot.favoriteHat"},o("span",{key:"939906ee1a07df997032b9ef2ef126038d16ecb5",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"02131f864b606361fe0fe452e2ae77122c16cbb0",name:"parrot.month"},o("span",{key:"cd499075feb735fbbea8d15f008e7bca7efe6b10",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"04411c6e66665d6dd1eb87095ca08d42edf409da",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"bd220ce16e75be0cd9feb80df9d96b6d491eec93",name:"parrot.favoritePizza"},o("span",{key:"8c0a80e74e9f0f6f4f3d7a6d850d0895d93aa7ae",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"51035c80dac7e59682c2258aa9104a088d907f6b",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"28c6f78988d06a5d52aa4fc1e7b8c1322d360f52",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"20a329d0b039ff4058b7b7869ecb4927d82aaf0c",type:"json",value:this.value}))}static get style(){return T()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function L(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),V)}break;case"smoothly-button":if(!customElements.get(m(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){z()}break;case"smoothly-input-range":if(!customElements.get(m(e))){C()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){P()}break;case"smoothly-input-select":if(!customElements.get(m(e))){F()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){R()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){H()}break;case"smoothly-tab":if(!customElements.get(m(e))){N()}break;case"smoothly-tabs":if(!customElements.get(m(e))){B()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){q()}break}}))}L();export{V as S,L as d};
-//# sourceMappingURL=p-DBkHnJdp.js.map
+import{p as e,H as t,h as o,F as a,d as s,t as m}from"./p-BsZrGTcp.js";import{R as i}from"./p-CkXes5c-.js";import{d as c}from"./p-BHEtq3Ue.js";import{d as l}from"./p-DX3KKRD9.js";import{d as r}from"./p-DdXfvS4U.js";import{d as n}from"./p-B8ljN4o0.js";import{d}from"./p-DM5CKilY.js";import{d as f}from"./p-CR3Ni_o7.js";import{d as b}from"./p-B-l1S16Z.js";import{d as y}from"./p-Ud7Qhkgt.js";import{d as p}from"./p-C3FORjes.js";import{d as h}from"./p-BpBeeNcM.js";import{d as u}from"./p-BiQsRsV4.js";import{d as k}from"./p-7ReeDB-R.js";import{d as j}from"./p-Q-gVll-_.js";import{d as g}from"./p-CCzyYE1m.js";import{d as v}from"./p-BMHv8WTp.js";import{d as E}from"./p-B7ws0a8Z.js";import{d as w}from"./p-oWil-NTX.js";import{d as O}from"./p-Qf8o2d67.js";import{d as S}from"./p-CjknknP6.js";import{d as P}from"./p-B6W5V130.js";import{d as x}from"./p-BznhH5yZ.js";import{d as z}from"./p-V6FzDWfL.js";import{d as C}from"./p-fjRiTKvl.js";import{d as F}from"./p-CGg8GrGq.js";import{d as D}from"./p-OfpR2_fh.js";import{d as R}from"./p-xbCL6ChL.js";import{d as H}from"./p-DKir2dIt.js";import{d as B}from"./p-BEQ2yAjW.js";import{d as I}from"./p-DyL_ilIk.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as L}from"./p-D4PyTfe4.js";const Q=()=>`.sc-smoothly-form-demo-pet-h{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-column-gap:2rem}.sc-smoothly-form-demo-pet-h smoothly-input-checkbox[name="hasOwner"].sc-smoothly-form-demo-pet,.sc-smoothly-form-demo-pet-h>smoothly-form.sc-smoothly-form-demo-pet smoothly-tabs.sc-smoothly-form-demo-pet{flex-basis:100%}`;const T=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.hasOwner=false;this.owner={}}render(){var e,t;return o(s,{key:"88099a7fd5f8f5a0d613fcff4b817545901d356d"},o("h2",{key:"8dd122875fc1f4c742102f0e62a512db538baac8"},"Pet"),o("h3",{key:"bfb98de17657a63e7713c2b02f12f0be7eca9231"},"Value"),o("smoothly-form",{key:"8395ed11ebcff8d9c8f66d3718324b08c0445d83",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"af774efd343074cf0582e5e94f163db036cb0879",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"84f83295dc09f2cae1660b7809f4f9fc5cd0703f",slot:"end"})),o("smoothly-input",{key:"6b7a0b6717c2ccb9aa0e2095afe94138213a3e67",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"c0094ce4c1c2b3809642b501ed2daa5b11960cc6",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"fb26cd76bb633fb4c02d6cf886a013c85b63fd07",slot:"end"})),this.hasOwner&&o(a,{key:"0ab3080a8779a0eb75fcad913be3f37674eef021"},o("smoothly-input",{key:"35ae9e6768fc5d28e2977a505887e27453093f4f",type:"text",name:"owner.firstName",value:this.owner.firstName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{firstName:e.detail["owner.firstName"]})},"Owner First Name",o("smoothly-input-reset",{key:"ccae0cd45403a3a9cdc75d14199133478f2fbe33",slot:"end"})),o("smoothly-input",{key:"d7a6162e9b0b05794d234dedef605673ca3df8ba",type:"text",name:"owner.lastName",value:this.owner.lastName,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{lastName:e.detail["owner.lastName"]})},"Owner Last Name"),o("smoothly-input-file",{key:"b2200911dadfb95781f82dd3a4f31f4217861c84",name:"owner.picture"},o("span",{key:"4b4d34c2d3956c655f688e320d8f1557fe250dbe",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"1092a9022d1e49ad15a8a27cd053b77679e82605",name:"owner.birthday",value:this.owner.birthday,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{birthday:e.detail["owner.birthday"]})},"Owner birthday",o("smoothly-input-reset",{key:"7b3fb12d0755e96fdacca6a9b07fc65616b66330",slot:"end"})),o("smoothly-input-date-range",{key:"d8f76a97851a6ba11085b42487f69b1056ffd829",name:"owner.ownedRange",start:(e=this.owner.ownedRange)===null||e===void 0?void 0:e.start,end:(t=this.owner.ownedRange)===null||t===void 0?void 0:t.end,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{ownedRange:e.detail["owner.ownedRange"]})},"Owner ownedRange",o("smoothly-input-reset",{key:"c879d11886be04ab9bb8d090f7f8b56a67466b9b",slot:"end"})),o("smoothly-input-range",{key:"476435b88267d69b4f75880f0b14d762bad9e55b",name:"owner.height",step:1,max:250,value:this.owner.height,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{height:e.detail["owner.height"]})},"Owner's Height",o("smoothly-input-reset",{key:"cfde948cafc0d28ad7eb6cd2eb6fe5147d2ad2e5",slot:"end"})),o("smoothly-input-select",{key:"e31966b6b1f089057a709e0df0ee74cd4794bc4c",name:"owner.favoriteHat"},o("span",{key:"0db0b774a2742f2ea985167bf2e9088e13ca2964",slot:"label"},"Owner's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t,selected:this.owner.favoriteHat==e},e))),o("smoothly-input-reset",{key:"d7ed622d339284fad2057e703b2c7125fb15c01a",slot:"end"})),o("smoothly-input-color",{key:"537f228ad70488f3347bab5aa8e5fba50d7ad174",name:"owner.favoriteColor",value:this.owner.favoriteColor?i.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"22b5f2f502e774827676fa238e72dbe083188421",slot:"end"})),o("smoothly-input-radio",{key:"71b2de0772f311b39af9db0a6c32e1ebdbe9b60e",name:"owner.favoritePizza",value:this.owner.favoritePizza,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoritePizza:e.detail["owner.favoritePizza"]})},o("span",{key:"178dadde1b90e0babc9e4d3d2576f96cbc876fdd",slot:"label"},"Owner's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"8ef6280e5514b390ab22b28146aadd819c89f95e",name:"owner.hasPet",checked:this.owner.hasPet,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{hasPet:e.detail["owner.hasPet"]})},"Has Pet")),o("smoothly-tabs",{key:"a566ef21f483d11b0d7ad4d42218244f715ab58c"},o("smoothly-tab",{key:"efeebdaf5ee1175c36b248e3ce5d4a1cb0e1e0f1",label:"Dog",name:"dog"},o("smoothly-input",{key:"f932840909cede23f122c6094a75525b14378f7c",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"b3b91c23a61e9ba9c20badb039ff555972fe3985",name:"dog.picture"},o("span",{key:"c74681d13077eb990d89716c7cd2c89950e44eb9",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"bd89d002065c7365b7c93033714eb1e21a8e4774",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"4ac749261e9edb101e85a7000376a813de212942",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"86e21db2c7e5c68e22f1583e7309318e6e4c6003",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"efaaffb5b33575a079ca40319ef829ffef5af14e",name:"dog.favoriteHat"},o("span",{key:"b9a9268cad14e92950cba4e851b4d1eaf2206b30",slot:"label"},"Dog's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-color",{key:"d6b56f10b63036a12423b84ebee35cb48faa659a",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"3be208ceca38e4023a06f0df9318e5dd03d7d010",name:"dog.favoritePizza"},o("span",{key:"e0b8eb2e2ac66bef9f9efe292d07dd77f5f936c9",slot:"label"},"Dog's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"c532d5f50b3a18ecc1e5c52e8aa6b3548ab328c7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"fc6d91caf8efbedf2c402cb83c88e8b674214f20",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"d6f645801298a26aaa9ea895f3c2c111463ac71d",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"1d54790895d58a973a0d9909cf037834d5e18d79",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"58f54b19c876d990ac7bd4aeaaca620dcebc6e04",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"c05427bbcb200a2021d4e1c5c24a5c5577e58a3f",name:"parrot.picture"},o("span",{key:"af2b39ee8335219617413cba2b2be4a17a1c8b6b",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"8a9c7f79972bb8367006428930583285c0e13b2b",slot:"end"})),o("smoothly-input-date",{key:"c5de0ec3a5094ba38f7390cd738ffd5baac4ee3a",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"5017f8fdc65f5f28a5917f3d478d01b5bdf09746",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"1de78bfe5e684e17cc73588572573e7b8f81f8be",slot:"end"})),o("smoothly-input-range",{key:"b33b26c10f148fab67de81002b5d17a34952c373",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"0d197f376f0b195a1f5730fd35b3ca8f489af593",slot:"end"})),o("smoothly-input-select",{key:"3ef09882c984348ac99b741cfc0c9e2203bf5877",name:"parrot.favoriteHat"},o("span",{key:"939906ee1a07df997032b9ef2ef126038d16ecb5",slot:"label"},"Summary's Favorite Hat"),["🎩 top hat","🧢 cap","👒 sun hat","❌ none"].map(((e,t)=>o("smoothly-item",{value:e,key:t},e)))),o("smoothly-input-month",{key:"02131f864b606361fe0fe452e2ae77122c16cbb0",name:"parrot.month"},o("span",{key:"cd499075feb735fbbea8d15f008e7bca7efe6b10",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"04411c6e66665d6dd1eb87095ca08d42edf409da",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"bd220ce16e75be0cd9feb80df9d96b6d491eec93",name:"parrot.favoritePizza"},o("span",{key:"8c0a80e74e9f0f6f4f3d7a6d850d0895d93aa7ae",slot:"label"},"Summary's Favorite Pizza"),["vesuvio","capricciosa","quattro formaggi"].map(((e,t)=>o("smoothly-input-radio-item",{value:e,key:t},e)))),o("smoothly-input-checkbox",{key:"51035c80dac7e59682c2258aa9104a088d907f6b",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"28c6f78988d06a5d52aa4fc1e7b8c1322d360f52",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"20a329d0b039ff4058b7b7869ecb4927d82aaf0c",type:"json",value:this.value}))}static get style(){return Q()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function W(){if(typeof customElements==="undefined"){return}const e=["smoothly-form-demo-pet","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-file","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner","smoothly-tab","smoothly-tabs","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-form-demo-pet":if(!customElements.get(m(e))){customElements.define(m(e),T)}break;case"smoothly-button":if(!customElements.get(m(e))){c()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){l()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){d()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){P()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){z()}break;case"smoothly-input-range":if(!customElements.get(m(e))){C()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){F()}break;case"smoothly-input-select":if(!customElements.get(m(e))){D()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){R()}break;case"smoothly-item":if(!customElements.get(m(e))){H()}break;case"smoothly-spinner":if(!customElements.get(m(e))){B()}break;case"smoothly-tab":if(!customElements.get(m(e))){I()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){L()}break}}))}W();export{T as S,W as d};
+//# sourceMappingURL=p-WzQNLGYx.js.map

package/dist/components/{p-1KOtWYkC.js → p-eptsxAXs.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as a,d as o,t as s}from"./p-BsZrGTcp.js";import{d as b}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DSsOLbj6.js";import{d as l}from"./p-2Y5tLcQ1.js";const d=()=>`.sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}`;const m=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(o,{key:"c0a6d3252227ca35115022479e20eae1518a0ea0"},a("div",{key:"987c89d2b7d434a7ededccad9aa2592370f35c56"},a("smoothly-button",{key:"9d1e4baa19cbfd20f0741b62cf1faba0eee5e9f9",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),a("smoothly-tabs",{key:"00e5d3f1a502d466d8f7bb57dc99b8f43b4cec5c",tabs:"multiple"},a("smoothly-tab",{key:"f349ea433e31c9fa0601552c83744fb0fd59c0dc",label:"Single Tab",open:true},a("strong",{key:"1d9e472b1bcb6eab690b534d9c54c85df6ff6bad"},"Single Tab content here.")," If only one tab is available setting ",a("code",{key:"69f193a4e9a7022eb5a57bf6ba1ce25642440932"},"tabs")," to"," ",a("code",{key:"a2e44255abc6ffcbb97fa40620795d66b708dbe4"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&a("smoothly-tab",{key:"dd469d65650aef03d78794be04a3753e9f6503b1",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),a("div",{key:"d4c74375b2a2462272536302cae4c2b8d156d9e8"},a("smoothly-button",{key:"b8cb8984081584464d24ac00f8eb31beec0a1ec6",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),a("smoothly-tabs",{key:"13b0f9af28c870dc8eae74930e358b8c2c3e3a31"},a("smoothly-tab",{key:"fb2a32bf6a82f57c6f17684262448dfa7ca7312f",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),a("smoothly-tab",{key:"bc21b1abc992aeb53f934b528888e44e334c651a",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),a("smoothly-tab",{key:"9fb5f89c51f22e527fb3f18c48f5018ef1624364",label:"test2"},"this is a test message!"),this.extraTab2&&a("smoothly-tab",{key:"e563eaf2cffb105047505abee23958965108fba1",label:"test-extra"},"this is a test message!")))}static get style(){return d()}},[2,"smoothly-tabs-demo",{extraTab1:[32],extraTab2:[32]}]);function i(){if(typeof customElements==="undefined"){return}const e=["smoothly-tabs-demo","smoothly-button","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-tabs-demo":if(!customElements.get(s(e))){customElements.define(s(e),m)}break;case"smoothly-button":if(!customElements.get(s(e))){b()}break;case"smoothly-tab":if(!customElements.get(s(e))){c()}break;case"smoothly-tabs":if(!customElements.get(s(e))){l()}break}}))}i();export{m as S,i as d};
-//# sourceMappingURL=p-1KOtWYkC.js.map
+import{p as e,H as t,h as a,d as o,t as s}from"./p-BsZrGTcp.js";import{d as b}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DyL_ilIk.js";import{d as l}from"./p-2Y5tLcQ1.js";const d=()=>`.sc-smoothly-tabs-demo-h{display:block}[hidden].sc-smoothly-tabs-demo-h{display:none}.sc-smoothly-tabs-demo-h>*.sc-smoothly-tabs-demo{margin:auto;max-width:1200px;width:100%;margin-block:5rem}.sc-smoothly-tabs-demo-h code.sc-smoothly-tabs-demo{color:rgb(var(--smoothly-medium-contrast));background-color:rgb(var(--smoothly-medium-color));padding-inline:0.25rem;border-radius:0.25rem}`;const m=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return a(o,{key:"5781b5ebdcad292a5b08f40f31ebebb24222014f"},a("div",{key:"0988223a7ffccdb2cab03999dc462ced6f6996cd"},a("smoothly-button",{key:"e97edc5cf05136e6ab3032e6271275a6fdc947b9",color:"primary",onClick:()=>this.extraTab1=!this.extraTab1},this.extraTab1?"Remove":"Add"," tab")),a("smoothly-tabs",{key:"87a0b317fbfb07a8f2f03ec0e866dc4376c7cae2",tabs:"multiple"},a("smoothly-tab",{key:"d644206d3f7b6baf6c0900f2f461d18f3dc16e23",label:"Single Tab",open:true},a("strong",{key:"d02c9f64638183e494f0c903aedb31ecb07e5791"},"Single Tab content here.")," If only one tab is available setting ",a("code",{key:"a62e17aa9f7ac71c74a2796f9491610ef3ecaadc"},"tabs")," to"," ",a("code",{key:"b14b0cdbaad33dcda4a8a824e60351779966895b"},'"multiple"')," will hide the tab navigation and display the single tab's content directly."),this.extraTab1&&a("smoothly-tab",{key:"6576f69475e5c5a97ffca76f2481acc6983ef451",label:"Extra tab"},"When there are more then one tab, the tab navigation will show.")),a("div",{key:"55be8c4f25e2a4bb806a355307b48f8a0c3430d3"},a("smoothly-button",{key:"e456813c237a864bc2f21e6af147a63f62daec22",color:"primary",onClick:()=>this.extraTab2=!this.extraTab2},this.extraTab2?"Remove":"Add"," tab")),a("smoothly-tabs",{key:"2cafcf41ba65de3f65ce1090e03d7e2f8690e2f5"},a("smoothly-tab",{key:"f67c211b8436be3361fe382c67c88690ad745e1e",label:"Disabled tab",tooltip:"Tooltip for test3",disabled:true},"this is a test message again!"),a("smoothly-tab",{key:"731625fa3d088cc441f8434af3a6723463d10e0d",label:"test1",tooltip:"Tooltip for test1",open:true},"Hello world!"),a("smoothly-tab",{key:"27af20a8bd5902978986f98b0b54d5bf8cb0cb0e",label:"test2"},"this is a test message!"),this.extraTab2&&a("smoothly-tab",{key:"76ce0bd1c7fe46c76b1401bd7dfd5d3dde777fa6",label:"test-extra"},"this is a test message!")))}static get style(){return d()}},[2,"smoothly-tabs-demo",{extraTab1:[32],extraTab2:[32]}]);function i(){if(typeof customElements==="undefined"){return}const e=["smoothly-tabs-demo","smoothly-button","smoothly-tab","smoothly-tabs"];e.forEach((e=>{switch(e){case"smoothly-tabs-demo":if(!customElements.get(s(e))){customElements.define(s(e),m)}break;case"smoothly-button":if(!customElements.get(s(e))){b()}break;case"smoothly-tab":if(!customElements.get(s(e))){c()}break;case"smoothly-tabs":if(!customElements.get(s(e))){l()}break}}))}i();export{m as S,i as d};
+//# sourceMappingURL=p-eptsxAXs.js.map

package/dist/components/{p-D2FsRCII.js → p-fjRiTKvl.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-DFXJvHuL.js";import{I as a}from"./p-DgaHxdNI.js";import{d as l}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-BiQsRsV4.js";import{d as c}from"./p-R4uIvvER.js";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}.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:5em;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}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;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 s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));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(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){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)}render(){var t,o,s;return n(e,{key:"8534047293e77d99f6c8a8e5d87659968516144c",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"6b092b4a1e91bf15f714996ed01a801548a75655",name:"start"}),n("div",{key:"ca7c4207e37dccd2fbc3b0edae03895a39ec96c8"},n("label",{key:"dc1b4d97e1256c4ee1b7f9daa91d25fe523ce418",htmlFor:this.name},this.label),n("smoothly-input",{key:"ec6dfec2d8a625897d3a9b6a7fafcd897be8ef1c",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),n("smoothly-display",{key:"4e698362ae12d14f9bc217afe8e909b3b13a46bb",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"a8f20e17b2910b97862b3490c1efd0dcb1aa89bf",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.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"46b26acc10c408177bf4b77af9c451ac5ec98360",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"1ebbd0cc6dfbf6179f9dc50e1597944571e219c2",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],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 b(){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),g)}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))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}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}}))}b();export{g as S,b as d};
-//# sourceMappingURL=p-D2FsRCII.js.map
+import{p as t,H as o,c as s,h as n,d as e,t as i}from"./p-BsZrGTcp.js";import{E as r}from"./p-DFXJvHuL.js";import{I as a}from"./p-BpBeeNcM.js";import{d as l}from"./p-DM5CKilY.js";import{d as h}from"./p-CR3Ni_o7.js";import{d as p}from"./p-B-l1S16Z.js";import{d as u}from"./p-Ud7Qhkgt.js";import{d}from"./p-C3FORjes.js";import{d as m}from"./p-BiQsRsV4.js";import{d as c}from"./p-7ReeDB-R.js";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}.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:5em;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}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.smoothlyInputLooks=s(this,"smoothlyInputLooks");this.smoothlyInput=s(this,"smoothlyInput");this.smoothlyUserInput=s(this,"smoothlyUserInput");this.smoothlyInputLoad=s(this,"smoothlyInputLoad");this.smoothlyFormDisable=s(this,"smoothlyFormDisable");this.isDifferentFromInitial=false;this.observer=r.Observer.create(this);this.initialValue=undefined;this.value=undefined;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 s;return this.looks=(s=this.looks)!==null&&s!==void 0?s:t,this.color=o}));this.smoothlyInput.emit({[this.name]:this.value});this.smoothlyInputLoad.emit((t=>this.parent=t));!this.readonly&&this.smoothlyFormDisable.emit((t=>this.readonly=t));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(){var t,o;const s=!this.step?undefined:(o=(t=this.step.toString().split(".")[1])===null||t===void 0?void 0:t.length)!==null&&o!==void 0?o:0;this.value=Number.isNaN(this.value)||this.value==undefined?undefined:+this.value.toFixed(s);this.isDifferentFromInitial=this.initialValue!=this.value;this.defined=typeof this.value=="number";this.observer.publish();this.smoothlyInput.emit({[this.name]:this.value})}watchingReadonly(){this.observer.publish()}setValue(t){var o;if(t==undefined){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)}render(){var t,o,s;return n(e,{key:"8534047293e77d99f6c8a8e5d87659968516144c",class:{"output-side-right":this.outputSide==="right","show-label":this.outputSide==="left"&&!!this.label}},n("slot",{key:"6b092b4a1e91bf15f714996ed01a801548a75655",name:"start"}),n("div",{key:"ca7c4207e37dccd2fbc3b0edae03895a39ec96c8"},n("label",{key:"dc1b4d97e1256c4ee1b7f9daa91d25fe523ce418",htmlFor:this.name},this.label),n("smoothly-input",{key:"ec6dfec2d8a625897d3a9b6a7fafcd897be8ef1c",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),n("smoothly-display",{key:"4e698362ae12d14f9bc217afe8e909b3b13a46bb",label:(this.type=="percent"?this.min*100:this.min).toString()}),n("input",{key:"a8f20e17b2910b97862b3490c1efd0dcb1aa89bf",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.setValue(t.target.valueAsNumber);this.smoothlyUserInput.emit({name:this.name,value:this.value})},value:(s=this.value)!==null&&s!==void 0?s:this.min}),n("smoothly-display",{key:"46b26acc10c408177bf4b77af9c451ac5ec98360",label:(this.type=="percent"?this.max*100:this.max).toString()})),n("slot",{key:"1ebbd0cc6dfbf6179f9dc50e1597944571e219c2",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],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 b(){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),g)}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))){p()}break;case"smoothly-display-json-primitive":if(!customElements.get(i(t))){u()}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}}))}b();export{g as S,b as d};
+//# sourceMappingURL=p-fjRiTKvl.js.map

package/dist/components/{p-fafhoJgv.js → p-gJF_-tuy.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DM5CKilY.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-BiQsRsV4.js";import{d as p}from"./p-R4uIvvER.js";import{d as f}from"./p-DZadnBSZ.js";import{d as y}from"./p-D2FsRCII.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(t,{key:"513ed764bf3593102fe688e6929f2c3f19c0a1a9"},o("h2",{key:"25a0e8ad3ef9322ca03f6c64d812148022dc9688"},"Range"),o("h3",{key:"f14838850168a97050eab32a4eff767f17e0b3ef"},"Phone Number"),o("smoothly-input-range",{key:"8ad60bd62396e66ac1338c8937a432bc8580dc23",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"f766bb38a2ae9108ea03e03d02dc6cf5308f3139"},"Stars out of ten"),o("smoothly-input-range",{key:"67164065098d501e710abe48fa0e8411a56c15c0",max:10,step:1,label:"Stars"}),o("h3",{key:"73c4f2da26f0b6d61997b342ad6d4c0976ccc89e"},"Percent"),o("smoothly-input-range",{key:"9bd55d44e6611c0dfa3bd9e7c1b061d119437326",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"49dc7f9db92e9fbecc53fd0bf1c8804a13febaa2"},"With icon at start and clear button"),o("smoothly-input-range",{key:"107e975039193ea8d1a9dca98d682c61d2c15096",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"cf0e39c1484399a21532024399ef6b08374a87c6",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"d1a3ab9ac2081a365a818d9ce2e453f03a21c049",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function h(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(a(e))){customElements.define(a(e),b)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-display":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){i()}break;case"smoothly-icon":if(!customElements.get(a(e))){d()}break;case"smoothly-input":if(!customElements.get(a(e))){p()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){f()}break;case"smoothly-input-range":if(!customElements.get(a(e))){y()}break}}))}h();export{b as S,h as d};
-//# sourceMappingURL=p-fafhoJgv.js.map
+import{p as e,H as s,h as o,d as t,t as a}from"./p-BsZrGTcp.js";import{d as m}from"./p-BHEtq3Ue.js";import{d as c}from"./p-DM5CKilY.js";import{d as n}from"./p-CR3Ni_o7.js";import{d as r}from"./p-B-l1S16Z.js";import{d as l}from"./p-Ud7Qhkgt.js";import{d as i}from"./p-C3FORjes.js";import{d}from"./p-BiQsRsV4.js";import{d as p}from"./p-7ReeDB-R.js";import{d as f}from"./p-CCzyYE1m.js";import{d as y}from"./p-fjRiTKvl.js";const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(t,{key:"513ed764bf3593102fe688e6929f2c3f19c0a1a9"},o("h2",{key:"25a0e8ad3ef9322ca03f6c64d812148022dc9688"},"Range"),o("h3",{key:"f14838850168a97050eab32a4eff767f17e0b3ef"},"Phone Number"),o("smoothly-input-range",{key:"8ad60bd62396e66ac1338c8937a432bc8580dc23",min:7e8,max:799999999,step:1,label:"Phone Number"}),o("h3",{key:"f766bb38a2ae9108ea03e03d02dc6cf5308f3139"},"Stars out of ten"),o("smoothly-input-range",{key:"67164065098d501e710abe48fa0e8411a56c15c0",max:10,step:1,label:"Stars"}),o("h3",{key:"73c4f2da26f0b6d61997b342ad6d4c0976ccc89e"},"Percent"),o("smoothly-input-range",{key:"9bd55d44e6611c0dfa3bd9e7c1b061d119437326",type:"percent",max:1,step:.01,label:"Percent"}),o("h3",{key:"49dc7f9db92e9fbecc53fd0bf1c8804a13febaa2"},"With icon at start and clear button"),o("smoothly-input-range",{key:"107e975039193ea8d1a9dca98d682c61d2c15096",step:1,name:"range2",label:"Select"},o("smoothly-icon",{key:"cf0e39c1484399a21532024399ef6b08374a87c6",name:"checkmark-circle",slot:"start"}),o("smoothly-input-clear",{key:"d1a3ab9ac2081a365a818d9ce2e453f03a21c049",size:"icon",slot:"end"})))}},[0,"smoothly-input-range-demo"]);function h(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-range-demo","smoothly-button","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-clear","smoothly-input-range"];e.forEach((e=>{switch(e){case"smoothly-input-range-demo":if(!customElements.get(a(e))){customElements.define(a(e),b)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-display":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json":if(!customElements.get(a(e))){n()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){r()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){i()}break;case"smoothly-icon":if(!customElements.get(a(e))){d()}break;case"smoothly-input":if(!customElements.get(a(e))){p()}break;case"smoothly-input-clear":if(!customElements.get(a(e))){f()}break;case"smoothly-input-range":if(!customElements.get(a(e))){y()}break}}))}h();export{b as S,h as d};
+//# sourceMappingURL=p-gJF_-tuy.js.map

package/dist/components/p-h1R5xtdy.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as s,t as r}from"./p-BsZrGTcp.js";const a=()=>`.sc-smoothly-table-body-h{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;color:rgb(var(--smoothly-table-foreground));background-color:rgb(var(--smoothly-table-background))}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}}render(){return o(s,{key:"383e7918b3e1e57f2970da2d97f19f2628a53e64"},o("slot",{key:"8d9059eed589799ad9eea2132a0bd2b10aabc03e"}))}static get style(){return a()}},[262,"smoothly-table-body"]);function d(){if(typeof customElements==="undefined"){return}const e=["smoothly-table-body"];e.forEach((e=>{switch(e){case"smoothly-table-body":if(!customElements.get(r(e))){customElements.define(r(e),l)}break}}))}d();export{l as S,d};
+//# sourceMappingURL=p-h1R5xtdy.js.map