@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776258948 → 5.0.0-next-dev.1776264581

package/autocomplete/autocomplete-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "../autocomplete-base-element-B7fDDO1F.js";
 export { e as SbbAutocompleteBaseElement };

package/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "../autocomplete-base-element-B7fDDO1F.js";
 import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
 //#region src/elements/autocomplete/autocomplete.component.ts
 var i = 0, a = n, o = class extends e {

package/{autocomplete-base-element-BysEZecQ.js → autocomplete-base-element-B7fDDO1F.js}

@@ -243,12 +243,15 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			return this._triggerElement ?? null;
 		}
 		constructor() {
-			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, h() ? "s" : "m")), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._originResizeObserver = new b(this, {
+			super(), this.#e = t(this, T, null), this.#t = (t(this, E), t(this, O, null)), this.#n = (t(this, k), t(this, j, !1)), this.#r = (t(this, M), t(this, P, !1)), this.#i = (t(this, F), t(this, L, null)), this.#a = (t(this, R), t(this, B, h() ? "s" : "m")), this.#o = (t(this, V), t(this, U, !1)), this.#s = (t(this, W), t(this, K, !1)), this.#c = (t(this, q), t(this, Y, !1)), this.#l = (t(this, X), t(this, Q, "auto")), this._triggerElement = t(this, $), this.activeOption = null, this.pendingAutoSelectedOption = null, this._resizeObserver = new b(this, {
 				target: null,
 				skipInitial: !0,
-				callback: () => {
-					this.state === "opened" && this._setOverlayPosition();
-				}
+				callback: (() => {
+					let e;
+					return () => {
+						clearTimeout(e), e = setTimeout(() => this._setOverlayPosition(), 10);
+					};
+				})()
 			}), this._triggerAttributeObserver = r ? null : new MutationObserver((e) => {
 				let t = e[0].target;
 				(t.hasAttribute("disabled") || t.hasAttribute("readonly")) && this.close();
@@ -271,7 +274,7 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			this._setOverlayPosition(e), this._setNextActiveOptionIfAutoActiveFirstOption(), this._attachOpenPanelEvents(), this._escapableOverlayController.connect(), this._isZeroAnimationDuration() && this._handleOpening();
 		}
 		close() {
-			this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption, !0)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
+			this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption, !0)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._resizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
 		}
 		_isZeroAnimationDuration() {
 			return _(this, "--sbb-options-panel-animation-duration");
@@ -311,7 +314,9 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value").set.call(this.triggerElement, t);
 		}
 		_handleSlotchange() {
-			this._highlightOptions(this.triggerElement?.value), this.isOpen ? (this._setOverlayPosition(), this._setNextActiveOptionIfAutoActiveFirstOption(), this._optionsCount > 0 && this.options.length === 0 && this.close()) : document?.activeElement === this.triggerElement && this._optionsCount === 0 && this.options.length > 0 && this.open(), this._optionsCount = this.options.length;
+			this._highlightOptions(this.triggerElement?.value);
+			let e = Array.from(this.querySelectorAll("*"));
+			this._previousElements?.forEach((e) => this._resizeObserver.unobserve(e)), this._previousElements = e, this._previousElements.forEach((e) => this._resizeObserver.observe(e)), this.isOpen ? (this._setOverlayPosition(), this._setNextActiveOptionIfAutoActiveFirstOption(), this._optionsCount > 0 && this.options.length === 0 && this.close()) : document?.activeElement === this.triggerElement && this._optionsCount === 0 && this.options.length > 0 && this.open(), this._optionsCount = this.options.length;
 		}
 		_setNextActiveOptionIfAutoActiveFirstOption() {
 			this.autoActiveFirstOption && (this.resetActiveElement(), this.setNextActiveOption());
@@ -357,7 +362,7 @@ var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-
 			e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
 		}
 		_handleOpening() {
-			this.state = "opened", this.originElement && this._originResizeObserver.observe(this.originElement), this.triggerElement?.setAttribute("aria-expanded", "true"), this.dispatchOpenEvent();
+			this.state = "opened", this.originElement && this._resizeObserver.observe(this.originElement), this.triggerElement?.setAttribute("aria-expanded", "true"), this.dispatchOpenEvent();
 		}
 		_handleClosing() {
 			this.state = "closed", this.hidePopover?.(), this.triggerElement?.setAttribute("aria-expanded", "false"), this.resetActiveElement(), this._optionContainer.scrollTop = 0, this._escapableOverlayController.disconnect(), this.dispatchCloseEvent();

package/autocomplete.js

@@ -1,4 +1,4 @@
-import { t as e } from "./autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "./autocomplete-base-element-B7fDDO1F.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 import "./autocomplete.pure.js";
 //#region src/elements/autocomplete.ts

package/autocomplete.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./autocomplete-base-element-BysEZecQ.js";
+import { t as e } from "./autocomplete-base-element-B7fDDO1F.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };