smoothly 1.119.0 → 1.120.0

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

@@ -12,6 +12,7 @@ export class SmoothlyInputSelect {
         this.initialValueHandled = false;
         this.observer = Editable.Observer.create(this);
         this.items = [];
+        this.displaySeparator = '<span style="display:inline-block;width:0.8rem"></span>';
         this.invalid = false;
         this.name = "selected";
         this.showLabel = true;
@@ -183,7 +184,15 @@ export class SmoothlyInputSelect {
         return selected.length === initialValue.length && initialValue.every(value => selected.includes(value));
     }
     displaySelected() {
-        this.display = this.selected.map(option => option.innerHTML);
+        this.display = this.selected.map(option => {
+            const clone = option.cloneNode(true);
+            clone.querySelectorAll("smoothly-icon").forEach(icon => {
+                const style = icon.style;
+                style.display = "inline-flex";
+                style.verticalAlign = "middle";
+            });
+            return clone.innerHTML;
+        });
     }
     onKeyDown(event) {
         event.stopPropagation();
@@ -278,11 +287,11 @@ export class SmoothlyInputSelect {
         }
     }
     render() {
-        return (h(Host, { key: '65a7d8d8f4e241d01e6e5862cb399cbc575f561b', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: 'ac6e093f04b7ab37032aad27f1c82a02d255def9', class: "select-display" }, this.display.length > 0 ? h("div", { innerHTML: this.display.join(", ") }) : this.placeholder), h("div", { key: 'b80e14fcd129d7abf5836055f4a2e28a4ed16d0f', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: '32de16a9eab82526f2f38dfaedc737cdd12f6d92', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: 'af50968ee2c894126b83d7813c82a0d0402cf7a9', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: '0c0f8945582eae4e322f0e17a997995d4f4bd02c', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '1d4c5b7cc174c6ef6e10f4556b1d2387b4150619', name: "label" }), h("div", { key: '45417fef3b11e8e1da9347f60ef03e6fc0a5a421', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: 'b6556702655db2d495fc5a4e6ecca75886739c77', class: "search" }, h("smoothly-icon", { key: 'a638f9dffd30ed31bad8dadfe521402ce4133623', name: "search-outline", size: "small" }), h("input", { key: 'ee2c1fc1595145211c41d249ec734aabc97d9a00', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: '10d79827edb6792f0ff65a8f91102a8bdc33ea0f', name: "backspace-outline", size: "small", onClick: () => {
+        return (h(Host, { key: '3e0fb760fe368b2b74eea48d9d183b97cf794f2d', class: { "has-value": this.selected.length !== 0, open: this.open, "has-filter": this.filter !== "" }, onClick: (e) => this.onClick(e) }, h("div", { key: '093370e8318262aae88d50d0877a5e8c50697287', class: "select-display" }, this.display.length > 0 ? (h("div", { class: "value", innerHTML: this.display.join(this.displaySeparator) })) : (this.placeholder)), h("div", { key: 'a17051b19a572ca7a5c2330118313475b73d3b0e', class: "icons", ref: element => (this.iconsElement = element) }, h("smoothly-icon", { key: '1de61f7d6a65aae29f1610ff8c02db970612db65', class: "smoothly-invalid", name: "alert-circle", size: "small", tooltip: this.errorMessage }), h("slot", { key: '65fadcc4eb21dce38f1e6c657313145f71c61ab2', name: "end" }), this.looks == "border" && !this.readonly && (h("smoothly-icon", { key: 'e191a32e1bd9a639ed6b509672195d283ee74d89', ref: element => (this.toggleElement = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), h("slot", { key: '35786f1d6fe50659bbfaa97932051596fe603335', name: "label" }), h("div", { key: 'c9337f0730d15ea0c0fbdf7e2720f55b18743a37', class: "dropdown", ref: (el) => (this.dropdownElement = el) }, h("div", { key: '6c991544d402f9fef1439fcfd76a7dc53e63f88e', class: "search" }, h("smoothly-icon", { key: 'e995e70cebd736be774ac822a334ddfbeb201cba', name: "search-outline", size: "small" }), h("input", { key: '711637b32f5e1b76ed9ac35fa857985a26fce797', class: "search-input", ref: el => (this.searchElement = el), disabled: this.searchDisabled, onKeyDown: e => this.onKeyDown(e), onInput: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); }, onPaste: e => { var _a, _b; return (e.stopPropagation(), this.setFilter((_b = (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "")); } }), h("smoothly-icon", { key: '0aa02170ba85eb23f915418507e2ccea48a5caa9', name: "backspace-outline", size: "small", onClick: () => {
                 var _a;
                 this.resetFilter();
                 (_a = this.searchElement) === null || _a === void 0 ? void 0 : _a.focus();
-            } }), this.mutable && h("smoothly-icon", { key: 'c9845fdf253eb126f440178a7667a0c1839086d1', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: 'c2decc722e32db1d3fcdcf734b6cc57867618a7a', class: "menu", hidden: !this.open }, h("slot", { key: '8e6e54b0dd4a7f1951fdfc312dd1573d43f0bdec' }), this.addedItems))));
+            } }), this.mutable && h("smoothly-icon", { key: 'df57784da6d166eed71b016ac48ee2d4e3735d68', name: "add", size: "small", onClick: () => this.addItem() })), h("div", { key: '5d60c8f17c8b2b011d2477a969ff13d35b25e166', class: "menu", hidden: !this.open }, h("slot", { key: 'ecd9ff35b2ef45ec5bf6e0e61717ab670ee05c7a' }), this.addedItems))));
     }
     static get is() { return "smoothly-input-select"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/select/index.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["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 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@State() private display: string[] = []\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\tthis.displaySelected()\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\tthis.display = this.selected.map(option => option.innerHTML)\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\">\n\t\t\t\t\t{this.display.length > 0 ? <div innerHTML={this.display.join(\", \")}></div> : 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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/select/index.tsx"],"names":[],"mappings":"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","sourcesContent":["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 iconsElement?: HTMLElement\n\tprivate toggleElement?: HTMLElement\n\tprivate dropdownElement?: HTMLElement\n\tprivate searchElement?: HTMLInputElement\n\tprivate items: HTMLSmoothlyItemElement[] = []\n\tprivate itemHeight: number | undefined\n\tprivate readonly displaySeparator = '<span style=\"display:inline-block;width:0.8rem\"></span>'\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@State() private display: string[] = []\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\tthis.displaySelected()\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\tthis.display = this.selected.map(option => {\n\t\t\tconst clone = option.cloneNode(true) as HTMLElement\n\t\t\tclone.querySelectorAll(\"smoothly-icon\").forEach(icon => {\n\t\t\t\tconst style = (icon as HTMLElement).style\n\t\t\t\tstyle.display = \"inline-flex\"\n\t\t\t\tstyle.verticalAlign = \"middle\"\n\t\t\t})\n\t\t\treturn clone.innerHTML\n\t\t})\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\">\n\t\t\t\t\t{this.display.length > 0 ? (\n\t\t\t\t\t\t<div class=\"value\" innerHTML={this.display.join(this.displaySeparator)}></div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.placeholder\n\t\t\t\t\t)}\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"]}

package/dist/collection/components/input/select/style.css

@@ -136,10 +136,11 @@
 
 }
 
-:host>.select-display>div {
+:host>.select-display>.value {
+	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	
+	white-space: nowrap;
 }
 
 :host:not([readonly]):not([disabled])>.select-display {

package/dist/components/{p-C9BPfP8V.js → p-8Z_nWblq.js}

@@ -1,2 +1,2 @@
-import{p as t,H as o,h as e,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-Br0kWrBT.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-mmAi00ak.js";import{d as l}from"./p-MHAaISnU.js";import{d}from"./p-bQGZECIZ.js";import{d as y}from"./p-DnvyyAaF.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as b}from"./p-BHTAR2x1.js";import{d as h}from"./p-BAMFAtTN.js";import{d as k}from"./p-UCcJDJNC.js";import{d as j}from"./p-CLqKhHZ8.js";import{d as E}from"./p-vN0nUvmF.js";import{d as D}from"./p-ycoVDLCD.js";import{d as C}from"./p-ByRyVRgY.js";import{d as A}from"./p-CmUug44L.js";var B;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(B||(B={}));const g=()=>``;const x=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"2dbbb21af22c211fa354d7213c94088ec796cf8d"},e("h2",{key:"f944fd5f9a04be35baa6d04760ef8fd083f84c6c"},"Typed Contact"),e("smoothly-form",{key:"43b74057023eda58b4b89ba9c52e59f9f8fd2329",validator:B.type},e("smoothly-input",{key:"6179ce405787b71e56af49ab16cac3d225476c9b",name:"name.first"},"First Name"),e("smoothly-input",{key:"41568d9f6447f715c2d9ca414aeca6e103085df8",name:"name.middle"},"Middle Name (optional)"),e("smoothly-input",{key:"71407b265ac5f00f5db126ae0e1b5ced6c329977",name:"name.last"},"Last Name"),e("smoothly-input",{key:"f2dcbd6af35236299eb573d573efa521672c0a4e",name:"age",type:"integer"},"Age (18-120)"),e("smoothly-input-select",{key:"d881ad1a7d8f3b3279c9f4aac5473514a2b95d5f",name:"country"},e("span",{key:"1606d2a8eb5f7160abd3c6a4e983561808fabca5",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>e("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),e("smoothly-input-date",{key:"09e7d8d8f9250304279b1d245044b919c147cc1f",name:"birthday"},"Date of birth"),e("smoothly-input-reset",{key:"d212e7a41fba21fc4ba2efd9349834f4c5d8a41d",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"c5e62e8b33276b0f5e16e5c37538cca20c5e2ace",slot:"submit",size:"icon",color:"success"})))}static get style(){return g()}},[2,"smoothly-form-demo-typed"]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),x)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){d()}break;case"smoothly-date-text":if(!customElements.get(m(t))){y()}break;case"smoothly-form":if(!customElements.get(m(t))){p()}break;case"smoothly-icon":if(!customElements.get(m(t))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){D()}break;case"smoothly-item":if(!customElements.get(m(t))){C()}break;case"smoothly-spinner":if(!customElements.get(m(t))){A()}break}}))}v();export{x as S,v as d};
-//# sourceMappingURL=p-C9BPfP8V.js.map
+import{p as t,H as o,h as e,d as s,t as m}from"./p-BsZrGTcp.js";import{i as a}from"./p-BVKhAhsB.js";import{f as r,n as c}from"./p-Br0kWrBT.js";import{o as i,s as n}from"./p-Dr7iZPxA.js";import{d as f}from"./p-mmAi00ak.js";import{d as l}from"./p-MHAaISnU.js";import{d}from"./p-jq25vUmm.js";import{d as y}from"./p-DnvyyAaF.js";import{d as p}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as b}from"./p-BHTAR2x1.js";import{d as h}from"./p-DhchoEO3.js";import{d as k}from"./p-BagcEQ4o.js";import{d as j}from"./p-CLqKhHZ8.js";import{d as E}from"./p-C88eMND6.js";import{d as D}from"./p-ycoVDLCD.js";import{d as g}from"./p-ByRyVRgY.js";import{d as B}from"./p-CmUug44L.js";var C;(function(t){t.type=i({name:i({first:n(),middle:n().optional(),last:n()}),age:c((t=>18<=t&&t<=120)),country:r("CountryCode",a.CountryCode.Alpha2.is),birthday:r("Date",a.Date.is)})})(C||(C={}));const x=()=>``;const A=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(s,{key:"2dbbb21af22c211fa354d7213c94088ec796cf8d"},e("h2",{key:"f944fd5f9a04be35baa6d04760ef8fd083f84c6c"},"Typed Contact"),e("smoothly-form",{key:"43b74057023eda58b4b89ba9c52e59f9f8fd2329",validator:C.type},e("smoothly-input",{key:"6179ce405787b71e56af49ab16cac3d225476c9b",name:"name.first"},"First Name"),e("smoothly-input",{key:"41568d9f6447f715c2d9ca414aeca6e103085df8",name:"name.middle"},"Middle Name (optional)"),e("smoothly-input",{key:"71407b265ac5f00f5db126ae0e1b5ced6c329977",name:"name.last"},"Last Name"),e("smoothly-input",{key:"f2dcbd6af35236299eb573d573efa521672c0a4e",name:"age",type:"integer"},"Age (18-120)"),e("smoothly-input-select",{key:"d881ad1a7d8f3b3279c9f4aac5473514a2b95d5f",name:"country"},e("span",{key:"1606d2a8eb5f7160abd3c6a4e983561808fabca5",slot:"label"},"Country"),a.CountryCode.Alpha2.values.map((t=>e("smoothly-item",{value:t},a.CountryCode.Name.en.from(t))))),e("smoothly-input-date",{key:"09e7d8d8f9250304279b1d245044b919c147cc1f",name:"birthday"},"Date of birth"),e("smoothly-input-reset",{key:"d212e7a41fba21fc4ba2efd9349834f4c5d8a41d",slot:"reset",type:"form",size:"icon",color:"warning"}),e("smoothly-input-submit",{key:"c5e62e8b33276b0f5e16e5c37538cca20c5e2ace",slot:"submit",size:"icon",color:"success"})))}static get style(){return x()}},[2,"smoothly-form-demo-typed"]);function v(){if(typeof customElements==="undefined"){return}const t=["smoothly-form-demo-typed","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input","smoothly-input-date","smoothly-input-month","smoothly-input-reset","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];t.forEach((t=>{switch(t){case"smoothly-form-demo-typed":if(!customElements.get(m(t))){customElements.define(m(t),A)}break;case"smoothly-button":if(!customElements.get(m(t))){f()}break;case"smoothly-button-confirm":if(!customElements.get(m(t))){l()}break;case"smoothly-calendar":if(!customElements.get(m(t))){d()}break;case"smoothly-date-text":if(!customElements.get(m(t))){y()}break;case"smoothly-form":if(!customElements.get(m(t))){p()}break;case"smoothly-icon":if(!customElements.get(m(t))){u()}break;case"smoothly-input":if(!customElements.get(m(t))){b()}break;case"smoothly-input-date":if(!customElements.get(m(t))){h()}break;case"smoothly-input-month":if(!customElements.get(m(t))){k()}break;case"smoothly-input-reset":if(!customElements.get(m(t))){j()}break;case"smoothly-input-select":if(!customElements.get(m(t))){E()}break;case"smoothly-input-submit":if(!customElements.get(m(t))){D()}break;case"smoothly-item":if(!customElements.get(m(t))){g()}break;case"smoothly-spinner":if(!customElements.get(m(t))){B()}break}}))}v();export{A as S,v as d};
+//# sourceMappingURL=p-8Z_nWblq.js.map

package/dist/components/{p-ACHjKlBz.js → p-B-XoCWgd.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as l}from"./p-bQGZECIZ.js";import{d as r}from"./p-DnvyyAaF.js";import{d as c}from"./p-DDYB8QLF.js";import{d}from"./p-B-jhX7aN.js";import{d as h}from"./p-Dk4OvZyQ.js";import{d as p}from"./p-BAMFAtTN.js";import{d as u}from"./p-BrYTMGo3.js";import{d as y}from"./p-UCcJDJNC.js";import{d as f}from"./p-vN0nUvmF.js";import{d as b}from"./p-ByRyVRgY.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(a,{key:"b0b29015752f46939700b57c62a07fa06ffe4e40"},o("div",{key:"513e17083a0162befffa69473ddbdece8548e9ba"},o("h2",{key:"d9ac3875a4027fb083c7daad59d99fea4ce27ade"},"Date input"),o("p",{key:"995523aa50c0634d265b3b9d91f5dac9a8502bf0"},"Different locales formatting the same date"),o("smoothly-button",{key:"10a90fd4fe35c81b689d4c0cc547cc887b852669",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"b7d9b9ab464d611493eb029a1819b1890da7e0c3",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(m(t))){customElements.define(m(t),E)}break;case"smoothly-button":if(!customElements.get(m(t))){n()}break;case"smoothly-calendar":if(!customElements.get(m(t))){l()}break;case"smoothly-date-text":if(!customElements.get(m(t))){r()}break;case"smoothly-icon":if(!customElements.get(m(t))){c()}break;case"smoothly-input-checkbox":if(!customElements.get(m(t))){d()}break;case"smoothly-input-clear":if(!customElements.get(m(t))){h()}break;case"smoothly-input-date":if(!customElements.get(m(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(m(t))){u()}break;case"smoothly-input-month":if(!customElements.get(m(t))){y()}break;case"smoothly-input-select":if(!customElements.get(m(t))){f()}break;case"smoothly-item":if(!customElements.get(m(t))){b()}break}}))}g();export{E as S,g as d};
-//# sourceMappingURL=p-ACHjKlBz.js.map
+import{p as t,H as e,h as o,F as s,d as a,t as m}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as n}from"./p-mmAi00ak.js";import{d as l}from"./p-jq25vUmm.js";import{d as r}from"./p-DnvyyAaF.js";import{d as c}from"./p-DDYB8QLF.js";import{d}from"./p-B-jhX7aN.js";import{d as h}from"./p-Dk4OvZyQ.js";import{d as p}from"./p-DhchoEO3.js";import{d as u}from"./p-CMLWVZ3h.js";import{d as y}from"./p-BagcEQ4o.js";import{d as f}from"./p-C88eMND6.js";import{d as b}from"./p-ByRyVRgY.js";const k=()=>`.sc-smoothly-input-date-demo-h{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));max-width:min(42rem, 100%);margin:auto;flex-direction:column;gap:0.5rem}.sc-smoothly-input-date-demo-h .sc-smoothly-input-date-demo:not(smoothly-input-date):not(smoothly-input-date-range){grid-column:1 / -1}`;const E=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.alwaysShowGuide=false}render(){return o(a,{key:"b0b29015752f46939700b57c62a07fa06ffe4e40"},o("div",{key:"513e17083a0162befffa69473ddbdece8548e9ba"},o("h2",{key:"d9ac3875a4027fb083c7daad59d99fea4ce27ade"},"Date input"),o("p",{key:"995523aa50c0634d265b3b9d91f5dac9a8502bf0"},"Different locales formatting the same date"),o("smoothly-button",{key:"10a90fd4fe35c81b689d4c0cc547cc887b852669",color:"primary",onClick:()=>this.date=this.date?i.Date.next(this.date):i.Date.now()},"Set date"),o("smoothly-input-checkbox",{key:"b7d9b9ab464d611493eb029a1819b1890da7e0c3",looks:"transparent",onSmoothlyUserInput:t=>{this.alwaysShowGuide=t.detail.value;console.log(this.alwaysShowGuide)}},"Always Show Guide")),["en-US","en-GB","de-DE","se-SE"].map((t=>o(s,null,o("smoothly-input-date",{locale:t,name:t,looks:"border",value:this.date,alwaysShowGuide:this.alwaysShowGuide},t,o("smoothly-input-clear",{slot:"end"})),o("smoothly-input-date-range",{locale:t,name:t+"-range",looks:"border",start:this.date,end:this.date?i.Date.next(this.date):undefined,alwaysShowGuide:this.alwaysShowGuide},t," Range",o("smoothly-input-clear",{slot:"end"}))))))}static get style(){return k()}},[2,"smoothly-input-date-demo",{date:[32],alwaysShowGuide:[32]}]);function g(){if(typeof customElements==="undefined"){return}const t=["smoothly-input-date-demo","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-icon","smoothly-input-checkbox","smoothly-input-clear","smoothly-input-date","smoothly-input-date-range","smoothly-input-month","smoothly-input-select","smoothly-item"];t.forEach((t=>{switch(t){case"smoothly-input-date-demo":if(!customElements.get(m(t))){customElements.define(m(t),E)}break;case"smoothly-button":if(!customElements.get(m(t))){n()}break;case"smoothly-calendar":if(!customElements.get(m(t))){l()}break;case"smoothly-date-text":if(!customElements.get(m(t))){r()}break;case"smoothly-icon":if(!customElements.get(m(t))){c()}break;case"smoothly-input-checkbox":if(!customElements.get(m(t))){d()}break;case"smoothly-input-clear":if(!customElements.get(m(t))){h()}break;case"smoothly-input-date":if(!customElements.get(m(t))){p()}break;case"smoothly-input-date-range":if(!customElements.get(m(t))){u()}break;case"smoothly-input-month":if(!customElements.get(m(t))){y()}break;case"smoothly-input-select":if(!customElements.get(m(t))){f()}break;case"smoothly-item":if(!customElements.get(m(t))){b()}break}}))}g();export{E as S,g as d};
+//# sourceMappingURL=p-B-XoCWgd.js.map

package/dist/components/p-B31ti0xn.js

@@ -0,0 +1,2 @@
+import{p as o,H as m,h as s,d as t,t as e}from"./p-BsZrGTcp.js";import{d as a}from"./p-mmAi00ak.js";import{d as r}from"./p-MHAaISnU.js";import{d as l}from"./p-jq25vUmm.js";import{d as i}from"./p-DnvyyAaF.js";import{d as c}from"./p-CN3iME9d.js";import{d}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as p}from"./p-DvZK__s-.js";import{d as y}from"./p-F8qX8ZuL.js";import{d as n}from"./p-DPlYDxyJ.js";import{d as h}from"./p-FdEf_vHE.js";import{d as b}from"./p-7UXKt7wZ.js";import{d as u}from"./p-DRRy5oLc.js";import{d as k}from"./p-BX3JvEPG.js";import{d as j}from"./p-DcANjqvU.js";import{d as E}from"./p-CZERsWDV.js";import{d as g}from"./p-BjQjh8et.js";import{d as D}from"./p-WiBL-FFH.js";import{d as B}from"./p-CzyIIFz6.js";import{d as C}from"./p-CdufQoGg.js";import{d as v}from"./p-8Z_nWblq.js";import{d as x}from"./p-DDYB8QLF.js";import{d as U}from"./p-BHTAR2x1.js";import{d as F}from"./p-B-jhX7aN.js";import{d as L}from"./p-Dk4OvZyQ.js";import{d as Z}from"./p-CDzU4-Ri.js";import{d as R}from"./p-DhchoEO3.js";import{d as q}from"./p-CMLWVZ3h.js";import{d as w}from"./p-Cyl9K1If.js";import{d as N}from"./p-BOzzNfNj.js";import{d as Q}from"./p-UqPFIGlg.js";import{d as z}from"./p-BagcEQ4o.js";import{d as H}from"./p-Bo1NnbuT.js";import{d as A}from"./p-BQOdxeHU.js";import{d as G}from"./p-Dq8EU803.js";import{d as I}from"./p-CLqKhHZ8.js";import{d as K}from"./p-C88eMND6.js";import{d as V}from"./p-ycoVDLCD.js";import{d as M}from"./p-ByRyVRgY.js";import{d as O}from"./p-CmUug44L.js";import{d as P}from"./p-BcEDrfmP.js";import{d as W}from"./p-2Y5tLcQ1.js";import{d as X}from"./p-BCwizh6U.js";const Y=()=>`.sc-smoothly-form-demo-h{display:flex;margin-top:2em;margin-bottom:10em}.sc-smoothly-form-demo-h>div.sc-smoothly-form-demo{margin:auto;width:1200px;max-width:calc(100% - 0.5rem)}`;const _=o(class o extends m{constructor(o){super();if(o!==false){this.__registerHost()}}render(){return s(t,{key:"e6b40ea5e535c8fd4fbbe65aa060d0ba061f5a3e"},s("div",{key:"848116c5bc43a4a5adb20ecf3f66a66b050e529c"},s("smoothly-form-demo-all",{key:"44179c77bfd53bfa4f347a465a3f4000d4d94b08"}),s("smoothly-form-demo-pet",{key:"356b17321dc0f11e63c8dd4846c4e1d91c7b6b5c"}),s("smoothly-form-demo-card",{key:"2584856236b89b5818551f8826056c0a14ab6356"}),s("smoothly-form-demo-login",{key:"dacc85e611dec4115fefc49f63463912b6718285"}),s("smoothly-form-demo-prices",{key:"500d6d4c056c79113b16bd0f67bfe0ab562cd8d8"}),s("smoothly-form-demo-typed",{key:"933cce32ed4668eb28140c0c01c8238cdf1526d2"}),s("smoothly-form-demo-transparent",{key:"2a39b5d64aaff4d53d703c9508df3de18d5a6ad6"}),s("smoothly-form-demo-date",{key:"fb0a6356529047d3bbbebd1b5980c2884be0cbb6"}),s("smoothly-form-demo-schedule",{key:"c7eb48895c714d436f04544af9519a93232f76d0"}),s("smoothly-form-demo-date-range",{key:"6370bf9ca0671705777b03e6b985361d06ee9d56"}),s("smoothly-form-demo-controlled",{key:"abf920dd124a8c43ce7818ba29bb1931a4b90910"})))}static get style(){return Y()}},[2,"smoothly-form-demo"]);function T(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo","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-form-demo-all","smoothly-form-demo-card","smoothly-form-demo-controlled","smoothly-form-demo-date","smoothly-form-demo-date-range","smoothly-form-demo-login","smoothly-form-demo-pet","smoothly-form-demo-prices","smoothly-form-demo-schedule","smoothly-form-demo-transparent","smoothly-form-demo-typed","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-edit","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"];o.forEach((o=>{switch(o){case"smoothly-form-demo":if(!customElements.get(e(o))){customElements.define(e(o),_)}break;case"smoothly-button":if(!customElements.get(e(o))){a()}break;case"smoothly-button-confirm":if(!customElements.get(e(o))){r()}break;case"smoothly-calendar":if(!customElements.get(e(o))){l()}break;case"smoothly-date-text":if(!customElements.get(e(o))){i()}break;case"smoothly-display":if(!customElements.get(e(o))){c()}break;case"smoothly-display-json":if(!customElements.get(e(o))){d()}break;case"smoothly-display-json-object":if(!customElements.get(e(o))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(e(o))){p()}break;case"smoothly-display-json-record-key":if(!customElements.get(e(o))){y()}break;case"smoothly-form":if(!customElements.get(e(o))){n()}break;case"smoothly-form-demo-all":if(!customElements.get(e(o))){h()}break;case"smoothly-form-demo-card":if(!customElements.get(e(o))){b()}break;case"smoothly-form-demo-controlled":if(!customElements.get(e(o))){u()}break;case"smoothly-form-demo-date":if(!customElements.get(e(o))){k()}break;case"smoothly-form-demo-date-range":if(!customElements.get(e(o))){j()}break;case"smoothly-form-demo-login":if(!customElements.get(e(o))){E()}break;case"smoothly-form-demo-pet":if(!customElements.get(e(o))){g()}break;case"smoothly-form-demo-prices":if(!customElements.get(e(o))){D()}break;case"smoothly-form-demo-schedule":if(!customElements.get(e(o))){B()}break;case"smoothly-form-demo-transparent":if(!customElements.get(e(o))){C()}break;case"smoothly-form-demo-typed":if(!customElements.get(e(o))){v()}break;case"smoothly-icon":if(!customElements.get(e(o))){x()}break;case"smoothly-input":if(!customElements.get(e(o))){U()}break;case"smoothly-input-checkbox":if(!customElements.get(e(o))){F()}break;case"smoothly-input-clear":if(!customElements.get(e(o))){L()}break;case"smoothly-input-color":if(!customElements.get(e(o))){Z()}break;case"smoothly-input-date":if(!customElements.get(e(o))){R()}break;case"smoothly-input-date-range":if(!customElements.get(e(o))){q()}break;case"smoothly-input-date-time":if(!customElements.get(e(o))){w()}break;case"smoothly-input-edit":if(!customElements.get(e(o))){N()}break;case"smoothly-input-file":if(!customElements.get(e(o))){Q()}break;case"smoothly-input-month":if(!customElements.get(e(o))){z()}break;case"smoothly-input-radio":if(!customElements.get(e(o))){H()}break;case"smoothly-input-radio-item":if(!customElements.get(e(o))){A()}break;case"smoothly-input-range":if(!customElements.get(e(o))){G()}break;case"smoothly-input-reset":if(!customElements.get(e(o))){I()}break;case"smoothly-input-select":if(!customElements.get(e(o))){K()}break;case"smoothly-input-submit":if(!customElements.get(e(o))){V()}break;case"smoothly-item":if(!customElements.get(e(o))){M()}break;case"smoothly-spinner":if(!customElements.get(e(o))){O()}break;case"smoothly-tab":if(!customElements.get(e(o))){P()}break;case"smoothly-tabs":if(!customElements.get(e(o))){W()}break;case"smoothly-toggle-switch":if(!customElements.get(e(o))){X()}break}}))}T();export{_ as S,T as d};
+//# sourceMappingURL=p-B31ti0xn.js.map

package/dist/components/{p-B2GxOEjl.js → p-BNjhlyw7.js}

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-bQGZECIZ.js";import{d as r}from"./p-DnvyyAaF.js";import{d as l}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as h}from"./p-DvZK__s-.js";import{d as u}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as y}from"./p-BHTAR2x1.js";import{d as f}from"./p-B-jhX7aN.js";import{d as b}from"./p-CDzU4-Ri.js";import{d as k}from"./p-BAMFAtTN.js";import{d as j}from"./p-BrYTMGo3.js";import{d as g}from"./p-BdhEVyZ3.js";import{d as x}from"./p-UCcJDJNC.js";import{d as E}from"./p-Bo1NnbuT.js";import{d as v}from"./p-BQOdxeHU.js";import{d as C}from"./p-Dq8EU803.js";import{d as I}from"./p-vN0nUvmF.js";import{d as U}from"./p-ByRyVRgY.js";import{d as B}from"./p-BCwizh6U.js";const N=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"3707001c9bf5406f3770f566924f8983d4444e18"},o("div",{key:"6970bb763108f56a34284bb1f3cb73545f2dba2c"},o("h2",{key:"e5f96a2b6c360e8f9a81dd90d148822758719850"},"User Input Event"),o("p",{key:"e1fb246660c29ddb2791f4dc6f9779ed5f1c18a7"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"5a9145c2d8517baff49e70fd4aeed1f38600ba7f"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"15459234d2bf75b83479ff0786a20d2433e2dec3"}),"Check the console to see the details of each ",o("code",{key:"bc857f9996667580c4ba88a74eca429fbc0d9c83"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"66a1190b2266b0650ba087572545780f93d86ac0",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"a8630cec4bbada0c7084172822b3eeef576066ce",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"74fe6cc20fa495f2d6c79d13bb016bc76cada1bc",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"5f1ad8448db267de3fc98b820be7aca9b64c2a9e",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"507fcecb4e27938be38144991221dfe3603c0667",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"883f987123234566bdfd192ebd71605b078434ab",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"26a326a43a44339392cca252cace5148c55305d9",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"39dfbc581f8468c49969d5186c9a39304c8b805c",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"f26209ed69e401cacbf6ea0094c1e3c8c6640181",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"30b7f2d96d68bbeef6578e5c3fa07d5c56e8131e",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"7d1e0c7d7175bae2453a2392e47a84e21faaa4ea",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"0d90079afa3c0beaf9562af7b6db39c0a2795008",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"2161ee4b978c2c37049cfc3d1bfd6ea5de6e16ea",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"271b3aaeba445473425259990276cf6803eeba55",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"5d21c601bdd2b921e6d6cd6596e871fe0ce0d486",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"176fda15f938f2b90134e186c75869db175621a3",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"50ee6d7e90187eca79dea958e43fe4d38bb4e544",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"b688a44b6ae626c27a5e3e26d4c9be570d0f59f1",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"9172cca5a258985cda5f244d38d56b692ea75e00",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"4ee747fb66efa022a9e31fda59f4ca839e4b0c5d",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return N()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function D(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),w)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){y()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){f()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){g()}break;case"smoothly-input-month":if(!customElements.get(a(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){B()}break}}))}D();export{w as S,D as d};
-//# sourceMappingURL=p-B2GxOEjl.js.map
+import{p as e,H as t,h as o,d as s,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{d as m}from"./p-mmAi00ak.js";import{d as n}from"./p-jq25vUmm.js";import{d as r}from"./p-DnvyyAaF.js";import{d as l}from"./p-CN3iME9d.js";import{d as c}from"./p-DG2pfnCV.js";import{d}from"./p-uFR5K4vd.js";import{d as h}from"./p-DvZK__s-.js";import{d as u}from"./p-F8qX8ZuL.js";import{d as p}from"./p-DDYB8QLF.js";import{d as f}from"./p-BHTAR2x1.js";import{d as y}from"./p-B-jhX7aN.js";import{d as b}from"./p-CDzU4-Ri.js";import{d as k}from"./p-DhchoEO3.js";import{d as j}from"./p-CMLWVZ3h.js";import{d as g}from"./p-Cyl9K1If.js";import{d as x}from"./p-BagcEQ4o.js";import{d as E}from"./p-Bo1NnbuT.js";import{d as v}from"./p-BQOdxeHU.js";import{d as C}from"./p-Dq8EU803.js";import{d as I}from"./p-C88eMND6.js";import{d as U}from"./p-ByRyVRgY.js";import{d as D}from"./p-BCwizh6U.js";const w=()=>`.sc-smoothly-input-demo-user-input-h{max-width:min(100%, 56rem);margin-inline:auto;display:grid;grid-template-columns:12rem 1fr;gap:1rem}.sc-smoothly-input-demo-user-input-h>div.sc-smoothly-input-demo-user-input{grid-column:1 / -1}@media (max-width: 48rem){.sc-smoothly-input-demo-user-input-h{grid-template-columns:1fr}}`;const B=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.values=["zero","one","two","three","four","five"];this.colors=["#ff0000","#00ff00","#0000ff","#ffff00","#00ffff","#ff00ff"]}increment(e){return e===undefined?0:(e+1)%this.values.length}render(){var e,t;return o(s,{key:"3707001c9bf5406f3770f566924f8983d4444e18"},o("div",{key:"6970bb763108f56a34284bb1f3cb73545f2dba2c"},o("h2",{key:"e5f96a2b6c360e8f9a81dd90d148822758719850"},"User Input Event"),o("p",{key:"e1fb246660c29ddb2791f4dc6f9779ed5f1c18a7"},"These inputs demonstrate how user input is handled. The ",o("code",{key:"5a9145c2d8517baff49e70fd4aeed1f38600ba7f"},"smoothlyUserInput")," event fires only when the user interacts with an input, not when its value is changed programmatically (such as by clicking the buttons above).",o("br",{key:"15459234d2bf75b83479ff0786a20d2433e2dec3"}),"Check the console to see the details of each ",o("code",{key:"bc857f9996667580c4ba88a74eca429fbc0d9c83"},"smoothlyUserInput")," event.")),o("smoothly-button",{key:"66a1190b2266b0650ba087572545780f93d86ac0",color:"tertiary",onClick:()=>this.textIndex=this.increment(this.textIndex)},"Change text"),o("smoothly-input",{key:"a8630cec4bbada0c7084172822b3eeef576066ce",looks:"border",name:"demo-user-input-text",value:this.textIndex===undefined?"":this.values[this.textIndex],onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Text input"),o("smoothly-button",{key:"74fe6cc20fa495f2d6c79d13bb016bc76cada1bc",onClick:()=>this.selectIndex=this.increment(this.selectIndex),color:"tertiary"},"Next select item"),o("smoothly-input-select",{key:"5f1ad8448db267de3fc98b820be7aca9b64c2a9e",looks:"border",name:"demo-user-input-select",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"507fcecb4e27938be38144991221dfe3603c0667",slot:"label"},"Select input"),this.values.map(((e,t)=>o("smoothly-item",{value:t,selected:t==this.selectIndex},e)))),o("smoothly-button",{key:"883f987123234566bdfd192ebd71605b078434ab",color:"tertiary",onClick:()=>this.checkboxChecked=!this.checkboxChecked},"Toggle checkbox"),o("smoothly-input-checkbox",{key:"26a326a43a44339392cca252cace5148c55305d9",looks:"border",name:"demo-user-input-checkbox",checked:this.checkboxChecked,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Checkbox input"),o("smoothly-button",{key:"39dfbc581f8468c49969d5186c9a39304c8b805c",color:"tertiary",onClick:()=>this.radioIndex=this.increment(this.radioIndex)},"Next radio item"),o("smoothly-input-radio",{key:"f26209ed69e401cacbf6ea0094c1e3c8c6640181",looks:"border",name:"demo-user-input-radio",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},o("span",{key:"30b7f2d96d68bbeef6578e5c3fa07d5c56e8131e",slot:"label"},"Radio input"),this.values.map(((e,t)=>o("smoothly-input-radio-item",{value:e,selected:t==this.radioIndex},e)))),o("smoothly-button",{key:"7d1e0c7d7175bae2453a2392e47a84e21faaa4ea",color:"tertiary",onClick:()=>this.rangeValue=this.increment(this.rangeValue)},"Next range value"),o("smoothly-input-range",{key:"0d90079afa3c0beaf9562af7b6db39c0a2795008",looks:"border",name:"demo-user-input-range",step:1,min:0,max:this.values.length,value:this.rangeValue,label:"Range Input",onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)}),o("smoothly-button",{key:"2161ee4b978c2c37049cfc3d1bfd6ea5de6e16ea",color:"tertiary",onClick:()=>this.colorIndex=this.increment(this.colorIndex)},"Next color"),o("smoothly-input-color",{key:"271b3aaeba445473425259990276cf6803eeba55",looks:"border",name:"demo-user-input-color",value:typeof this.colorIndex=="number"?this.colors[this.colorIndex]:undefined,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Color input"),o("smoothly-button",{key:"5d21c601bdd2b921e6d6cd6596e871fe0ce0d486",color:"tertiary",onClick:()=>this.dateValue=this.dateValue?i.Date.next(this.dateValue):i.Date.now()},"Next day"),o("smoothly-input-date",{key:"176fda15f938f2b90134e186c75869db175621a3",looks:"border",name:"demo-user-input-date",value:this.dateValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date input"),o("smoothly-button",{key:"50ee6d7e90187eca79dea958e43fe4d38bb4e544",color:"tertiary",onClick:()=>this.datetimeValue=this.datetimeValue?i.DateTime.nextDay(this.datetimeValue):i.DateTime.now()},"Next date time"),o("smoothly-input-date-time",{key:"b688a44b6ae626c27a5e3e26d4c9be570d0f59f1",looks:"border",name:"demo-user-input-datetime",value:this.datetimeValue,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date time input"),o("smoothly-button",{key:"9172cca5a258985cda5f244d38d56b692ea75e00",color:"tertiary",onClick:()=>this.dateRangeValue=this.dateRangeValue?{start:i.Date.next(this.dateRangeValue.start),end:i.Date.next(this.dateRangeValue.end)}:{start:i.Date.now(),end:i.Date.next(i.Date.now(),10)}},"Next date range"),o("smoothly-input-date-range",{key:"4ee747fb66efa022a9e31fda59f4ca839e4b0c5d",looks:"border",name:"demo-user-input-daterange",start:(e=this.dateRangeValue)===null||e===void 0?void 0:e.start,end:(t=this.dateRangeValue)===null||t===void 0?void 0:t.end,onSmoothlyUserInput:e=>console.debug(e.type,e.detail.name,e.detail.value)},"Date range input"))}static get style(){return w()}},[2,"smoothly-input-demo-user-input",{textIndex:[32],selectIndex:[32],checkboxChecked:[32],radioIndex:[32],rangeValue:[32],colorIndex:[32],dateValue:[32],datetimeValue:[32],dateRangeValue:[32]}]);function N(){if(typeof customElements==="undefined"){return}const e=["smoothly-input-demo-user-input","smoothly-button","smoothly-calendar","smoothly-date-text","smoothly-display","smoothly-display-json","smoothly-display-json-object","smoothly-display-json-primitive","smoothly-display-json-record-key","smoothly-icon","smoothly-input","smoothly-input-checkbox","smoothly-input-color","smoothly-input-date","smoothly-input-date-range","smoothly-input-date-time","smoothly-input-month","smoothly-input-radio","smoothly-input-radio-item","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-toggle-switch"];e.forEach((e=>{switch(e){case"smoothly-input-demo-user-input":if(!customElements.get(a(e))){customElements.define(a(e),B)}break;case"smoothly-button":if(!customElements.get(a(e))){m()}break;case"smoothly-calendar":if(!customElements.get(a(e))){n()}break;case"smoothly-date-text":if(!customElements.get(a(e))){r()}break;case"smoothly-display":if(!customElements.get(a(e))){l()}break;case"smoothly-display-json":if(!customElements.get(a(e))){c()}break;case"smoothly-display-json-object":if(!customElements.get(a(e))){d()}break;case"smoothly-display-json-primitive":if(!customElements.get(a(e))){h()}break;case"smoothly-display-json-record-key":if(!customElements.get(a(e))){u()}break;case"smoothly-icon":if(!customElements.get(a(e))){p()}break;case"smoothly-input":if(!customElements.get(a(e))){f()}break;case"smoothly-input-checkbox":if(!customElements.get(a(e))){y()}break;case"smoothly-input-color":if(!customElements.get(a(e))){b()}break;case"smoothly-input-date":if(!customElements.get(a(e))){k()}break;case"smoothly-input-date-range":if(!customElements.get(a(e))){j()}break;case"smoothly-input-date-time":if(!customElements.get(a(e))){g()}break;case"smoothly-input-month":if(!customElements.get(a(e))){x()}break;case"smoothly-input-radio":if(!customElements.get(a(e))){E()}break;case"smoothly-input-radio-item":if(!customElements.get(a(e))){v()}break;case"smoothly-input-range":if(!customElements.get(a(e))){C()}break;case"smoothly-input-select":if(!customElements.get(a(e))){I()}break;case"smoothly-item":if(!customElements.get(a(e))){U()}break;case"smoothly-toggle-switch":if(!customElements.get(a(e))){D()}break}}))}N();export{B as S,N as d};
+//# sourceMappingURL=p-BNjhlyw7.js.map

package/dist/components/p-BX3JvEPG.js

@@ -0,0 +1,2 @@
+import{p as o,H as t,c as s,h as e,d as m,t as a}from"./p-BsZrGTcp.js";import{i}from"./p-BVKhAhsB.js";import{o as r}from"./p-Dr7iZPxA.js";import{f as c}from"./p-Br0kWrBT.js";import{N as l}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as f}from"./p-MHAaISnU.js";import{d as p}from"./p-jq25vUmm.js";import{d}from"./p-DnvyyAaF.js";import{d as y}from"./p-DPlYDxyJ.js";import{d as h}from"./p-DDYB8QLF.js";import{d as u}from"./p-DhchoEO3.js";import{d as b}from"./p-BagcEQ4o.js";import{d as k}from"./p-C88eMND6.js";import{d as j}from"./p-ycoVDLCD.js";import{d as E}from"./p-ByRyVRgY.js";import{d as D}from"./p-CmUug44L.js";const B=()=>`.sc-smoothly-form-demo-date-h{display:block}`;const x=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.notice=s(this,"notice");this.validator=r({date:c("isoly.Date",i.Date.is)})}async submitHandler(o){o.stopPropagation();if(!this.validator.is(o.detail.value)){console.error(`Type is incomplete.`);this.notice.emit(l.failed(`Type is incomplete.`))}else{this.notice.emit(l.succeeded(`Type is complete!`));o.detail.result(true)}o.detail.result(false)}render(){return e(m,{key:"f6a0bf1656158091b0b9d6647707ec6c919cbf66"},e("h2",{key:"210f22f5cbef0a441d7863764a0b6665afecdce1"},"Date input"),e("smoothly-form",{key:"eea3a74d6591f0193d8043d552a506868af1721d",looks:"border",type:"create",validator:this.validator,onSmoothlyFormSubmit:o=>this.submitHandler(o)},e("smoothly-input-date",{key:"b9fc6aca0411799a7dd952a4ae27fff20bb7a085",name:"date"},"Date"),e("smoothly-input-submit",{key:"9abd42160b4efd43ec4e976bd143871437d2d08b",slot:"submit"},e("smoothly-icon",{key:"690f42105cb25db4275ba0c03bdaa6a16b24faa3",name:"checkmark-outline"}))))}static get style(){return B()}},[2,"smoothly-form-demo-date"]);function g(){if(typeof customElements==="undefined"){return}const o=["smoothly-form-demo-date","smoothly-button","smoothly-button-confirm","smoothly-calendar","smoothly-date-text","smoothly-form","smoothly-icon","smoothly-input-date","smoothly-input-month","smoothly-input-select","smoothly-input-submit","smoothly-item","smoothly-spinner"];o.forEach((o=>{switch(o){case"smoothly-form-demo-date":if(!customElements.get(a(o))){customElements.define(a(o),x)}break;case"smoothly-button":if(!customElements.get(a(o))){n()}break;case"smoothly-button-confirm":if(!customElements.get(a(o))){f()}break;case"smoothly-calendar":if(!customElements.get(a(o))){p()}break;case"smoothly-date-text":if(!customElements.get(a(o))){d()}break;case"smoothly-form":if(!customElements.get(a(o))){y()}break;case"smoothly-icon":if(!customElements.get(a(o))){h()}break;case"smoothly-input-date":if(!customElements.get(a(o))){u()}break;case"smoothly-input-month":if(!customElements.get(a(o))){b()}break;case"smoothly-input-select":if(!customElements.get(a(o))){k()}break;case"smoothly-input-submit":if(!customElements.get(a(o))){j()}break;case"smoothly-item":if(!customElements.get(a(o))){E()}break;case"smoothly-spinner":if(!customElements.get(a(o))){D()}break}}))}g();export{x as S,g as d};
+//# sourceMappingURL=p-BX3JvEPG.js.map

package/dist/components/{p-C0OwGHaZ.js → p-BXS5v02h.js}

@@ -1,2 +1,2 @@
-import{p as e,H as o,c as s,h as t,F as a,d as l,t as m}from"./p-BsZrGTcp.js";import{I as c,C as i,F as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as r}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as y}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as u}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as g}from"./p-BHTAR2x1.js";import{d as v}from"./p-Dk4OvZyQ.js";import{d as j}from"./p-Dq8EU803.js";import{d as E}from"./p-vN0nUvmF.js";import{d as $}from"./p-ByRyVRgY.js";import{d as x}from"./p-CmUug44L.js";const F=()=>`.sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}`;const C=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"ec049b1d4b3d93e28913174bd7ab55ce836298ae"},t("h2",{key:"d0430155840916db4250402c39e5ee2656dc9930"},"Filter and Variants"),t("smoothly-form",{key:"4c6f1ffa07fed10ba6051ab4d5f29c1278608b23",looks:"grid",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"bea5be3b9c5f839da1fe6efd6497b4fa7c946e77",name:"filter"},"Filter"),t("smoothly-input-select",{key:"a64ee5957e34d669c481b77ba0f561ba5eebfa55",name:"variant"},t("span",{key:"80df7e185a498c1c33cfe1c3fde85f955d46f256",slot:"label"},"Variant"),t("smoothly-item",{key:"d6447afb06c4471f9b3036838da77182161ebaf1",value:"outline"},"outline"),t("smoothly-item",{key:"6622d9acf5549f05128632e386cafcabd4e5df0d",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"1a94b3d1d195c77716a7a9e92303bab3dffcf8b0",slot:"end"}))),t("h2",{key:"1320b7b476f6451885fa32dcb0daed671d269612"},"Props"),t("smoothly-form",{key:"1bc3722b6b25c57352ff7bc1df1571a3df824611",looks:"grid",onSmoothlyFormInput:e=>{this.props=e.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"8b065ccb0feb16a805a20ee13eab053d0cd8edfe",name:"color"},t("span",{key:"3ed5be41ac0893b18741356a70c7653c862579a0",slot:"label"},"Color"),i.values.map((e=>t("smoothly-item",{value:e},t("span",{style:{background:`rgb(var(--smoothly-${e}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,e)))),t("smoothly-input-clear",{key:"50b90280c6f0600a073b8b8a254fb035f1aefec0",slot:"end"})),t("smoothly-input-select",{key:"efda773381d8cb5d491e591b731cea17b406a005",name:"fill"},t("span",{key:"396dbb906c3b52b53732b062f5ce8ebe70ce85b6",slot:"label"},"Fill"),d.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"44cc4c40f24ad5c978e423496ea30a3068f862a1",slot:"end"})),t("smoothly-input-select",{key:"d3aaee102be617722fc42dcd47139fe0d2c7284c",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"dc450c6debc6be202b40628ef77196159e45a082",slot:"label"},"Custom Color"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"a68b41f9a46917cb1b46e9ada61d05c280f92ff0",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"f094c91bdb64df81fd5fc49945b2760c214c37ed",slot:"label"},"Custom Background"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"676477dc9f358f3512f0fb0f60a99a1deb3fa400",name:"flip"},t("span",{key:"7e7924009ac080ccd225052351d0c70079990b6f",slot:"label"},"Flip"),t("smoothly-item",{key:"70d21d485c90d881422d4c577fa04f101e0dae13",value:"x"},"x"),t("smoothly-item",{key:"7e57ce51632ddd1dbf5fed24f109599de216eb3e",value:"y"},"y"),t("smoothly-input-clear",{key:"0ea9f343784f533ebab4bc8d0b0879deb5e75156",slot:"end"})),t("smoothly-input-select",{key:"67e1d6b7b5e040e5284d0f5984c60a9f57a1d47f",name:"size"},t("span",{key:"e89ec731e273bd86c43d8993c78dbdcb1e052280",slot:"label"},"Size"),t("smoothly-item",{key:"06201d3e144034f8984f48a064ea7d01dbdc3a7f",value:"tiny"},"tiny"),t("smoothly-item",{key:"5f996913a822077f1fd66371819d528b0f67dc7f",value:"small"},"small"),t("smoothly-item",{key:"1aa1eff32b61221555b6356cbe658fb2591a6678",value:"medium"},"medium"),t("smoothly-item",{key:"1d18ac8a2bbcc4f16cd19263aa16d2d714582f27",value:"large"},"large"),t("smoothly-item",{key:"a0dd2fc34393ef5fc1ed89f1b000d3a3482a2324",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"1cde73483d40576d71b1994ea7a4a18a0df791dc",slot:"end"})),t("smoothly-input-range",{key:"c57e682c8ad984279d9b4d4eef60a6c076b3014b",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"485dc43539bb93a6bdd58ab1ba10ac5ee64abb80",slot:"end"}))),t("h1",{key:"cef7183437984cc0d8df4765a5afd62790e07881"},"Icons"),t("div",{key:"332d4c1168cda7307f00eef4106494860ed0a491",class:"icons"},[...c.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...c.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(r.succeeded(`Copied "${e}"`))}})))))}static get style(){return F()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","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-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),C)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){k()}break;case"smoothly-input":if(!customElements.get(m(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){v()}break;case"smoothly-input-range":if(!customElements.get(m(e))){j()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){$()}break;case"smoothly-spinner":if(!customElements.get(m(e))){x()}break}}))}B();export{C as S,B as d};
-//# sourceMappingURL=p-C0OwGHaZ.js.map
+import{p as e,H as o,c as s,h as t,F as a,d as l,t as m}from"./p-BsZrGTcp.js";import{I as c,C as i,F as d}from"./p-Br0kWrBT.js";import"./p-BVKhAhsB.js";import{N as r}from"./p-Bq3C8g8G.js";import"./p-DoFURPl2.js";import{d as n}from"./p-mmAi00ak.js";import{d as y}from"./p-CN3iME9d.js";import{d as h}from"./p-DG2pfnCV.js";import{d as f}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as u}from"./p-DPlYDxyJ.js";import{d as k}from"./p-DDYB8QLF.js";import{d as g}from"./p-BHTAR2x1.js";import{d as v}from"./p-Dk4OvZyQ.js";import{d as j}from"./p-Dq8EU803.js";import{d as E}from"./p-C88eMND6.js";import{d as $}from"./p-ByRyVRgY.js";import{d as x}from"./p-CmUug44L.js";const C=()=>`.sc-smoothly-icon-demo-h{display:block;width:clamp(200px, 100%, 1200px);margin:auto}[hidden].sc-smoothly-icon-demo-h{display:none}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo{display:flex;flex-flow:row wrap}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo{padding:1rem;position:relative}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover{scale:1.5}.sc-smoothly-icon-demo-h>div.sc-smoothly-icon-demo>smoothly-icon.sc-smoothly-icon-demo:hover::after{content:attr(data-name);position:absolute;white-space:nowrap;bottom:100%;background:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-color));padding:0.25rem 1rem;z-index:1;pointer-events:none}`;const F=e(class e extends o{constructor(e){super();if(e!==false){this.__registerHost()}this.notice=s(this,"notice");this.page=0;this.display={};this.props={}}render(){return t(l,{key:"ec049b1d4b3d93e28913174bd7ab55ce836298ae"},t("h2",{key:"d0430155840916db4250402c39e5ee2656dc9930"},"Filter and Variants"),t("smoothly-form",{key:"4c6f1ffa07fed10ba6051ab4d5f29c1278608b23",looks:"grid",onSmoothlyFormInput:e=>this.display=e.detail},t("smoothly-input",{key:"bea5be3b9c5f839da1fe6efd6497b4fa7c946e77",name:"filter"},"Filter"),t("smoothly-input-select",{key:"a64ee5957e34d669c481b77ba0f561ba5eebfa55",name:"variant"},t("span",{key:"80df7e185a498c1c33cfe1c3fde85f955d46f256",slot:"label"},"Variant"),t("smoothly-item",{key:"d6447afb06c4471f9b3036838da77182161ebaf1",value:"outline"},"outline"),t("smoothly-item",{key:"6622d9acf5549f05128632e386cafcabd4e5df0d",value:"sharp"},"sharp"),t("smoothly-input-clear",{key:"1a94b3d1d195c77716a7a9e92303bab3dffcf8b0",slot:"end"}))),t("h2",{key:"1320b7b476f6451885fa32dcb0daed671d269612"},"Props"),t("smoothly-form",{key:"1bc3722b6b25c57352ff7bc1df1571a3df824611",looks:"grid",onSmoothlyFormInput:e=>{this.props=e.detail;console.log("props",this.props)}},t("smoothly-input-select",{key:"8b065ccb0feb16a805a20ee13eab053d0cd8edfe",name:"color"},t("span",{key:"3ed5be41ac0893b18741356a70c7653c862579a0",slot:"label"},"Color"),i.values.map((e=>t("smoothly-item",{value:e},t("span",{style:{background:`rgb(var(--smoothly-${e}-color))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,e)))),t("smoothly-input-clear",{key:"50b90280c6f0600a073b8b8a254fb035f1aefec0",slot:"end"})),t("smoothly-input-select",{key:"efda773381d8cb5d491e591b731cea17b406a005",name:"fill"},t("span",{key:"396dbb906c3b52b53732b062f5ce8ebe70ce85b6",slot:"label"},"Fill"),d.values.map((e=>t("smoothly-item",{value:e},e))),t("smoothly-input-clear",{key:"44cc4c40f24ad5c978e423496ea30a3068f862a1",slot:"end"})),t("smoothly-input-select",{key:"d3aaee102be617722fc42dcd47139fe0d2c7284c",name:"customColor",menuHeight:"12items",ordered:true},t("span",{key:"dc450c6debc6be202b40628ef77196159e45a082",slot:"label"},"Custom Color"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"a68b41f9a46917cb1b46e9ada61d05c280f92ff0",name:"customBackground",menuHeight:"12items",ordered:true},t("span",{key:"f094c91bdb64df81fd5fc49945b2760c214c37ed",slot:"label"},"Custom Background"),i.values.flatMap((e=>t(a,null,["tint","color","shade","contrast"].map((o=>t("smoothly-item",{value:`--smoothly-${e}-${o}`},t("span",{style:{background:`rgb(var(--smoothly-${e}-${o}))`,"margin-right":"0.5rem",width:"2.5rem",height:"2.5rem"}}),t("span",null,`rgb(var(--smoothly-${e}-${o}))`)))))))),t("smoothly-input-select",{key:"676477dc9f358f3512f0fb0f60a99a1deb3fa400",name:"flip"},t("span",{key:"7e7924009ac080ccd225052351d0c70079990b6f",slot:"label"},"Flip"),t("smoothly-item",{key:"70d21d485c90d881422d4c577fa04f101e0dae13",value:"x"},"x"),t("smoothly-item",{key:"7e57ce51632ddd1dbf5fed24f109599de216eb3e",value:"y"},"y"),t("smoothly-input-clear",{key:"0ea9f343784f533ebab4bc8d0b0879deb5e75156",slot:"end"})),t("smoothly-input-select",{key:"67e1d6b7b5e040e5284d0f5984c60a9f57a1d47f",name:"size"},t("span",{key:"e89ec731e273bd86c43d8993c78dbdcb1e052280",slot:"label"},"Size"),t("smoothly-item",{key:"06201d3e144034f8984f48a064ea7d01dbdc3a7f",value:"tiny"},"tiny"),t("smoothly-item",{key:"5f996913a822077f1fd66371819d528b0f67dc7f",value:"small"},"small"),t("smoothly-item",{key:"1aa1eff32b61221555b6356cbe658fb2591a6678",value:"medium"},"medium"),t("smoothly-item",{key:"1d18ac8a2bbcc4f16cd19263aa16d2d714582f27",value:"large"},"large"),t("smoothly-item",{key:"a0dd2fc34393ef5fc1ed89f1b000d3a3482a2324",value:"xlarge"},"xlarge"),t("smoothly-input-clear",{key:"1cde73483d40576d71b1994ea7a4a18a0df791dc",slot:"end"})),t("smoothly-input-range",{key:"c57e682c8ad984279d9b4d4eef60a6c076b3014b",name:"rotate",step:1,min:-180,max:180,value:0},"Rotate",t("smoothly-input-clear",{key:"485dc43539bb93a6bdd58ab1ba10ac5ee64abb80",slot:"end"}))),t("h1",{key:"cef7183437984cc0d8df4765a5afd62790e07881"},"Icons"),t("div",{key:"332d4c1168cda7307f00eef4106494860ed0a491",class:"icons"},[...c.Name.values.filter((e=>!this.display.filter||e.includes(this.display.filter))).map((e=>this.display.variant?`${e}-${this.display.variant}`:e)),...c.Logo.values.filter((e=>!this.display.filter||e.includes(this.display.filter)))].map((e=>t("smoothly-icon",{name:e,tooltip:e,"data-name":e,color:this.props.color,style:{fill:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",color:this.props["customColor"]?`rgb(var(${this.props["customColor"]}))`:"",background:this.props["customBackground"]?`rgb(var(${this.props["customBackground"]}))`:""},fill:this.props.fill,flip:this.props.flip,size:this.props.size,rotate:this.props.rotate,onClick:()=>{navigator.clipboard.writeText(e);this.notice.emit(r.succeeded(`Copied "${e}"`))}})))))}static get style(){return C()}},[2,"smoothly-icon-demo",{display:[32],props:[32]}]);function B(){if(typeof customElements==="undefined"){return}const e=["smoothly-icon-demo","smoothly-button","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-clear","smoothly-input-range","smoothly-input-select","smoothly-item","smoothly-spinner"];e.forEach((e=>{switch(e){case"smoothly-icon-demo":if(!customElements.get(m(e))){customElements.define(m(e),F)}break;case"smoothly-button":if(!customElements.get(m(e))){n()}break;case"smoothly-display":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json":if(!customElements.get(m(e))){h()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){u()}break;case"smoothly-icon":if(!customElements.get(m(e))){k()}break;case"smoothly-input":if(!customElements.get(m(e))){g()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){v()}break;case"smoothly-input-range":if(!customElements.get(m(e))){j()}break;case"smoothly-input-select":if(!customElements.get(m(e))){E()}break;case"smoothly-item":if(!customElements.get(m(e))){$()}break;case"smoothly-spinner":if(!customElements.get(m(e))){x()}break}}))}B();export{F as S,B as d};
+//# sourceMappingURL=p-BXS5v02h.js.map

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

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

package/dist/components/{p-CuBPxYv2.js → p-BjQjh8et.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 c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as r}from"./p-bQGZECIZ.js";import{d as l}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as k}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as E}from"./p-BAMFAtTN.js";import{d as w}from"./p-BrYTMGo3.js";import{d as O}from"./p-BdhEVyZ3.js";import{d as S}from"./p-UqPFIGlg.js";import{d as F}from"./p-UCcJDJNC.js";import{d as D}from"./p-Bo1NnbuT.js";import{d as x}from"./p-BQOdxeHU.js";import{d as P}from"./p-Dq8EU803.js";import{d as z}from"./p-CLqKhHZ8.js";import{d as C}from"./p-vN0nUvmF.js";import{d as H}from"./p-ycoVDLCD.js";import{d as B}from"./p-ByRyVRgY.js";import{d as I}from"./p-CmUug44L.js";import{d as N}from"./p-BcEDrfmP.js";import{d as R}from"./p-2Y5tLcQ1.js";import{d as U}from"./p-BCwizh6U.js";const L=()=>`.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 Z=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:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(a,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",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:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",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:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",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:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",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:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",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:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",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:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",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:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",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:"7db7129193020bc6375b859f8eed9bbd3a774b72",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:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",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:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",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:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",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:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",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:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}static get style(){return L()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function q(){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),Z)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){d()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-display":if(!customElements.get(m(e))){n()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}break;case"smoothly-display-json-record-key":if(!customElements.get(m(e))){p()}break;case"smoothly-form":if(!customElements.get(m(e))){h()}break;case"smoothly-icon":if(!customElements.get(m(e))){u()}break;case"smoothly-input":if(!customElements.get(m(e))){k()}break;case"smoothly-input-checkbox":if(!customElements.get(m(e))){j()}break;case"smoothly-input-clear":if(!customElements.get(m(e))){g()}break;case"smoothly-input-color":if(!customElements.get(m(e))){v()}break;case"smoothly-input-date":if(!customElements.get(m(e))){E()}break;case"smoothly-input-date-range":if(!customElements.get(m(e))){w()}break;case"smoothly-input-date-time":if(!customElements.get(m(e))){O()}break;case"smoothly-input-file":if(!customElements.get(m(e))){S()}break;case"smoothly-input-month":if(!customElements.get(m(e))){F()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){D()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){x()}break;case"smoothly-input-range":if(!customElements.get(m(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){C()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){H()}break;case"smoothly-item":if(!customElements.get(m(e))){B()}break;case"smoothly-spinner":if(!customElements.get(m(e))){I()}break;case"smoothly-tab":if(!customElements.get(m(e))){N()}break;case"smoothly-tabs":if(!customElements.get(m(e))){R()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){U()}break}}))}q();export{Z as S,q as d};
-//# sourceMappingURL=p-CuBPxYv2.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 c}from"./p-Br0kWrBT.js";import{d as i}from"./p-mmAi00ak.js";import{d}from"./p-MHAaISnU.js";import{d as r}from"./p-jq25vUmm.js";import{d as l}from"./p-DnvyyAaF.js";import{d as n}from"./p-CN3iME9d.js";import{d as f}from"./p-DG2pfnCV.js";import{d as y}from"./p-uFR5K4vd.js";import{d as b}from"./p-DvZK__s-.js";import{d as p}from"./p-F8qX8ZuL.js";import{d as h}from"./p-DPlYDxyJ.js";import{d as u}from"./p-DDYB8QLF.js";import{d as k}from"./p-BHTAR2x1.js";import{d as j}from"./p-B-jhX7aN.js";import{d as g}from"./p-Dk4OvZyQ.js";import{d as v}from"./p-CDzU4-Ri.js";import{d as E}from"./p-DhchoEO3.js";import{d as w}from"./p-CMLWVZ3h.js";import{d as O}from"./p-Cyl9K1If.js";import{d as S}from"./p-UqPFIGlg.js";import{d as D}from"./p-BagcEQ4o.js";import{d as x}from"./p-Bo1NnbuT.js";import{d as F}from"./p-BQOdxeHU.js";import{d as P}from"./p-Dq8EU803.js";import{d as z}from"./p-CLqKhHZ8.js";import{d as C}from"./p-C88eMND6.js";import{d as H}from"./p-ycoVDLCD.js";import{d as I}from"./p-ByRyVRgY.js";import{d as B}from"./p-CmUug44L.js";import{d as R}from"./p-BcEDrfmP.js";import{d as N}from"./p-2Y5tLcQ1.js";import{d as L}from"./p-BCwizh6U.js";const U=()=>`.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 q=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:"1e20a61c9db6aafdf47e54ed7aaef6c1ca3d8bfa"},o("h2",{key:"45492fefcf3cc0fb1a4010711cf10f0bded34893"},"Pet"),o("h3",{key:"bc05c80a795091886b94ba85dd89746e58159ea3"},"Value"),o("smoothly-form",{key:"42a8ccf63773aa8b235931cc66415cfd0f1f0c14",looks:"border",onSmoothlyFormSubmit:e=>alert(JSON.stringify(e.detail)),onSmoothlyFormInput:e=>this.value=Object.assign({},e.detail)},o("smoothly-input",{key:"3606396ae683768fb6ef5e5940f43fbef81800c9",type:"text",name:"name.first",value:"Johnny"},"Name",o("smoothly-input-reset",{key:"1128b00ce30571d90960f0747caf90394d08f093",slot:"end"})),o("smoothly-input",{key:"fbd205ba349d3f754af21ebdc40434946bb712a4",type:"integer",name:"age"},"Age (Years)"),o("smoothly-input-checkbox",{key:"e4465a244c36403f0869f5d739d9cdea595136ce",name:"hasOwner",onSmoothlyInputLoad:e=>e.stopPropagation(),onSmoothlyInput:e=>{this.hasOwner=e.detail.hasOwner;e.stopPropagation()}},"Has Owner",o("smoothly-input-reset",{key:"7be8886cdeedbdeb87c28b2024c26bd4532f07ed",slot:"end"})),this.hasOwner&&o(a,{key:"972c8da03c31ff920a5131daa1d046f7e80418c1"},o("smoothly-input",{key:"4fd076e713c449b56e4d3b38b47009a3301c81df",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:"2af7bfb23d1d67903be625827d5d237640fc16b0",slot:"end"})),o("smoothly-input",{key:"ba357c367c5006c2002dee8f597b0344572c6238",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:"8caa1d54740a0e1fb3b29d709f6feb32c8c45a31",name:"owner.picture"},o("span",{key:"10332335746aadd62719e024aaa6f825a5b2800b",slot:"label"},"Owner picture")),o("smoothly-input-date",{key:"c8c1afc04ae737af2b45c061ee21b4dfb1713869",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:"e13a649d0d308340d419d2355d7d48fbfce257e7",slot:"end"})),o("smoothly-input-date-range",{key:"952264d17218340e89fe16c40b6003ee94f34c9e",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:"f99d74c312b6b7ddc3d3b169b672d3cc478cb3a3",slot:"end"})),o("smoothly-input-range",{key:"d799c177fa826a5a582d1785add6d9ac512434a2",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:"a872fe1b4ae49293daad5ca2c781fe9abe514b95",slot:"end"})),o("smoothly-input-select",{key:"cc6a5ef5238abc4dce3c2321c8f5c184c0dfe320",name:"owner.favoriteHat"},o("span",{key:"a073973ff9b090a82a23b81ca82875ac5155f822",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:"c39f9d320b08362f082749f5338de8d4530f9da5",slot:"end"})),o("smoothly-input-color",{key:"50e462d1f87b19685f627deb90d9eb3d2798c15a",name:"owner.favoriteColor",value:this.owner.favoriteColor?c.toHex(this.owner.favoriteColor):undefined,onSmoothlyInput:e=>this.owner=Object.assign(Object.assign({},this.owner),{favoriteColor:e.detail["owner.favoriteColor"]})},"Owner's Favorite Color",o("smoothly-input-reset",{key:"d63535ee7ac6bae7424f60bff48cc5342594ced6",slot:"end"})),o("smoothly-input-radio",{key:"f015946e2a17358be9f8279c5f92566101dd69ef",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:"0e33220f442cf7e1b2908259c68bbf196fe2d2b2",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:"7db7129193020bc6375b859f8eed9bbd3a774b72",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:"c02261545ec207a2be19261796ff1ab0322221c7"},o("smoothly-tab",{key:"64fc9145089d8175e87b77746a301d2a300227ff",label:"Dog",name:"dog"},o("smoothly-input",{key:"93efb08d77a27ebeb0ec1ffaa31d8f20ad1c5c79",type:"text",name:"dog.breed"},"Breed"),o("smoothly-input-file",{key:"fbb759287fbb384110dab6bd67e526e0e1b87061",name:"dog.picture"},o("span",{key:"75354c72313adfbf2f0590a4a1d629b056a584d0",slot:"label"},"Dog picture")),o("smoothly-input-date-time",{key:"67cb08aae3427ea09418763cd4f5c89f4c12885c",name:"dog.lastWalk"},"Time of last walk"),o("smoothly-input-date",{key:"bfc8d1878f5e8c0b9e06dd6db93c5414d072aade",name:"dog.birthday"},"Dog birthday"),o("smoothly-input-date-range",{key:"d89333abe0b84513f7b59d0910ec979dc63e4f76",name:"dog.dateRange"},"Dog date range"),o("smoothly-input-select",{key:"0ca96cd6cd0ed9d0d0b6e3212c4e545b1783edda",name:"dog.favoriteHat"},o("span",{key:"e9bb41040522fc010702793420c2f448fa2fc0af",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:"609b660e2980b33ac4c437fd3a2cecc212fb700d",name:"dog.favoriteColor"},"Dog's Favorite Color"),o("smoothly-input-radio",{key:"496506fd830c3da16c3cbb32ed7a93b54e1d023f",name:"dog.favoritePizza"},o("span",{key:"59bdad0dc97036ca753d7de08dadcd9ab888df47",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:"2ad32725e92f4eb3f6402751facf72563491a5a7",name:"dog.hasPet"},"Has Pet")),o("smoothly-tab",{key:"09d4b79adbbf8772285a13ce1bb45fea67c3c019",label:"Cat",name:"cat",open:true},o("smoothly-input",{key:"2a298883bf58261ec42cd8a7cb220421604233f2",name:"cat.favoriteFood"},"Favorite Food")),o("smoothly-tab",{key:"6ded1101edaf7025402e2084cfa3d530a9440497",label:"Parrot",name:"parrot"},o("smoothly-input",{key:"c6fec8eff6ed07080cfcfd7e04a1accd9be5e698",type:"price",name:"parrot.price",currency:"EUR"},"Summary Price"),o("smoothly-input-file",{key:"1ef6c74c21f3a530ea18a5fb843c0f39c5d09a5c",name:"parrot.picture"},o("span",{key:"1506866be3f7d5032caa07277ddb4900adf796e4",slot:"label"},"Summary picture"),o("smoothly-input-clear",{key:"2768b4e77018167d8c5459561627c7176f6af19e",slot:"end"})),o("smoothly-input-date",{key:"4482cadd8c81d8cf68d01d940759c9c8fa302889",name:"parrot.birthday"},"Summary birthday"),o("smoothly-input-date-range",{key:"1db7a128f9fe548e64a26b106f0428cf027515dd",name:"parrot.ownedRange",start:"2020-01-01",end:"2020-01-15"},"Summary ownedRange",o("smoothly-input-reset",{key:"f61bb824149c3927ee9e7df5474bc1140b557c2d",slot:"end"})),o("smoothly-input-range",{key:"455be79335de1c32001a9baf41bc6601600a6f2b",name:"parrot.height",label:"Height"},o("smoothly-input-reset",{key:"f0c5284602a08d52331e2fca63bf561212bce4f9",slot:"end"})),o("smoothly-input-select",{key:"2b5d15b9bdda780755ddb704019bdf9b075f7593",name:"parrot.favoriteHat"},o("span",{key:"e23e7228157f39f8d5b565c6283e65d848d662f2",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:"282eb367f0a8bbcc9b296358933c83a2ab1246a2",name:"parrot.month"},o("span",{key:"46678c21d019c38d586da52a8ca5ba14e54f9545",slot:"month-label"},"Summary month")),o("smoothly-input-color",{key:"74de10bf1eb9a54f1f5139f9b7549b84d90f521e",name:"parrot.color"},"Summary Color"),o("smoothly-input-radio",{key:"2135343dbedb74df58a88e011921ed5cf93a8f69",name:"parrot.favoritePizza"},o("span",{key:"b549ce953d14b96b12496f989cf8c237fa697d6d",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:"e4fd4673ea5c4feb91142062527f7537f715738e",name:"parrot.hasPet"},"Has Pet"))),o("smoothly-input-submit",{key:"c757eec9af05b183a036119430533a2fdfa7ff26",size:"icon",slot:"submit",color:"success",fill:"solid"})),o("smoothly-display",{key:"94108e7af02550ba3ea038b879e0db56fe057833",type:"json",value:this.value}))}static get style(){return U()}},[2,"smoothly-form-demo-pet",{hasOwner:[32],owner:[32],value:[32]}]);function Z(){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),q)}break;case"smoothly-button":if(!customElements.get(m(e))){i()}break;case"smoothly-button-confirm":if(!customElements.get(m(e))){d()}break;case"smoothly-calendar":if(!customElements.get(m(e))){r()}break;case"smoothly-date-text":if(!customElements.get(m(e))){l()}break;case"smoothly-display":if(!customElements.get(m(e))){n()}break;case"smoothly-display-json":if(!customElements.get(m(e))){f()}break;case"smoothly-display-json-object":if(!customElements.get(m(e))){y()}break;case"smoothly-display-json-primitive":if(!customElements.get(m(e))){b()}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))){D()}break;case"smoothly-input-radio":if(!customElements.get(m(e))){x()}break;case"smoothly-input-radio-item":if(!customElements.get(m(e))){F()}break;case"smoothly-input-range":if(!customElements.get(m(e))){P()}break;case"smoothly-input-reset":if(!customElements.get(m(e))){z()}break;case"smoothly-input-select":if(!customElements.get(m(e))){C()}break;case"smoothly-input-submit":if(!customElements.get(m(e))){H()}break;case"smoothly-item":if(!customElements.get(m(e))){I()}break;case"smoothly-spinner":if(!customElements.get(m(e))){B()}break;case"smoothly-tab":if(!customElements.get(m(e))){R()}break;case"smoothly-tabs":if(!customElements.get(m(e))){N()}break;case"smoothly-toggle-switch":if(!customElements.get(m(e))){L()}break}}))}Z();export{q as S,Z as d};
+//# sourceMappingURL=p-BjQjh8et.js.map