npm - smoothly - Versions diffs - 1.119.0 → 1.121.0 - Mend

smoothly 1.119.0 → 1.121.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

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

	@@ -1 +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"]}
1	+ {"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 CHANGED Viewed

@@ -87,6 +87,9 @@
 	transform-origin: top left;
 	transition: transform 100ms ease;
 }
+:host[right] .label {
+	transform-origin: top right;
+}
 :host.floating-label ::slotted([slot=label]),
 :host.has-value ::slotted([slot=label]),
@@ -136,10 +139,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/collection/components/input/style.css CHANGED Viewed

@@ -87,6 +87,9 @@
 	transform-origin: top left;
 	transition: transform 100ms ease;
 }
+:host[right] .label {
+	transform-origin: top right;
+}
 :host.floating-label ::slotted([slot=label]),
 :host.has-value ::slotted([slot=label]),
@@ -132,6 +135,13 @@
 :host>.smoothly-input-container>label {
 	left: var(--input-padding-side);
 }
+:host[right]>.smoothly-input-container>label {
+	right: var(--input-padding-side);
+	left: auto;
+}
+:host[right]>div>input {
+	text-align: right;
+}
 :host:not([show-label])>div>input {
 	padding: 0 var(--input-padding-side);

package/dist/collection/components/input/submit/index.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class SmoothlyInputSubmit {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '70b53b4424d3bb5c5daf2d8cedbc0ef488a35e38', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
+        return (h(Host, { key: 'da63e0307d63ffa906c65d2d28e9e5f1d4c481cb', title: this.tooltip }, this.delete == true ? (h("smoothly-button-confirm", { size: this.size, shape: this.shape, expand: this.expand, color: (_a = this.color) !== null && _a !== void 0 ? _a : "danger", fill: this.fill, onSmoothlyConfirm: () => this.clickHandler() }, h("slot", null), h("smoothly-icon", { name: "trash-outline", fill: "solid", size: "tiny" }))) : (h("smoothly-button", { disabled: this.disabled, size: this.size, type: "button", shape: this.shape, expand: this.expand, color: (_b = this.color) !== null && _b !== void 0 ? _b : "success", fill: this.fill, onClick: () => this.clickHandler() }, h("slot", null), this.icon && h("smoothly-icon", { name: this.icon, fill: "solid", size: "tiny" })))));
     }
     static get is() { return "smoothly-input-submit"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/item/index.js CHANGED Viewed

@@ -34,7 +34,7 @@ export class SmoothlyItem {
             : false;
     }
     render() {
-        return (h(Host, { key: 'f86c77b9ed66eeca4f9521883517fea9a8ce3292', tabIndex: -1 }, h("slot", { key: '9a72363e41c726d78c213179afcebafcafa48abc' })));
+        return (h(Host, { key: 'b0d6998fcd5645acb5e00e9f733b2a614d375858', tabIndex: -1 }, h("slot", { key: '44c9550fe4711d850eeee02ace037e97a39b9ab7' })));
     }
     static get is() { return "smoothly-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/label/index.js CHANGED Viewed

@@ -2,9 +2,9 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyLabel {
     render() {
         var _a;
-        return (h(Host, { key: 'ce3bb78edc46a6edd6ceeb2d8d799835e74e889e', title: this.description, style: {
+        return (h(Host, { key: 'a50f72481a39b6a4b46665263f1fa36b2d88e797', title: this.description, style: {
                 "--hue": (_a = this.hue) === null || _a === void 0 ? void 0 : _a.toString(),
-            } }, h("slot", { key: 'e2d3e99a943fe1a2e862e0102d87c327c9c3f1b8' })));
+            } }, h("slot", { key: '9aa109ec1f4be0dc0907a31849ef358b6d2c132f' })));
     }
     static get is() { return "smoothly-label"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/lazy/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SmoothlyLazy {
         this.show = true;
     }
     render() {
-        return (h(Host, { key: 'ba06250ac8a325c3b51801b09999efdbd0c552f6' }, h("slot", { key: '89e3aa0b677038bac4a999c3aba63e8f86f3e9ea', name: "before" }), h("smoothly-load-more", { key: '4d817981ffa9f3231972a3eb153339ca805c05e3', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '55ab66fb5706d1bb40350a5b545b97ddb5787eab' })));
+        return (h(Host, { key: '50d332d965cae055754032d40db1cc5c3b2d5015' }, h("slot", { key: 'b9d235d7cf347bcf4bd9a3736d0db572633b8a1a', name: "before" }), h("smoothly-load-more", { key: 'c54a2473376d12954c0d7a661a47285827317999', onSmoothlyLoadMore: e => this.loadMoreHandler(e) }), this.show && (typeof this.content == "function" ? h(this.content, null) : this.content), h("slot", { key: '7304f07a8ebac3104c8a491dd42934c016bc44a8' })));
     }
     static get is() { return "smoothly-lazy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/load-more/index.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class LoadMore {
         }
     }
     render() {
-        return h(Host, { key: 'c53981c4ea71c41217b4a4262c971dab45a84fe9' });
+        return h(Host, { key: 'e0443cf851d13bd9825e8d36d5995be9cd80b241' });
     }
     static get is() { return "smoothly-load-more"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/modal/index.js CHANGED Viewed

@@ -15,9 +15,9 @@ export class SmoothlyModal {
         this.open = true;
     }
     render() {
-        return (h(Host, { key: 'c8517f814256addf886be09be0058a8c15b73c14', role: "alertdialog", onClick: (e) => {
+        return (h(Host, { key: '3115f076e4b06f293e88000e64a86d1095784bbb', role: "alertdialog", onClick: (e) => {
                 this.closable && !e.composedPath().some((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains("modal"); }) && this.closeModal();
-            } }, h("div", { key: '665feff20545ab424191b52e7cba17414d6d79c9', class: "modal" }, h("div", { key: '1a459e840e395cc03825883b8305c070929dfc34', class: "header" }, h("slot", { key: 'b89490cc7029d45456126502db3985fcfdd99fd9', name: "header" }), this.closable && h("smoothly-icon", { key: '83559c6915c83f2f2fdc0ac3e173e55845b7b4f3', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: '4f069fcb1506d9fbdcaba2c657c7af533dec9bae' }), h("div", { key: 'df07bf9b97164aa24c8a7c41440494372f2ae9e0', class: "actions" }, h("slot", { key: '78a5774d274306aef00dc5a6cb91bf0027b84543', name: "actions" })))));
+            } }, h("div", { key: 'd97da55c896003fe24013eb0ccea37406f547814', class: "modal" }, h("div", { key: '098a855a30eb75daf69c490f1ca5949c82cc8880', class: "header" }, h("slot", { key: 'b998fe6685ecfd420f4180ebcc3d0ba7431fbeb8', name: "header" }), this.closable && h("smoothly-icon", { key: '970706e6e4260c1823e83349b4dfd385512fb45b', name: "close-outline", fill: "solid", onClick: () => this.closeModal() })), h("slot", { key: 'e5a3a23588ee6e93199a218a2bbbbb230a36f8c0' }), h("div", { key: '4eea7bf04fc3235862c556285bcf3a47dcb55a65', class: "actions" }, h("slot", { key: 'd53ca115e72b1d8cf109739bbec38c64114540a7', name: "actions" })))));
     }
     static get is() { return "smoothly-modal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notification/index.js CHANGED Viewed

@@ -50,7 +50,7 @@ export class Notification {
         this.onUpdatedNotice(this.notice);
     }
     render() {
-        return (h(Host, { key: '73f1ac93fe920e40d0045cf9ae2c756ffe451d66', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: 'c044dec06d857487dbdb8a17d20c6d07c6b7e370', fill: "clear", name: "close" }, h("smoothly-icon", { key: 'd33fb56efc3ff17f1ba41c16ffd4ed214b98bc57', name: "close-circle-outline" }))), h("span", { key: 'd2554c0a86856c3f8f760d8e71f9761b619ddf41', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: 'f4466028e87356a50f0cdb08ba23dbd1d65d5689', name: this.properties[1] }), h("p", { key: '6de62c145781c1127b7ea762a371f7a142bc324f' }, this.notice.message))));
+        return (h(Host, { key: '956faa02fe9f3afa9b7e337bdef11a4c32784d22', color: this.properties[0], fill: "solid" }, this.closable && (h("smoothly-trigger", { key: '3bb82140212380cabb45c3577e4568e9203b6556', fill: "clear", name: "close" }, h("smoothly-icon", { key: '1a652894e5ff74a73c4679db9ee89a711f40cc4f', name: "close-circle-outline" }))), h("span", { key: 'ebc7533fbe05e4028936505acd7d9a2eadfc2001', class: this.icon ? "icon" : "clean" }, this.icon && h("smoothly-icon", { key: '1bfa56aff982ae6011c066b4e2e74656f5a07ed6', name: this.properties[1] }), h("p", { key: '7b1755d6a7d65939404a3d2c7f72e4f0f5f21201' }, this.notice.message))));
     }
     static get is() { return "smoothly-notification"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/notifier/demo/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyNotifierDemo {
         return () => new Promise(resolve => window.setTimeout(() => resolve(succeed ? [true, "Task completed."] : [false, "Task failed."]), ms));
     }
     render() {
-        return (h("main", { key: 'e3d338d08a8155c994f121e190583b1492631049' }, h("fieldset", { key: '3d775b4ed5229982b2dbe2175a80223ccda92106' }, h("h2", { key: '0a351b1923d27a7bf576c2fbb43cd5368ce6442d' }, "Immediate"), h("p", { key: 'bff747d88b7d561ec2a60a65b76ee0c1bc49ad39' }, "Fires right away and closes after the default 15 seconds."), h("smoothly-button", { key: '1b8830e040cd6530425d3d66b5c78a7ed4e80357', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Payment processed successfully.")) }, "Success"), h("smoothly-button", { key: '3ad3baf9b33d67c27fdd0cff8585f7b6eeed8807', color: "danger", fill: "solid", onClick: () => this.notice.emit(Notice.failed("Payment could not be processed.")) }, "Failed"), h("smoothly-button", { key: '2c90a3b3742edac4c4afcee809048e65375ec705', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Balance is running low.")) }, "Warning")), h("fieldset", { key: 'e9740e78990b6beefb77c16663e96d627b619b7b' }, h("h2", { key: '9668a13f88db3b43b20e84d64339e46c0b876f9a' }, "Task"), h("p", { key: '9625eaf81bd2a90ca74094f5a6ba4a23e8605853' }, "Shows an executing spinner while the task runs, then transitions to success or failure."), h("smoothly-button", { key: 'e99ab12076adc90e2097c7586e4f6d2377ba592c', color: "success", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(true))) }, "Execute (succeeds after 2s)"), h("smoothly-button", { key: 'c37c6803dcc33ebb1789e981ec9bbd4453df2944', color: "danger", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(false))) }, "Execute (fails after 2s)"), h("smoothly-button", { key: 'e37ff795ca11e50e80bac180c0b9fae40e8ec587', color: "medium", fill: "solid", onClick: () => this.notice.emit(Notice.delay("Payment scheduled…", this.task(true))) }, "Delay (waits 5s, then executes)")), h("fieldset", { key: 'af63d14a88d1cd79fb022d5efbd9f5a42adf191b' }, h("h2", { key: '2fe03dc548758db94a03948f0595a296e145a0e5' }, "Custom lifetime"), h("p", { key: '6aead78b7f995d63d29f75d8a164aaf2188111bd' }, "Controls how long the notice stays visible after resolving."), h("smoothly-button", { key: 'f480806e042ba24075c030c7a767a1fb4a65de22', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Gone in 3 seconds.", 3000)) }, "Success (3s)"), h("smoothly-button", { key: 'bd377ef80546a629a08919899fff0e4c57ad24b3', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Sticks around for 30 seconds.", 30000)) }, "Warning (30s)"))));
+        return (h("main", { key: '146ef695280d078bf7bf8f4904aa602cbd5ec572' }, h("fieldset", { key: '5da1bd70292622a4c6eb817895a1ce9bfd64fc6b' }, h("h2", { key: 'b602c1520b2fe55565972682bb1c50b9066d1398' }, "Immediate"), h("p", { key: '4d28ffa7c0cc9d44f4d1262043576cfdd9ef8c6c' }, "Fires right away and closes after the default 15 seconds."), h("smoothly-button", { key: '071c91c26d9c3e1b8b2f6703faa39406deca9819', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Payment processed successfully.")) }, "Success"), h("smoothly-button", { key: 'c354273b9af901839a92f85cae02d903694d861a', color: "danger", fill: "solid", onClick: () => this.notice.emit(Notice.failed("Payment could not be processed.")) }, "Failed"), h("smoothly-button", { key: 'fc817f6b4f8324d237fc390581416cf568c783b3', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Balance is running low.")) }, "Warning")), h("fieldset", { key: '8b3da9c5028b2a579d492a26475ca76bbc4c652f' }, h("h2", { key: '9c870f38c9355783cbc36975900e0490a8455505' }, "Task"), h("p", { key: 'cbfa853c985a0f5e3d9af217d874f4889e46cffc' }, "Shows an executing spinner while the task runs, then transitions to success or failure."), h("smoothly-button", { key: '22279e8c6ce0b08259b01daad95f023cf762ccaf', color: "success", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(true))) }, "Execute (succeeds after 2s)"), h("smoothly-button", { key: '8caa0313dfe4a0f05a67ec9d4e650a6886f102a0', color: "danger", fill: "outline", onClick: () => this.notice.emit(Notice.execute("Processing payment…", this.task(false))) }, "Execute (fails after 2s)"), h("smoothly-button", { key: 'bd8946a1f33c9d890cb367865b41447ad9d58004', color: "medium", fill: "solid", onClick: () => this.notice.emit(Notice.delay("Payment scheduled…", this.task(true))) }, "Delay (waits 5s, then executes)")), h("fieldset", { key: '40682996c0a8a1fdb1dd71d347892fe8bf7f2543' }, h("h2", { key: 'a26ec98a143c642c2f9a3e718e3277a982079a90' }, "Custom lifetime"), h("p", { key: '3b3e49441c2a65d532cf0a5fc55d4b53f3275470' }, "Controls how long the notice stays visible after resolving."), h("smoothly-button", { key: '65d58658c46948a83943eb463a9a2c57b92be03d', color: "success", fill: "solid", onClick: () => this.notice.emit(Notice.succeeded("Gone in 3 seconds.", 3000)) }, "Success (3s)"), h("smoothly-button", { key: 'fb9442e7af99347f04e6cd9404674f48810adbe8', color: "warning", fill: "solid", onClick: () => this.notice.emit(Notice.warn("Sticks around for 30 seconds.", 30000)) }, "Warning (30s)"))));
     }
     static get is() { return "smoothly-notifier-demo"; }
     static get events() {

package/dist/collection/components/notifier/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class Notifier {
         this.notices = [...this.notices.filter(n => n != event.detail)];
     }
     render() {
-        return (h(Host, { key: '4e003f931f925f8b9b7bf025a30ed5637d1883f6' }, h("slot", { key: '24474dce23d51652d402faf096be33cbd2356a53' }), h("div", { key: '23d8511a4e84d13e2e19a623ebadcc7957881221', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
+        return (h(Host, { key: '4eab0b03bcd2b49a1fed8c6de67ecfcd045673bf' }, h("slot", { key: '65ba8affecf54b00f39b5ceec891a04d390b9312' }), h("div", { key: 'f1caed9cedb41c1922f3f694347871e4465b043f', class: "smoothly-notifier-wrapper" }, this.notices.map(n => (h("smoothly-notification", { notice: n, icon: this.icon }))))));
     }
     static get is() { return "smoothly-notifier"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/spinner/index.js CHANGED Viewed

@@ -5,9 +5,9 @@ export class SmoothlySpinner {
     }
     render() {
         const strokeWidth = this.size == "large" ? 6 : this.size == "medium" ? 8 : this.size == "icon" ? 8 : 12;
-        return (h(Host, { key: 'ecb6e441b9ff2e197c2b600e2c5b2d51cd95ee89', style: {
+        return (h(Host, { key: '48a168ea0d5598ec2266057893db21f7a22a3b2f', style: {
                 "--spinner-size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : this.size == "icon" ? "1.8em" : "1.2em",
-            } }, h("svg", { key: '5e6288163ac9a0fe615a91e8431fb78a966630ea', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '7ad5566138f4d87e15be7bc0d4777e80cc6c1f83', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+            } }, h("svg", { key: '1fb3b47404feb63c361efc84957c422f9b28dd11', class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '4f04487db147ae2f9cb468e952fa18912c8315c5', class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
     }
     static get is() { return "smoothly-spinner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/submit/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SmoothlySubmit {
         (_a = this.parent) === null || _a === void 0 ? void 0 : _a.submit();
     }
     render() {
-        return (h(Button, { key: 'acc877b650fa22b82f50c4fd3a5069b2e668c94d', disabled: this.disabled, type: this.type }, h("slot", { key: '9b5dbe03ca023d879223239e24c84208c36c0bb7' })));
+        return (h(Button, { key: '1bf07e4fa1cb07457467d9a1ff354a789d198351', disabled: this.disabled, type: this.type }, h("slot", { key: 'cfa1b6e14321cb83f410d2e897160fc9dfe029f0' })));
     }
     static get is() { return "smoothly-submit"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/summary/index.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class SmoothlySummary {
         }
     }
     render() {
-        return (h("details", { key: 'e033a7d2dadc508342c0e35b8b50502452c285f5', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '2081c1c5e3c154fa26e4333f519f56232895ee74' }, h("smoothly-icon", { key: 'e8c587d8d364e72e1dd1e2958db8f784343a8508', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '158befa55709d084049bec16c29d2bef2a2884e0', name: "summary" })), h("slot", { key: 'fff93c13da720ef9e0905ac698bba0baf9dd9c20', name: "content" })));
+        return (h("details", { key: '1a7f9409224434bde63b1ae60c65eb0c805b5de0', onToggle: e => this.toggleHandler(e), open: this.open }, h("summary", { key: '8eea074a35ab7f7cde8710164b6c6215a041d2c1' }, h("smoothly-icon", { key: '2446788e5744b49bae80aa43ab63f6a857ab1f04', name: "caret-forward", fill: "solid", size: "tiny" }), h("slot", { key: '87b1d6b1e2e11518bad2f891be6c8c7f64927c11', name: "summary" })), h("slot", { key: 'cf188e8cdf176c258d5955a7ff1f9e4ef8822332', name: "content" })));
     }
     static get is() { return "smoothly-summary"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/body/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableBody {
     render() {
-        return (h(Host, { key: '1f19a1c0da7b296ea394daa0bc91ac499424ad0e' }, h("slot", { key: 'acd72cd22a3d49c02de514f5f9818d16ff913897' })));
+        return (h(Host, { key: 'b3bb5a5626087fbae34f99cdab7ca7ff9f783b5f' }, h("slot", { key: 'b8020b8b324fccfd9749664f8ce991b2212b8a5e' })));
     }
     static get is() { return "smoothly-table-body"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/cell/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyTableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '71cd9be174ec7961ae0b338fd5775a0f8b41264c', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: '9cbca72183db11968f3a6630bd1a226830754bd7' })));
+        return (h(Host, { key: '891d8de013f8deeb367d60f5d2edd13da377b613', class: "smoothly-table-cell", style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) } }, h("slot", { key: 'b776897f5657b4766dc21dcae5a6b676b4a38493' })));
     }
     static get is() { return "smoothly-table-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/colspan/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoColspan {
     render() {
-        return (h(Host, { key: '0c48cda90a42886342351b0a4f4b0ddcdbba84e1' }, h("smoothly-table", { key: '6ddf793f667d275b6e3969331d06c1d2f5e4c491', columns: 3 }, h("smoothly-table-head", { key: '425732dcb06bbc7dd1c5b46689fcb9a5d1f8aae0' }, h("smoothly-table-row", { key: '698dbdfbabfb904df19d92aaef652fc57b4371ad' }, h("smoothly-table-cell", { key: '162b14024e5d5c1993c2c5120f014bd65dc452b8' }, "Date"), h("smoothly-table-cell", { key: '7c8dfddd08a7a241ba4921d48c231e154e8ce2f7' }, "Skip"), h("smoothly-table-cell", { key: '90c02f35f7233314a0478fdef7fe7e8d59ee6307' }, "Total"))), h("smoothly-table-body", { key: 'ee7c05917d77a73653f262da586d358a6c2d8c5f' }, h("smoothly-table-row", { key: 'fb8ea7dbe4c82f92258d4c531f88bf9192a121a7' }, h("smoothly-table-cell", { key: '8c4f6a68055a38eafbbedde78acdec47610c3a45', span: 2 }, h("smoothly-display", { key: '914cbd4c7716cb44df1fb2c9f30e864733398627', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '28379684e4c04c36261cece4276bd0599bca8201' }, h("smoothly-display", { key: '454f88e0c8f6236864d5507677e87c4129940fd6', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '484339508d40ad812eb7edd24efa06ed18739b39' }, h("smoothly-table-expandable-cell", { key: '885b10db54f9fb0051f0ac8d878dbd4a5413d698', span: 2 }, h("smoothly-display", { key: '27a9840c4c283269809fef636b95e7dc46d18586', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '031f1ee60536b3b633c7638aed6e0d1d6a013ba8', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'c1e0fc733a48eb0e5bf50d0ff70494e0f293b34e' }, h("smoothly-display", { key: 'fe0202769ab5932ed8257867802e297707efdb78', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'e170de6a7c33e6ce938e2a5240a33397a9d15d21', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: 'e06c96d7d22adc11c20140b67b877b69c0b95737' }, h("smoothly-table-cell", { key: '6a6a0d756b16ccc002934e7aea89165959748518' }, h("smoothly-display", { key: '9cabf2591bbfe35af7e58f649a185b872843b365', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'bc20c5059843db6e9a61b5f600ddcbb959c544cd' }, "Not Skipped"), h("smoothly-table-cell", { key: '306e585f47e9eb496ef5a1ddbecfcc9c823adde2' }, h("smoothly-display", { key: 'b1623473097b41ebc6bf1a03eeafd4a650371b98', type: "price", value: 320, currency: "EUR" })))))));
+        return (h(Host, { key: '4a92e415a226d4ebab31782cc871f6d11cdefdde' }, h("smoothly-table", { key: 'e414d700eb6cf3776f9fc9e86e2d67f501a71a15', columns: 3 }, h("smoothly-table-head", { key: '1cce9f1369a01fc233b80d1afa3d4a1b2f5d923d' }, h("smoothly-table-row", { key: '36e6474a6215eb5687ba9465c3c7877a7bff743a' }, h("smoothly-table-cell", { key: 'cfa2d4e243716d5f3fecded39d79bf3544a97905' }, "Date"), h("smoothly-table-cell", { key: 'c43fdf05f18bcb9c4846c5a845e16073ba32236c' }, "Skip"), h("smoothly-table-cell", { key: '620b37da396df4a5603fb5d55ba2b813c29526d0' }, "Total"))), h("smoothly-table-body", { key: 'aa63908d28d5bfb34c5b993902e8e0f99ea9ceb6' }, h("smoothly-table-row", { key: '0bdf0fc5da6579b5982bc5cf0c54cd32e6f21ec5' }, h("smoothly-table-cell", { key: '89a6978ec56e6fd376a91fa6e58a1db321d26cea', span: 2 }, h("smoothly-display", { key: '425d36ae8667386e31d6b12e6ebdd8c9c944ce66', type: "date", value: "2024-01-01" })), h("smoothly-table-cell", { key: '4349637266fbcfa739aa4e14d6ade43aa4698536' }, h("smoothly-display", { key: 'c10d1f4a35422b603b5267d588def34e1d559641', type: "price", value: 120, currency: "EUR" }))), h("smoothly-table-row", { key: '17786deabad8d2a2f94eecd504c411d81253e7ff' }, h("smoothly-table-expandable-cell", { key: '369b069e39d14c08067549c52e10ebc9e0431017', span: 2 }, h("smoothly-display", { key: '93c961cb863e773e9a388fb0a1409229170efd11', type: "date", value: "2024-01-02" }), h("smoothly-lazy", { key: '50925a7d20eba6489894db04ac0d5a33ae79c2cd', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-02T13:37:00.000Z" }) })), h("smoothly-table-expandable-cell", { key: 'd8ddb511da5dd1db25dacf6d6e2db86ab18f537a' }, h("smoothly-display", { key: '424ab8257361fb07d36a2315ee9f2f026e0231cc', type: "price", value: 220, currency: "EUR" }), h("smoothly-lazy", { key: 'b31ab7ce96a94604ef3eab1c993b500ae66cb568', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 120, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 100, currency: "EUR" })) }))), h("smoothly-table-row", { key: 'a62e60f23acdf0868205a383ef8acb4eb93195c2' }, h("smoothly-table-cell", { key: 'fe4d044b2e908ecff06ef8d1674773cff69ed793' }, h("smoothly-display", { key: '0e30d7ae0b6b47dabf0da4c54100a5fca974b9fd', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '6b2643ea2eff46c72aa670846f5b093370a97557' }, "Not Skipped"), h("smoothly-table-cell", { key: '2ac9fe5d54115d68704871af45d61dd9fb457036' }, h("smoothly-display", { key: 'e1c21920c896ffa73155d69f3a4afa4146db587d', type: "price", value: 320, currency: "EUR" })))))));
     }
     static get is() { return "smoothly-table-demo-colspan"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/filler-row/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SmoothlyTableDemoFillerRow {
         }, 3000);
     }
     render() {
-        return (h(Host, { key: '557f61c2ccd69af2aefa39306df1aad555ff0744' }, h("smoothly-display", { key: '7ab6ad735601adb00416b7e36c0cd8815ad61ef8', type: "text", value: "Filler row" }), h("smoothly-table", { key: '5a4a96a7e7eefb555c293a59fa4549566c4e3d37', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '6552d25cd1b2655207fd58a8b193125c5489e44a' }, h("smoothly-table-row", { key: '713cc7a78a8375c1559e6dd612e91012d95d94e9' }, h("smoothly-table-cell", { key: '6916664b0ccc30759af2b01eecbb0720a293e5e1' }, "Breed"), h("smoothly-table-cell", { key: '23ebe72dbbfbb68993ce024cd574a80c78fedf97' }, "Country"), h("smoothly-table-cell", { key: '56dc58c22a7fbc62a5a33d88e11e3198d76cce8b' }, "Coat"), h("smoothly-table-cell", { key: '1b17e1b9e961951228b9134a979e154650a5692f' }, "Origin"))), h("smoothly-table-body", { key: 'e9cabfd3b379487e2f47c4e292f61f219dd1a170' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
+        return (h(Host, { key: '25288bea73e0bcfcbdd318b59dd9cb65da21dfbe' }, h("smoothly-display", { key: '436fc469f5ce4c0f02fc09b444b33f6a228c0891', type: "text", value: "Filler row" }), h("smoothly-table", { key: 'cd18f110fa492c3088e52199ff4bb9ac9245e89c', color: "primary", columns: 4 }, h("smoothly-table-head", { key: '863dbf37da3bbf9a71de66ddb4464593de005d2e' }, h("smoothly-table-row", { key: '33c3d1ab7047868aa6c7dbebe4cf8c9165670177' }, h("smoothly-table-cell", { key: '920a891a121e5d7149790757f967965dfa5403f2' }, "Breed"), h("smoothly-table-cell", { key: '82514455110654a943b8dcbfe5e4048dbab0cfe8' }, "Country"), h("smoothly-table-cell", { key: '72450b6321af7bca9966b9ec480068f89f3b7a50' }, "Coat"), h("smoothly-table-cell", { key: 'c2fd119131f985b0bf9216a3bacbaf9c0555f021' }, "Origin"))), h("smoothly-table-body", { key: '8882df67aa8946a730191cf98e6bface5b87583f' }, this.cats === undefined ? (h("smoothly-table-filler-row", null, "No data to display")) : this.cats.length === 0 ? (h("smoothly-table-filler-row", null, h("smoothly-spinner", { style: { margin: "auto" }, color: "default", size: "small" }))) : (this.cats.map(a => (h("smoothly-table-row", null, h("div", { class: "smoothly-table-cell" }, a.breed), h("div", { class: "smoothly-table-cell" }, a.country), h("div", { class: "smoothly-table-cell" }, a.coat), h("div", { class: "smoothly-table-cell" }, a.origin)))))))));
     }
     static get is() { return "smoothly-table-demo-filler-row"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/group/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 export class SmoothlyTableDemoGroup {
     render() {
-        return (h(Host, { key: 'c2349ac60d42721e7efdd0145bda64bf634665f9' }, h("smoothly-display", { key: '3fa0ccdbb80609b7d1213e4607a8417d654ba61e', type: "text", value: "Group" }), h("smoothly-table", { key: '031831fab9aad960876d3652e0f061bc11c6b641', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '8962746018f32803f9194677e85b1cac061cbc8a' }, h("smoothly-table-row", { key: 'ce3b222b7bf572395130029a242349f1f23e3efa' }, h("smoothly-table-cell", { key: '9b487a8dd643eeb32b8636a393a21825af9e15f0' }, "Date"), h("smoothly-table-cell", { key: '9445abb441db3d0474aa0925da39f9f8cd841e96' }, "Total"))), h("smoothly-table-body", { key: 'e05046be6bcd868fedd3a998e33243d350a24fac' }, h("smoothly-table-row-group", { key: '9f9f39b99ee48b80079e4f0c7b8b5933841bc8db', align: true }, h("smoothly-display", { key: 'f5c8b076b84674dca4082025540f37fed2c1fdfb', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: '8684e46b76affeace45688d66ce925053e8487cb', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: 'eafc06e33f099744334b1ab4633c4065e5c7bafb' }, h("smoothly-table-cell", { key: '163413e33f1fc87f3ee8d913b7f67aadaef23527' }, h("smoothly-display", { key: '7906a8a2a7cdbc094ea377dbbf46f46ea1aa2773', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'b7c3d34d0872a3b925cd59648818ac4f970f7665' }, h("smoothly-display", { key: '1755af70c7682d88f2a8053249f618e21ccd8dcd', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: '972b58445087486e16aa9ef60ceca24b0cdb878a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'f4167f1f151a4b6a11e55c3b44b44a174e7e460a' }, h("smoothly-table-cell", { key: 'd42b86d4bbbfa2687ccb9ef5426199cfcb970454' }, h("smoothly-display", { key: '691ce08e0f570a2fe95f6274c5e5a2c594ca0e81', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'ca5ba776a4c026015fe14ffd6c0f61682fb50a0e' }, h("smoothly-display", { key: '314ca518de45211edf1b423fe2fd5e6e852e0abf', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '3ab4074da42478f0275ad173efbbcb4ae7892132', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '15c7c4c80763efe785d46350dbcb9458787fa7de' }, h("smoothly-table-cell", { key: 'dc40672665de18746244848faf04db3ad9f5aeef' }, h("smoothly-display", { key: '49eb95b7c7cddc7b31919e63052773b561ec73e4', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: 'a06c95ad5472971a1e65334780f236ec9661730d' }, h("smoothly-display", { key: 'c7e5e70b5711a0921bc9b31a783a6c74d5052115', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '4d369fc1b9f725c6c87119f74ceacc791e7ecedd' }, h("smoothly-display", { key: '7476433911fe24ae672a06fbcd1903b30d9d4dcd', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '66757326ae2f2533781187b3cc539ecc630e18da', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '074ed70eee56b560206f6af3c3653f866eb19b1f' }, h("smoothly-table-cell", { key: 'd42fa537b638422f059064fc81f3eca4b508adb1' }, h("smoothly-display", { key: '53555e64e4a188b56312547d00e051400db9109b', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '9a87625f1792a602a8f261b09639a2f3437e4a00' }, h("smoothly-display", { key: '48f68e9b82035798b802914d1e3676baeb45b1c6', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'fda86f80536a88dfc1b37122353d7728d59c3145', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '79f5e690018349b7bbf387f42459fd0cf7bf41c9' }, h("smoothly-table-cell", { key: 'b90737c98969bac197c075f618074d0de7e49ba4' }, h("smoothly-display", { key: 'e8f3430fe190bd51b2f16613545502e080e881ec', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'b6d3f7d14324859ba247b4936b21a8730b3d48f5' }, h("smoothly-display", { key: '2a31cd875eb7275138ff31018fa00445d98636f9', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '4fead269f59feb74e3182c5f45ceb27f75b06815', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'f934924e769318b0cbf620e8b36dd5beb5b9289b' }, h("smoothly-display", { key: '19cd9b2be6022ee7ca06d65ea8ed7233cfc09282', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'da7f61e549d633fcfeb11d0b6340db1ed25b2203' }, h("smoothly-table-cell", { key: 'b317a6ff13c60a5e788285295131c314dfdc5451' }, h("smoothly-display", { key: 'fdc2c7b05beb0d0a85cb132ecda0250dec82437b', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '00332f1d86bee165bfcb258a7e0a977630391c3f' }, h("smoothly-display", { key: '482fb06ef577eebb00020dc96c1f38be4a9c06f4', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'e0be1bdf78a509739ba6200b84eb09b1fdceafa5', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '33394ca7530c500982772ad00fa167a28945dac7' }, h("smoothly-table-cell", { key: '9d0342b72e2e1c5c4fe165f5dd82e2bd2aea486e' }, h("smoothly-display", { key: '7067dcfee78ed06a503fda1daba6d2290e542749', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: '0dc3ff01ee8aa112baadd9d9b86950be1e206863' }, h("smoothly-display", { key: 'ff66908b6e8fae1880aeb7c2e3afb2fa0459055b', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'd4c0cbfd9ea8e4325b8ae831e4c39e4c454a78df', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: '094dcd75d983e523eec8cb86ef99dcf162e38ea9' }, h("smoothly-display", { key: '69f640137011b2a87f19869a37d4838472a0e85c', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '5813f668878b19bda0ec525192f8bd114b8eea10' }, h("smoothly-table-cell", { key: 'a17328b2f0e29e25462129c21a4f7285a570d55b' }, h("smoothly-display", { key: 'a0d200bab62d2d1cd9c79d671dac3a01aa49d596', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: 'e1d33ee6f5562a526343a7b8a8a4eedd74536faa' }, h("smoothly-display", { key: 'fbee48d8fa8d7360f35e81f52953a1e50d059f66', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '4b35e8e6b67c474be6f1921df8c035ca75e6d65e', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '73b7b56a1374a050d4c060481691a765993d7aa0' }, h("smoothly-table-cell", { key: 'ef757fee21011b6217509b8df104bbd551a8f083' }, h("smoothly-display", { key: 'ce28e49e2b34609b9b118c1d959b40e92da999ea', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: '9ab4fffdd44c403204a950bf6988c85cec2b566d' }, h("smoothly-display", { key: 'f031bf8fedf553a4a35941682c52c20a5d35945c', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '6be1eed0b8757a4ef23b2f89d207de78a691fb2a', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '217e2c3da76ee12debcfdd72e8dc1a5ce366e677' }, h("smoothly-table-row-group", { key: '6b6a75487b0649e29aaa80f09ae1525fb89d0a4a' }, h("smoothly-display", { key: '595d74d25315145d10c0f90cb425080f26327171', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '0960bdd999050e2ef1f54affd7d9c7e37b7a105f', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '99957e7a704294b44a16785076c8039fabafe467' }, h("smoothly-table-row", { key: '094abc7dde56b47077b83d4aeee91d935673dbca' }, h("fake-cell-wrapper", { key: 'c3046f3eb7072139a86ec4c777a83e3b31342a5f' }, h("smoothly-table-cell", { key: '65e3f33d4e058906c1e705c138f64eb875372f8b' }, h("smoothly-display", { key: 'dae18d82f496305e108996e52fb4f08df46c0b4d', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '1f797ef11066becab0585c2d707795752cc1919a' }, h("smoothly-table-expandable-cell", { key: '7162dfb6b14b854eb20ade26aa14c41ada84ee88' }, h("smoothly-display", { key: 'a0caf476fcef38d8f0f0aac87f1a8939edf8251b', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '96639f825747c82e48a6df2f5ffcd0aa541af947', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: '96e1217758b98bb236eaf1e9fbf0cdbc7c97961b' }, h("smoothly-table-expandable-row", { key: 'b463b6ace09039c949856a47cae1646722de7515' }, h("fake-cell-wrapper", { key: '908e37e012b4e7264faafa8778161b0d23e65bbf', class: "span-2" }, h("smoothly-table-cell", { key: 'd08c1503351a035e6f8ef9052cc80c8bc9d002fa', span: 2 }, h("smoothly-display", { key: '391e427d5ddf9f1d2e82678ff66d9ffcc41c8a77', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: '0a8773a5d33603c6a42d84487c730eaf950a2540', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: 'f22475f2b9aca2131c4ff305aa4ba2e7c6e600ba' }, h("smoothly-display", { key: '956d8be67c99b3673d815101a05e91c9c6131439', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: '0daba64dde819e327b688619e584b43bb042ef0d', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
+        return (h(Host, { key: '62df195c439cf706a1a3c7f41db6c2e29dad142f' }, h("smoothly-display", { key: 'e0e9ff9ce93fcaf000f395d113a553e5506f7304', type: "text", value: "Group" }), h("smoothly-table", { key: '326ba06d567fdd989afca120e2c3c37a0cc846e7', color: "primary", columns: 2 }, h("smoothly-table-head", { key: 'fc9c0d2f26660f7a905a049460ff9a5e1cf8d01a' }, h("smoothly-table-row", { key: 'f24071deda1e8594baa3247d2f4c7089a926ba57' }, h("smoothly-table-cell", { key: '1bb3803e7af1271e4eb9f22a42325ac2b5b73232' }, "Date"), h("smoothly-table-cell", { key: 'ae5d48ded2734e285adf9ae59aaa63e695b659bc' }, "Total"))), h("smoothly-table-body", { key: '986cebc8d947b2cb9e17673fd479a6ebf2f076c2' }, h("smoothly-table-row-group", { key: '5525de8b528614a2a98b9c1f114005ccc00429c8', align: true }, h("smoothly-display", { key: 'fa42e342b2c3f6c17c876ae857e0d23318ffbbf5', slot: "start", type: "date", value: "2024-01-01" }), h("smoothly-display", { key: 'e15d54e3288e723c449971fe3ef8e82e669e236c', slot: "end", type: "price", currency: "EUR", value: 510 }), h("smoothly-table-expandable-row", { key: '38294cc981a9711d9fe62e19dcc9be0dc44d72fe' }, h("smoothly-table-cell", { key: 'a6a1a468df6c6c4d870637d96d49a60b9e9a5b62' }, h("smoothly-display", { key: '35b429ea784aae344d0eed4364047a16addab496', type: "date-time", value: "2024-01-01T01:37:00.000Z" })), h("smoothly-table-cell", { key: '12e3ffb4a8a1003f63ec8426365ab164ca5e2860' }, h("smoothly-display", { key: 'd2f3030c67352148cb3edfaa6fb7ae9cc77b94bd', type: "price", currency: "EUR", value: 250 })), h("smoothly-lazy", { key: 'e7d2324c84054a6d5c99f9123c1407ac6dd47cd8', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: 'aff20dad5eba30487c0dd0af87498d00593f67e8' }, h("smoothly-table-cell", { key: 'c31a2971ab968e445a622f2e2c685fab84d46b22' }, h("smoothly-display", { key: '5c71ba768035bd954b4280fa616c046a3abe20ac', type: "date-time", value: "2024-01-01T13:37:00.000Z" })), h("smoothly-table-cell", { key: '43ce6d32c1cb44473460cf942eed00eb7ba0d9bb' }, h("smoothly-display", { key: 'faa140a1e7bff8ee3db1f4cea2af3b89a5e0573a', type: "price", currency: "EUR", value: 260 })), h("smoothly-lazy", { key: '8a693ca8e8e976cf4313fae0b7b8ac2718a85a58', slot: "detail", content: h(Fragment, null, "Details of 2024-01-01T13:37:00.000Z") }))), h("smoothly-table-row", { key: '58c1ef797e3f28e10e6132bb676601a74eecb02a' }, h("smoothly-table-cell", { key: 'e111fdc26f3ddbbe9f681f9bc4d68b8f057379a5' }, h("smoothly-display", { key: 'ba81ad168815ae393bee158c2aa833b2899b7ff8', type: "date", value: "2024-01-02" })), h("smoothly-table-cell", { key: '00ab6f81d2406415a58adea186c3a44307b7a75a' }, h("smoothly-display", { key: 'b071985cb24513990029755e61885ba9a3dd66c6', type: "price", currency: "EUR", value: 130 }))), h("smoothly-table-row-group", { key: '89ffb1f22c33c9859109a9899716687873c9d660' }, h("smoothly-display", { key: '1f90e7bdf7a6eaed52c543211f93c4b67d774599', slot: "start", type: "date", value: "2024-01-03" }), h("smoothly-display", { key: '527d1d8b4b7eee3211e2314fba784864152e00ae', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: 'f88db70380e5966a190f5ac8cca8fc0a67c4221f' }, h("smoothly-table-cell", { key: '54027324f7cf88573f96c169ee8ce9bb34dad797' }, h("smoothly-display", { key: 'd071a9894db56273b9f6636b392d08a4b42c78e9', type: "date-time", value: "2024-01-03T01:37:00.000Z" })), h("smoothly-table-cell", { key: '6c1e4daf0f7dd6e3d8648bec713049f2fe074f6c' }, h("smoothly-display", { key: '1023a52f76e9daff2d0c5db605ca76a3ff77561e', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: 'f78aac6b2083e3ab97c37376caef47a902098a21', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '16e7bdb039dfc3a7c82e5aeab51c2fa8463adf06' }, h("smoothly-table-cell", { key: '6f3fa97484bb104428e3bdf30676aeacdbdeff54' }, h("smoothly-display", { key: '9e485216c31280d2163b1c47b615e463922e5bb9', type: "date-time", value: "2024-01-03T13:37:00.000Z" })), h("smoothly-table-cell", { key: '6b26b65d005db2eb0a05e746668a31be90e550b1' }, h("smoothly-display", { key: 'd82acd54c4ca5cf965ec76cf72df7d560ec305cb', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '6076632bb977591e9c00c9eb56b0e8d14df14b99', slot: "detail", content: h(Fragment, null, "Details of 2024-01-03T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'd4b667e7c600ae58ca64a0c6c82f6770efb9b653' }, h("smoothly-display", { key: 'cea01aa7e1342130a10154b9582a5918d2e4d63b', slot: "start", type: "date", value: "2024-01-04" }), h("smoothly-table-expandable-row", { key: 'd0a2849829de6b374e26f78815810f79397d516a' }, h("smoothly-table-cell", { key: 'c2f6db946a8b4d8c783dc6d2d3c8b9eccbcd3783' }, h("smoothly-display", { key: 'e4f2f3e8d77813f044bd530bb1027f8e806080ab', type: "date-time", value: "2024-01-04T01:37:00.000Z" })), h("smoothly-table-cell", { key: '4e0a4f1d32376dbeda02a6ea03b889c3b97c7ed8' }, h("smoothly-display", { key: '729743ffd6a89c25a67b171a460e2013e07973f1', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '42696f349c875e81c1dcd9584946016a9a71ee9b', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '1f2bb863946e96a145afc60229b280a626d3afba' }, h("smoothly-table-cell", { key: '81548c1aa8566e74d235d84b1780ec6fbd42a31a' }, h("smoothly-display", { key: '3570bfe6661f6b4d6fc8997b2c1443a36cc2d4eb', type: "date-time", value: "2024-01-04T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'aa5a554e100eb6abda0b99bd721b2f3df1536c2e' }, h("smoothly-display", { key: 'b9edeb0123445ce4d3f19cbfc08ad3195cf95bc7', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: 'eab6098b3d7322acf3dc665fd273329834798637', slot: "detail", content: h(Fragment, null, "Details of 2024-01-04T13:37:00.000Z") }))), h("smoothly-table-row-group", { key: 'f6e604f50115898a66a6ed944c48c81e2c41b4ba' }, h("smoothly-display", { key: '1222faba309ef28c8a79b6e4bfb541ca5e609741', slot: "end", type: "price", currency: "EUR", value: 720 }), h("smoothly-table-expandable-row", { key: '041ceb3f4632d6638d80b3380edb6e6fe3c68ba8' }, h("smoothly-table-cell", { key: '470993aa98db04036f588e2fedd37a51c43f42d5' }, h("smoothly-display", { key: '2ef2f28b13d6c22ecdd815695ca2ff695b875fbc', type: "date-time", value: "2024-01-05T01:37:00.000Z" })), h("smoothly-table-cell", { key: '806648544e9ef4fc342e1be65842be6a18a0d5e5' }, h("smoothly-display", { key: 'afce15a2c0e117c5b8fdbd68513d5550b9d7567c', type: "price", currency: "EUR", value: 320 })), h("smoothly-lazy", { key: '6ceddf3fd4331db664bf597d74c009c729331529', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T01:37:00.000Z") })), h("smoothly-table-expandable-row", { key: '78fb3f1f3695a136f1e418e8b6bed3e8241a7018' }, h("smoothly-table-cell", { key: '622023286563c7b2bc5dde3213183acdd60782c5' }, h("smoothly-display", { key: 'd5ee8d2f9707c60dd97a5e6ecdcd3a62d8f93598', type: "date-time", value: "2024-01-05T13:37:00.000Z" })), h("smoothly-table-cell", { key: 'bfb7b9aa8c519239c034f804eb8120243e0ff43f' }, h("smoothly-display", { key: 'ab2df9299d20827fec408d7ea75c99e502bbf480', type: "price", currency: "EUR", value: 400 })), h("smoothly-lazy", { key: '1f6c7aca115925e268d6d562af66239dfe008a8d', slot: "detail", content: h(Fragment, null, "Details of 2024-01-05T13:37:00.000Z") }))), h("fake-group-wrapper", { key: '7a6a14dd14bfe75f93b22ad545760d14c2f7987e' }, h("smoothly-table-row-group", { key: 'a75a0eaa8690248ee86ebd8ac061fbbaa73446cf' }, h("smoothly-display", { key: '713b7876d6ef92b2282bcc04dd72c92a89110525', slot: "start", type: "date", value: "2024-01-06" }), h("smoothly-display", { key: '3ea05b25d04e12bd44d12df5d49ebc640863af7b', slot: "end", type: "price", currency: "EUR", value: 720 }), h("fake-row-wrapper", { key: '1a94be668e96af4f2b4998fef2b2c99eff630121' }, h("smoothly-table-row", { key: 'e72c098a74dfcd4b22a3ae575a5ce71d6cf5d4c3' }, h("fake-cell-wrapper", { key: 'c552275a1b5d204a69664d4e7188ee2282a98ac4' }, h("smoothly-table-cell", { key: '6e1e84b08e9a20fb1cda64ebb6e1cc29a0422b34' }, h("smoothly-display", { key: '7dd6e96dac39fbb6ee3bf54e33868c7f836a8f46', type: "date", value: "2024-01-02" }))), h("fake-expandable-cell-wrapper", { key: '5549a1795adb2f64d11438c53b7600396a866b2d' }, h("smoothly-table-expandable-cell", { key: 'f6550a6b4dfbba1e340532bac7751eb7ce95d3a3' }, h("smoothly-display", { key: '30e460e5b2fafffdd2517631f118646f4a1d8f47', type: "price", currency: "EUR", value: 130 }), h("smoothly-lazy", { key: '1f38e7aa1d33998a080a1bdd6bece1ff7e016cb1', slot: "detail", content: h("span", null, h("smoothly-display", { type: "price", value: 100, currency: "EUR" }), " + ", h("smoothly-display", { type: "price", value: 30, currency: "EUR" })) }))))), h("fake-expandable-row-wrapper", { key: 'd51ca514fa6988b9f9c763c5a374b434432a8f8c' }, h("smoothly-table-expandable-row", { key: '73e26ecf4a2a60147cca01ca89fd6cb9cfd189c6' }, h("fake-cell-wrapper", { key: 'cf80f961a21c96c9400378e3ff7da35ce9decc6c', class: "span-2" }, h("smoothly-table-cell", { key: '74e278ce51e9c3f7c739758de2625f1239d77813', span: 2 }, h("smoothly-display", { key: '82418ec6d6ca4d41cc3c3b37af238fec5b747f8e', type: "date", value: "2024-01-07" }))), h("smoothly-lazy", { key: 'd6d0bb6f634b8b81d1d6c897225c6fe6f67bbe65', slot: "detail", content: h("smoothly-display", { type: "date-time", value: "2024-01-07T13:37:00.000Z" }) }))))), h("smoothly-table-row-group", { key: '532b5d36935a77ae5c41106a9b1e0d50abe6a417' }, h("smoothly-display", { key: 'b2890def11816604589a1dfc6c3addf15ab359c8', slot: "start", type: "date", value: "2024-01-08" }), h("smoothly-display", { key: 'f45c09b7a938e6b37614032d791d278c99f57603', slot: "end", type: "price", currency: "EUR", value: 720 }))))));
     }
     static get is() { return "smoothly-table-demo-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemo {
     render() {
-        return (h(Host, { key: 'ce870c3cb75e3021ae6df094be0beb4e15a4fa96' }, h("smoothly-table-demo-filler-row", { key: '8454629cbaca209d691c20e2cadb2084fb813d0c' }), h("smoothly-table-demo-group", { key: '4a39a52dd85a7820ff9144684ced5a9c39e68b9a' }), h("smoothly-table-demo-colspan", { key: '69466e2c64c235167f3f48ce792a883ccb0c4304' }), h("smoothly-table-demo-simple", { key: '7185d7dfafc506488c5d8de8eeb2d1f0771712af' }), h("smoothly-table-demo-nested-no-cell", { key: '30e67b1983df629081c1c4e7cbf4787817ce2bbb' })));
+        return (h(Host, { key: '61b819ebc1b3602cf48e0d35f8df2067fd139604' }, h("smoothly-table-demo-filler-row", { key: '2f088db0302743327648525060c7dea3f7576b66' }), h("smoothly-table-demo-group", { key: '9c76fe69c75d4dd11de6f506ecbe28cab9ba9f5c' }), h("smoothly-table-demo-colspan", { key: 'e78177d0e46e4cbf899cc13b8fbf72540132d04a' }), h("smoothly-table-demo-simple", { key: '542544d59d3cd4878e4c9497d052e2bda926829b' }), h("smoothly-table-demo-nested-no-cell", { key: '0e258a2b1e018a3098397b548e8539bed9004ea4' })));
     }
     static get is() { return "smoothly-table-demo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/nested-no-cell/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SmoothlyTableDemoNestedNoCell {
         this.loadedRows = [];
     }
     render() {
-        return (h(Host, { key: '04d9aea1741a42783f48d2f496507f026e7ec592' }, h("smoothly-display", { key: 'b1ca21dc02166b03949f1e5733d199dfc98abe57', type: "text", value: "Nested" }), h("smoothly-table", { key: '8822eb9d9038e1475460993e8408a34e2c278fc5', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'fe36a6cf11d90f4a6d61b8f52b6c32725f9446bf' }, h("smoothly-table-row", { key: '480555a61bc7ab26c44b6ed481c5002e76f3d8fb' }, h("div", { key: '4a916151819146c8dfb3bde56af42cd9177404f3', class: "smoothly-table-cell" }, "Id"), h("div", { key: '4c5f4888480ac4afdc2a7ea0ea1223f019ac342f', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'fcbbba0e6600648b61a64f1c79021d8a3b6ff7a7', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'b1ae7b7361472a8bc480eda7f578c2ef2ee31d01', class: "smoothly-table-cell" }, "Age"), h("div", { key: '5abc8febf53d4a1c88bf4d48c9f775854f79c9c0', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '556a2cc1c4edadce3207d5d5f0669945aac0e549', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: 'c73289aaf060e3c633105d35ce31864109e6b0fb', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '768db739d85a8a20408ea8d866af0006051d35f1', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: 'cdb13c9d2feb7505eb856a172848a9e0a7c8eec5' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
+        return (h(Host, { key: '29038194ab35ac91e7ecd38984f9f16cb681b10f' }, h("smoothly-display", { key: '7bdfbe9558ae59cd12eb9073bf198f764a084c4c', type: "text", value: "Nested" }), h("smoothly-table", { key: '627d873552ed96aa168796a3d6e4a8c2922d348f', color: "primary", columns: 8 }, h("smoothly-table-head", { key: 'd1e76a9a6aae1ea0c353cc4a9eef221b70b9200f' }, h("smoothly-table-row", { key: 'bd1a42a9a3b9a9fd69999c2024b8aaf0c7197537' }, h("div", { key: 'b73f56ee3c882cc971027521e788d5f89e2e0271', class: "smoothly-table-cell" }, "Id"), h("div", { key: '029edab125641cdb0ff010c9774418a79c396dd8', class: "smoothly-table-cell" }, "Registered"), h("div", { key: 'c54776ba48053d919fa18e5acb42b1808d4b9431', class: "smoothly-table-cell" }, "Name"), h("div", { key: '9cc10cc412a916c8d17cd33cd4662779b2f35498', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'b6deb718feedf1ad85fcb4ae67bb235130326592', class: "smoothly-table-cell" }, "Balance"), h("div", { key: '3d8897f00e8345493c1f9955bba32554a0c758cd', class: "smoothly-table-cell" }, "EyeColor"), h("div", { key: '1027b8d35fbd4c802f4f3fbe50f897eca8775cc3', class: "smoothly-table-cell" }, "Gender"), h("div", { key: '49bff1d9b137a3b4c0a4142724f2acfed24a9408', class: "smoothly-table-cell" }, "Company"))), h("smoothly-table-body", { key: '153be08a6e9679ddf265e9d48349fa020b6469fd' }, data.map((entry, index) => (h("smoothly-table-expandable-row", { onSmoothlyTableExpandableRowChange: event => {
                 if (event.detail) {
                     this.loadingIndex = index;
                     setTimeout(() => {
@@ -13,7 +13,7 @@ export class SmoothlyTableDemoNestedNoCell {
                         this.loadedRows = [...this.loadedRows, index];
                     }, 1500);
                 }
-            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'd220bcbd57cd66ba23f5f0a95f91ea76815abfb5' }, h("smoothly-table-row", { key: '667777310b2345e3d3a168ce2e740bf7bb3065c2' }, h("div", { key: 'b3e7fec6bcea4b27ae2ddf5e8b23438affc74185', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: 'ee6456fc221e5cc95ebf4ca4615f24df1a4da926', class: "smoothly-table-cell" }, "Footer Cell"))))));
+            } }, this.loadingIndex === index && h("smoothly-spinner", { overlay: true, size: "small" }), this.loadedRows.includes(index) && (h("smoothly-table-demo-nested-no-cell-inner", { color: "secondary", data: entry.friends, slot: "detail" })), h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.registered), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance), h("div", { class: "smoothly-table-cell" }, entry.eyeColor), h("div", { class: "smoothly-table-cell" }, entry.gender), h("div", { class: "smoothly-table-cell" }, entry.company))))), h("smoothly-table-foot", { key: 'f45322ab1a0273857552d25a85b246117bc3b549' }, h("smoothly-table-row", { key: '4ac21ff178aaadde33945221f2d08f0407967f02' }, h("div", { key: '6f725408d5b9388ff74e7508137d96e56b724306', class: "smoothly-table-cell" }, "Footer Cell"), h("div", { key: '3e2123ee1c77f6bdbd365f95088683d1faf3e24e', class: "smoothly-table-cell" }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/nested-no-cell/inner/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoNestedNoCellInner {
     render() {
         var _a;
-        return (h(Host, { key: '979ac258e43562eb1d3ec213533ed762b0637958' }, h("smoothly-table", { key: '359ecbb755ebb1119ecc4d60901a52508094fa7f', columns: 4 }, h("smoothly-table-head", { key: '688c8cecdac166cd9ce2865ecbf3002811a2ef5f' }, h("smoothly-table-row", { key: '7f8b10a9205258b5cad319c0cb6a2ae6f0609da9' }, h("div", { key: '8310e2fdaefb1c5d6a686d238bf2c118e9eacbac', class: "smoothly-table-cell" }, "Id"), h("div", { key: 'daaeb0da6571b0dde9d6e80ac35142aa666a1ba5', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'abca17f20bd0491dcf05dc81ba11d801b4933a6c', class: "smoothly-table-cell" }, "Age"), h("div", { key: '346be426720be1a8c9578a50e6dacc2dddc5493a', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: 'd2d182cae581d3f5bc8abae108a6626b20b9451a' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
+        return (h(Host, { key: '28f9d2bf9db5747017d5b2a90e4f65da98fa8af6' }, h("smoothly-table", { key: '8c4d7af6af55f5e185229ebf0d7ac358780a1806', columns: 4 }, h("smoothly-table-head", { key: 'c693cd5f50592b6c4fef491eeb334284795ae420' }, h("smoothly-table-row", { key: '7a3e7d29bc27e5edd87351d278e68befe4e6f2e3' }, h("div", { key: '5976cb5deec5edb90d3f1609295b0b4f18b69852', class: "smoothly-table-cell" }, "Id"), h("div", { key: '6fe9d4126c65a4f553164fcc457a218acda53ab1', class: "smoothly-table-cell" }, "Name"), h("div", { key: 'd785b0075ba0260b2770989d7f427147eb5255ca', class: "smoothly-table-cell" }, "Age"), h("div", { key: 'e37cbabfbc1a17d3605bbbd6eea6800abb11d9ff', class: "smoothly-table-cell" }, "Balance"))), h("smoothly-table-body", { key: '1c39927576727cbf41a0349d70b61828ec5f0e16' }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(entry => (h("smoothly-table-expandable-row", null, h("div", { class: "smoothly-table-cell" }, entry.id), h("div", { class: "smoothly-table-cell" }, entry.name), h("div", { class: "smoothly-table-cell" }, entry.age), h("div", { class: "smoothly-table-cell" }, entry.balance))))))));
     }
     static get is() { return "smoothly-table-demo-nested-no-cell-inner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/demo/simple/simple.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SmoothlyTableDemoSimple {
     render() {
-        return (h(Host, { key: '80449d99f9dd0f1b3ccc6fe1ca76f81c383b0b73' }, h("smoothly-display", { key: 'a8a925063304469fd491d875aac3ca41262c2654', type: "text", value: "Simple" }), h("smoothly-table", { key: 'c73c0af22285cf5769b7aae1bc619e681425059c', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '55a6fa56086f9ecf4c5ad6e937c672164e4ec329' }, h("smoothly-table-row", { key: 'c130d923b09c92b269da5f16ea18e3ee895cab52' }, h("smoothly-table-cell", { key: 'b937e3114409fa9e58e16333d00367839bc74d15' }, "Breed"), h("smoothly-table-cell", { key: '9aba71f6c1a20a762e89500ca5efa3a82d7cbd89' }, "Coat"))), h("smoothly-table-body", { key: 'b79c14240246a1d441fc2bfb2cf0857834121312' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: 'b3897b89193457cc34ef8a636ee70eb440b09923' }, h("smoothly-table-cell", { key: 'd3ff9b985f616112a698ad7c3d1154ae7ca3b17a' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'ed7165825d15f3025231a21aead04f6bcd048872' }, "Expandable Cell", h("div", { key: 'b5ffac563fce0a0a5027706cf4f83ec8825ad037', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: '3a6eb6e10fb590b9036d329307a22393958f6aaa' }, h("smoothly-table-expandable-cell", { key: '43570c5844b23b46572678bd5229d325c26b677f' }, "Expandable Cell 1", h("div", { key: '2c643f6a728b5967d7e42c47d657ce07ef295c78', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: '1d9f1e32259d590d5f0a7c043c56424f30019e6e' }, "Expandable Cell 2", h("div", { key: 'ea45ab8f26e3a2b7bd4d012b3dec1899836620b6', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: '99a7c70b238c32203143077e8e1a3c58ee82adf7' }, h("smoothly-table-row", { key: '2abe5c4e633f55dd722f21263ab6647018b7319b' }, h("smoothly-table-cell", { key: '805be40c4d87dd23a8ab71017453b6340adf200e' }, "Footer Cell"), h("smoothly-table-cell", { key: '1137748f294d4199d08de20a8316588df635bfb2' }, "Footer Cell"))))));
+        return (h(Host, { key: '8efeaf989f017e292c876bdfe46bf3763f6c38c5' }, h("smoothly-display", { key: 'f4127d4acd1adcefbefaf08e77460e4a1b8627e5', type: "text", value: "Simple" }), h("smoothly-table", { key: '0470e4b7620877db36cb9cc082e7996b0c3c3adc', color: "primary", columns: 2 }, h("smoothly-table-head", { key: '0739e075a0ef3ee56a8f0d058fe27d449e428b6d' }, h("smoothly-table-row", { key: '37fad0b5a35f4bf08b888b336f80cd3921cb9376' }, h("smoothly-table-cell", { key: '74f2b61cb27427da21adeadcee39db458c5bbe41' }, "Breed"), h("smoothly-table-cell", { key: 'd0309714adc9d2373bddc750f23fe86ebd320388' }, "Coat"))), h("smoothly-table-body", { key: '86d24356c0efed06ac5306553bc6be2c5791393f' }, cats.map(cat => (h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, cat.breed, h("div", { slot: "detail" }, "Country:", h("br", null), cat.country)), h("smoothly-table-expandable-cell", null, cat.coat, h("div", { slot: "detail" }, "Pattern: ", cat.pattern))))), h("smoothly-table-row", { key: '47925f54c706f1af062a6d51fab1178fa27639a8' }, h("smoothly-table-cell", { key: '275711ca0e9e6c0275cbada6a4e0adec2edccb6d' }, "Cell5"), h("smoothly-table-expandable-cell", { key: 'e60f863711fa70bbebf63c2ac93866c75c1c06bc' }, "Expandable Cell", h("div", { key: '26a19a10ec7929bc51168b5b2f7d96299be1303d', slot: "detail" }, "Content of the expandable cell"))), h("smoothly-table-row", { key: 'b012a0e9ad962aed5ef51e9468f082139ab7148d' }, h("smoothly-table-expandable-cell", { key: 'e428d929f46034021ef275faee7626205ec4dcc6' }, "Expandable Cell 1", h("div", { key: '96492566f55202c5c6b03a5521863dd9d149f709', slot: "detail" }, "Content of the expandable cell 1")), h("smoothly-table-expandable-cell", { key: 'f42f607dc543d1a3bc0e5a5fa9875251b65687b9' }, "Expandable Cell 2", h("div", { key: '7f67331945212bb0f94f428bfd61265a927bc2ee', slot: "detail" }, "Content of the expandable cell 2")))), h("smoothly-table-foot", { key: 'c94be30d6813c85a1823796894a2ab2e7d2ef0b2' }, h("smoothly-table-row", { key: '6e2cd14e0e50cd507e1b3c205f5b77296f4f8f06' }, h("smoothly-table-cell", { key: 'fb716cd817b77c5907a42454944b4212102280b1' }, "Footer Cell"), h("smoothly-table-cell", { key: '8ec34e17ed42736c2d64353306278adfa66d7b38' }, "Footer Cell"))))));
     }
     static get is() { return "smoothly-table-demo-simple"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/expandable/cell/index.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SmoothlyTableExpandableCell {
     }
     render() {
         var _a;
-        return (h(Host, { key: '624fcbc59506d5a4c9c3a63a8c72e5dacc381c88', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: '53a96ed671c80e1ecac6e34051c91e9a947b2fe9', class: "content" }, h("slot", { key: '3a3576002c26476a9a64113b36245e1befb1b032' })), h("div", { key: '39a6657696c643342205d451e12f7ce43b9059ad', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'b9e027e1fe622d4a20fffb508ac66bc1bbd2f06b', name: "detail" }))));
+        return (h(Host, { key: '1b8a884ea804eba71c5ddaa49aa4cd26764d0e4b', style: { "--smoothly-table-cell-span": (_a = this.span) === null || _a === void 0 ? void 0 : _a.toString(10) }, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'abbdbb646cbe25efca3a88c352089e3fc30f71bb', class: "content" }, h("slot", { key: 'daea230f19c624178ec5bf0e1d509132958f2185' })), h("div", { key: '71657be422cb6caa6e011c44c7f54f8a6b20caf2', class: "smoothly-table-detail", ref: (el) => (this.detailElement = el) }, h("slot", { key: 'ff3cded21e87a61f1d0c45662b569347c024b374', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-cell"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/table/expandable/row/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class SmoothlyTableExpandableRow {
         this.smoothlyTableExpandableRowChange.emit(this.open);
     }
     render() {
-        return (h(Host, { key: '3007de001a37cd97b19055f2300d0c4200714da4', onClick: (e) => this.clickHandler(e) }, h("slot", { key: '8eec771831b3e72481baaa792403fd6f28ce23b2' }), h("div", { key: 'f4a0071effd34729d812fdc02023f55c29c61da2', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: 'e9eae5eaddd3886cb39a8086bba97a177791378d', name: "detail" }))));
+        return (h(Host, { key: '0b30bab39714624466afaef8c84e249968817f34', onClick: (e) => this.clickHandler(e) }, h("slot", { key: 'b5cb0b756d50f4ae59b2032e47100db32fd91d4a' }), h("div", { key: '1ed07af1ce9a0a1c3d1516f2cd0e6239861f6a8a', class: "smoothly-table-detail", ref: e => (this.div = e) }, h("slot", { key: '61d49870b81b2fba88d179b25859fc056321be80', name: "detail" }))));
     }
     static get is() { return "smoothly-table-expandable-row"; }
     static get encapsulation() { return "scoped"; }