@sbb-esta/lyne-elements 1.10.0 → 1.11.1

package/autocomplete/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;;;;;GAWG;AACH,qBAKa,sBAAuB,SAAQ,0BAA0B;IACpE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAE1C;IAED,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUhC,iBAAiB,IAAI,IAAI;IAUzC,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsBpE,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAQlC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBzD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/elements/autocomplete/autocomplete.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAU5E;;;;;;;;;;;GAWG;AACH,qBAIa,sBAAuB,SAAQ,0BAA0B;IACpE,SAAS,CAAC,SAAS,SAAkC;IACrD,SAAS,CAAC,SAAS,SAAa;IAChC,OAAO,CAAC,gBAAgB,CAAM;IAE9B,SAAS,KAAK,OAAO,IAAI,gBAAgB,EAAE,CAE1C;IAED,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUhC,iBAAiB,IAAI,IAAI;IAUzC,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAsBpE,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAQlC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBzD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAUpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;;;;;GAWG;AACH,qBAKa,0BAA2B,SAAQ,0BAA0B;IACxE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAE1D;IAED,OAAO,KAAK,IAAI,GAMf;IAED,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUhC,iBAAiB,IAAI,IAAI;IAUzC,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA2BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAYlC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8BzD,OAAO,CAAC,+BAA+B;IAmCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"autocomplete-grid.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid/autocomplete-grid.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAQnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAWlF;;;;;;;;;;;GAWG;AACH,qBAIa,0BAA2B,SAAQ,0BAA0B;IACxE,SAAS,CAAC,SAAS,SAAuC;IAC1D,SAAS,CAAC,SAAS,SAAU;IAC7B,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,kBAAkB,CAAK;IAE/B,SAAS,KAAK,OAAO,IAAI,gCAAgC,EAAE,CAE1D;IAED,OAAO,KAAK,IAAI,GAMf;IAED,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAUhC,iBAAiB,IAAI,IAAI;IAUzC,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA2BpE;;;;;;OAMG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAYlC,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA8BzD,OAAO,CAAC,+BAA+B;IAmCvC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAkBpC,SAAS,CAAC,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;CAGhE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts

@@ -13,14 +13,11 @@ export declare class SbbAutocompleteGridButtonElement extends SbbAutocompleteGri
     get option(): SbbAutocompleteGridOptionElement | null;
     /** Whether the component must be set disabled due disabled attribute on sbb-optgroup. */
     private _disabledFromGroup;
-    /** MutationObserver on data attributes. */
-    private _optionAttributeObserver;
     constructor();
     protected isDisabledExternally(): boolean;
     protected renderTemplate(): TemplateResult;
     connectedCallback(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
     private _handleButtonClick;
 }
 declare global {

package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AAWvF;;;;GAIG;AACH,qBAOa,gCAAiC,SAAQ,qCAErD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+EAA+E;IAC/E,IAAW,MAAM,IAAI,gCAAgC,GAAG,IAAI,CAK3D;IAED,yFAAyF;IACzF,OAAO,CAAC,kBAAkB,CAAS;IAEnC,2CAA2C;IAC3C,OAAO,CAAC,wBAAwB,CAO7B;;cAUgB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;IAWzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOzD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
+{"version":3,"file":"autocomplete-grid-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAY,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;;AAWvF;;;;GAIG;AACH,qBAOa,gCAAiC,SAAQ,qCAErD;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+EAA+E;IAC/E,IAAW,MAAM,IAAI,gCAAgC,GAAG,IAAI,CAK3D;IAED,yFAAyF;IACzF,OAAO,CAAC,kBAAkB,CAAS;;cA0BhB,oBAAoB,IAAI,OAAO;cAI/B,cAAc,IAAI,cAAc;IAInC,iBAAiB,IAAI,IAAI;IAUzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAOzE,OAAO,CAAC,kBAAkB,CAIxB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}

package/autocomplete-grid/autocomplete-grid-button.js

@@ -1,32 +1,39 @@
-import { css as d, isServer as l } from "lit";
-import { customElement as u } from "lit/decorators.js";
-import { SbbActionBaseElement as c } from "../core/base-elements.js";
-import { hostAttributes as p, slotState as v } from "../core/decorators.js";
+import { MutationController as d } from "@lit-labs/observers/mutation-controller.js";
+import { css as l, isServer as u } from "lit";
+import { customElement as c } from "lit/decorators.js";
+import { SbbActionBaseElement as p } from "../core/base-elements.js";
+import { hostAttributes as v, slotState as m } from "../core/decorators.js";
 import { setOrRemoveAttribute as i } from "../core/dom.js";
-import { isEventPrevented as m } from "../core/eventing.js";
-import { SbbDisabledMixin as h, SbbNegativeMixin as g } from "../core/mixins.js";
-import { AgnosticMutationObserver as f } from "../core/observers.js";
+import { isEventPrevented as h } from "../core/eventing.js";
+import { SbbDisabledMixin as g, SbbNegativeMixin as f } from "../core/mixins.js";
 import { SbbIconNameMixin as k } from "../icon.js";
-const x = d`*,:before,:after{box-sizing:border-box}:host{outline:none!important;display:block;--sbb-button-display: flex}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-autocomplete-grid-button{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-autocomplete-grid-button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}::slotted(sbb-icon),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-autocomplete-grid-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-active-background)}`;
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, w = (t, b, e, r) => {
-  for (var o = r > 1 ? void 0 : r ? _(b, e) : b, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (o = (r ? s(b, e, o) : s(o)) || o);
-  return r && o && y(b, e, o), o;
+const x = l`*,:before,:after{box-sizing:border-box}:host{outline:none!important;display:block;--sbb-button-display: flex}:host{display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host{--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host .sbb-autocomplete-grid-button{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host .sbb-autocomplete-grid-button:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}::slotted(sbb-icon),sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-autocomplete-grid-button:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-autocomplete-grid-button:before{background-color:var(--sbb-button-color-active-background)}`;
+var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, w = (t, b, a, r) => {
+  for (var o = r > 1 ? void 0 : r ? _(b, a) : b, e = t.length - 1, s; e >= 0; e--)
+    (s = t[e]) && (o = (r ? s(b, a, o) : s(o)) || o);
+  return r && o && y(b, a, o), o;
 };
 let G = 0;
-const O = {
+const S = {
   attributeFilter: ["data-group-disabled"]
 };
-let n = class extends h(
-  g(k(c))
+let n = class extends g(
+  f(k(p))
 ) {
   constructor() {
-    super(), this._disabledFromGroup = !1, this._optionAttributeObserver = new f((t) => {
-      for (const b of t)
-        b.attributeName === "data-group-disabled" && (this._disabledFromGroup = this.hasAttribute("data-group-disabled"), i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`));
-    }), this._handleButtonClick = async (t) => {
-      await m(t) || this.closest("form");
-    }, l || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick));
+    super(), this._disabledFromGroup = !1, this._handleButtonClick = async (t) => {
+      await h(t) || this.closest("form");
+    }, u || (this.setupBaseEventHandlers(), this.addEventListener("click", this._handleButtonClick), new d(this, {
+      config: S,
+      callback: (t) => {
+        for (const b of t)
+          b.attributeName === "data-group-disabled" && (this._disabledFromGroup = this.hasAttribute("data-group-disabled"), i(
+            this,
+            "aria-disabled",
+            `${this.disabled || this._disabledFromGroup}`
+          ));
+      }
+    }));
   }
   /** Gets the SbbAutocompleteGridOptionElement on the same row of the button. */
   get option() {
@@ -42,24 +49,21 @@ let n = class extends h(
   connectedCallback() {
     super.connectedCallback(), this.id || (this.id = `sbb-autocomplete-grid-button-${++G}`);
     const t = this.closest("sbb-autocomplete-grid-optgroup");
-    t && (this._disabledFromGroup = t.disabled, i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`)), this._optionAttributeObserver.observe(this, O);
+    t && (this._disabledFromGroup = t.disabled, i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`));
   }
   willUpdate(t) {
     super.willUpdate(t), t.has("disabled") && i(this, "aria-disabled", `${this.disabled || this._disabledFromGroup}`);
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._optionAttributeObserver.disconnect();
-  }
 };
 n.styles = x;
 n = w([
-  u("sbb-autocomplete-grid-button"),
-  p({
+  c("sbb-autocomplete-grid-button"),
+  v({
     role: "button",
     tabindex: null,
     "data-button": ""
   }),
-  v()
+  m()
 ], n);
 export {
   n as SbbAutocompleteGridButtonElement

package/autocomplete-grid/autocomplete-grid.js

@@ -1,20 +1,20 @@
 import { customElement as b } from "lit/decorators.js";
 import { SbbAutocompleteBaseElement as u } from "../autocomplete.js";
-import { getNextElementIndex as n } from "../core/a11y.js";
+import { getNextElementIndex as l } from "../core/a11y.js";
 import { hostAttributes as m } from "../core/decorators.js";
-import { getDocumentWritingMode as h, isSafari as p } from "../core/dom.js";
-import { setAriaComboBoxAttributes as g } from "../core/overlay.js";
-import { SbbAutocompleteGridOptionElement as l } from "./autocomplete-grid-option.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, A = (t, e, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? f(e, i) : e, r = t.length - 1, a; r >= 0; r--)
+import { isSafari as h } from "../core/dom.js";
+import { setAriaComboBoxAttributes as p } from "../core/overlay.js";
+import { SbbAutocompleteGridOptionElement as n } from "./autocomplete-grid-option.js";
+var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, f = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? v(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = (o ? a(e, i, s) : a(s)) || s);
-  return o && s && v(e, i, s), s;
+  return o && s && g(e, i, s), s;
 };
-let I = 0;
-const d = p;
+let A = 0;
+const d = h;
 let c = class extends u {
   constructor() {
-    super(...arguments), this.overlayId = `sbb-autocomplete-grid-${++I}`, this.panelRole = "grid", this._activeItemIndex = -1, this._activeColumnIndex = 0;
+    super(...arguments), this.overlayId = `sbb-autocomplete-grid-${++A}`, this.panelRole = "grid", this._activeItemIndex = -1, this._activeColumnIndex = 0;
   }
   get options() {
     var t;
@@ -85,7 +85,7 @@ let c = class extends u {
     var s;
     const e = this.options.filter(
       (r) => !r.disabled && !r.hasAttribute("data-group-disabled")
-    ), i = n(t, this._activeItemIndex, e.length);
+    ), i = l(t, this._activeItemIndex, e.length);
     if (isNaN(i))
       return;
     const o = e[i];
@@ -103,13 +103,13 @@ let c = class extends u {
       return;
     const e = Array.from(
       this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button")
-    ).filter((a) => !a.disabled && !a.hasAttribute("data-group-disabled")), i = n(t, this._activeColumnIndex, e.length);
+    ).filter((a) => !a.disabled && !a.hasAttribute("data-group-disabled")), i = l(t, this._activeColumnIndex, e.length);
     if (isNaN(i))
       return;
     const o = e[i];
-    o instanceof l ? o.setActive(!0) : o.toggleAttribute("data-focus-visible", !0);
+    o instanceof n ? o.setActive(!0) : o.toggleAttribute("data-focus-visible", !0);
     const s = e[this._activeColumnIndex];
-    s instanceof l ? s.setActive(!1) : s.toggleAttribute("data-focus-visible", !1), (r = this.triggerElement) == null || r.setAttribute("aria-activedescendant", o.id), o.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = i;
+    s instanceof n ? s.setActive(!1) : s.toggleAttribute("data-focus-visible", !1), (r = this.triggerElement) == null || r.setAttribute("aria-activedescendant", o.id), o.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = i;
   }
   resetActiveElement() {
     var t;
@@ -124,13 +124,12 @@ let c = class extends u {
     this._activeItemIndex = -1, this._activeColumnIndex = 0, (t = this.triggerElement) == null || t.removeAttribute("aria-activedescendant");
   }
   setTriggerAttributes(t) {
-    g(t, d ? this.id : this.overlayId, !1, "grid");
+    p(t, d ? this.id : this.overlayId, !1, "grid");
   }
 };
-c = A([
+c = f([
   b("sbb-autocomplete-grid"),
   m({
-    dir: h(),
     role: d ? "grid" : null
   })
 ], c);

package/autocomplete.js

@@ -1,24 +1,24 @@
 import { property as p, customElement as w } from "lit/decorators.js";
 import { getNextElementIndex as _ } from "./core/a11y.js";
 import { hostAttributes as x } from "./core/decorators.js";
-import { findReferencedElement as c, isSafari as m, getDocumentWritingMode as y } from "./core/dom.js";
-import { isEventOnElement as l, setOverlayPosition as E, removeAriaComboBoxAttributes as k, overlayGapFixCorners as C, setAriaComboBoxAttributes as A } from "./core/overlay.js";
-import { css as O, isServer as I, html as P, nothing as v } from "lit";
+import { findReferencedElement as c, isSafari as m } from "./core/dom.js";
+import { isEventOnElement as l, setOverlayPosition as y, removeAriaComboBoxAttributes as E, overlayGapFixCorners as k, setAriaComboBoxAttributes as C } from "./core/overlay.js";
+import { css as A, isServer as O, html as I, nothing as v } from "lit";
 import { ref as g } from "lit/directives/ref.js";
-import { SbbOpenCloseBaseElement as S } from "./core/base-elements.js";
-import { SbbConnectedAbortController as L } from "./core/controllers.js";
-import { SbbNegativeMixin as T, SbbHydrationMixin as $ } from "./core/mixins.js";
-const D = O`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host([dir=rtl]) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host([dir=rtl]) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-time, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`;
+import { SbbOpenCloseBaseElement as P } from "./core/base-elements.js";
+import { SbbConnectedAbortController as S } from "./core/controllers.js";
+import { SbbNegativeMixin as L, SbbHydrationMixin as T } from "./core/mixins.js";
+const $ = A`*,:before,:after{box-sizing:border-box}.sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-time, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-options-panel-position=above]){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:"";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host([data-options-panel-position=below]) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-autocomplete__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-autocomplete__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media (forced-colors: active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}`;
 var N = Object.defineProperty, d = (o, e, t, i) => {
   for (var s = void 0, a = o.length - 1, n; a >= 0; a--)
     (n = o[a]) && (s = n(e, t, s) || s);
   return s && N(e, t, s), s;
 };
-const b = m, h = class h extends T(
-  $(S)
+const b = m, h = class h extends L(
+  T(P)
 ) {
   constructor() {
-    super(...arguments), this.abort = new L(this), this._didLoad = !1, this._isPointerDownEventOnMenu = !1, this._pointerDownListener = (e) => {
+    super(...arguments), this.abort = new S(this), this._didLoad = !1, this._isPointerDownEventOnMenu = !1, this._pointerDownListener = (e) => {
       this._isPointerDownEventOnMenu = l(this._overlay, e);
     }, this._closeOnBackdropClick = (e) => {
       !this._isPointerDownEventOnMenu && !l(this._overlay, e) && !l(this.originElement, e) && this.close();
@@ -79,7 +79,7 @@ const b = m, h = class h extends T(
   }
   _componentSetup() {
     var e, t, i, s;
-    I || ((e = this._triggerEventsController) == null || e.abort(), (t = this._openPanelEventsController) == null || t.abort(), this._originElement = void 0, this.toggleAttribute(
+    O || ((e = this._triggerEventsController) == null || e.abort(), (t = this._openPanelEventsController) == null || t.abort(), this._originElement = void 0, this.toggleAttribute(
       "data-option-panel-origin-borderless",
       !!((s = (i = this.closest) == null ? void 0 : i.call(this, "sbb-form-field")) != null && s.hasAttribute("borderless"))
     ), this._bindTo(this._getTriggerElement()));
@@ -135,7 +135,7 @@ const b = m, h = class h extends T(
   }
   // Set overlay position, width and max height
   _setOverlayPosition() {
-    E(
+    y(
       this._overlay,
       this.originElement,
       this._optionContainer,
@@ -193,13 +193,13 @@ const b = m, h = class h extends T(
     e != null && this.options.forEach((t) => t.highlight(e));
   }
   _removeTriggerAttributes(e) {
-    k(e);
+    E(e);
   }
   render() {
-    return P`
+    return I`
       <div class="sbb-autocomplete__gap-fix"></div>
       <div class="sbb-autocomplete__container">
-        <div class="sbb-autocomplete__gap-fix">${C()}</div>
+        <div class="sbb-autocomplete__gap-fix">${k()}</div>
         <div
           @animationend=${this._onAnimationEnd}
           class="sbb-autocomplete__panel"
@@ -221,7 +221,7 @@ const b = m, h = class h extends T(
     `;
   }
 };
-h.styles = D;
+h.styles = $;
 let r = h;
 d([
   p()
@@ -232,16 +232,16 @@ d([
 d([
   p({ attribute: "preserve-icon-space", reflect: !0, type: Boolean })
 ], r.prototype, "preserveIconSpace");
-var z = Object.defineProperty, R = Object.getOwnPropertyDescriptor, U = (o, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? R(e, t) : e, a = o.length - 1, n; a >= 0; a--)
+var D = Object.defineProperty, z = Object.getOwnPropertyDescriptor, R = (o, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? z(e, t) : e, a = o.length - 1, n; a >= 0; a--)
     (n = o[a]) && (s = (i ? n(e, t, s) : n(s)) || s);
-  return i && s && z(e, t, s), s;
+  return i && s && D(e, t, s), s;
 };
-let q = 0;
+let U = 0;
 const f = m;
 let u = class extends r {
   constructor() {
-    super(...arguments), this.overlayId = `sbb-autocomplete-${++q}`, this.panelRole = "listbox", this._activeItemIndex = -1;
+    super(...arguments), this.overlayId = `sbb-autocomplete-${++U}`, this.panelRole = "listbox", this._activeItemIndex = -1;
   }
   get options() {
     var o;
@@ -301,13 +301,12 @@ let u = class extends r {
     o && o.setActive(!1), this._activeItemIndex = -1, (e = this.triggerElement) == null || e.removeAttribute("aria-activedescendant");
   }
   setTriggerAttributes(o) {
-    A(o, f ? this.id : this.overlayId, !1);
+    C(o, f ? this.id : this.overlayId, !1);
   }
 };
-u = U([
+u = R([
   w("sbb-autocomplete"),
   x({
-    dir: y(),
     role: f ? "listbox" : null
   })
 ], u);

package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts

@@ -19,7 +19,6 @@ export declare class SbbBreadcrumbGroupElement extends SbbBreadcrumbGroupElement
     private _handleKeyDown;
     connectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
-    disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
     protected updated(changedProperties: PropertyValues<WithListChildren<this>>): void;
     /** Apply the aria-current attribute to the last sbb-breadcrumb element. */

package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAYb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAIa,yBAA0B,SAAQ,8BAGlC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,eAAe,CAAoE;IAC3F,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,cAAc;IAiBN,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9D,oBAAoB,IAAI,IAAI;cAKzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAa3F,2EAA2E;IAC3E,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B,kGAAkG;IAClG,OAAO,CAAC,uBAAuB;IAW/B,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;cAgBJ,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}
+{"version":3,"file":"breadcrumb-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb-group/breadcrumb-group.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAYb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,eAAe,CAAC;;AAIvB;;;;GAIG;AACH,qBAIa,yBAA0B,SAAQ,8BAGlC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAsB;IAIrE,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,eAAe,CAIpB;IACH,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,aAAa,CAAS;IAE9B,OAAO,CAAC,cAAc;IAiBN,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAa3F,2EAA2E;IAC3E,OAAO,CAAC,gBAAgB;IAaxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAK1B,kGAAkG;IAClG,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,gBAAgB;IA8BxB,OAAO,CAAC,eAAe;cAgBJ,MAAM,IAAI,cAAc;CAQ5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,yBAAyB,CAAC;KACnD;CACF"}

package/breadcrumb/breadcrumb-group.js

@@ -1,33 +1,37 @@
-import { css as c, LitElement as u, html as b, nothing as p } from "lit";
-import { state as h, customElement as m } from "lit/decorators.js";
-import { isArrowKeyPressed as g, sbbInputModalityDetector as f, getNextElementIndex as v } from "../core/a11y.js";
-import { SbbConnectedAbortController as _, SbbLanguageController as x } from "../core/controllers.js";
-import { hostAttributes as C } from "../core/decorators.js";
-import { setOrRemoveAttribute as y } from "../core/dom.js";
-import { i18nBreadcrumbEllipsisButtonLabel as w } from "../core/i18n.js";
-import { SbbNamedSlotListMixin as k } from "../core/mixins.js";
-import { AgnosticResizeObserver as z } from "../core/observers.js";
+import { ResizeController as c } from "@lit-labs/observers/resize-controller.js";
+import { css as u, LitElement as h, html as b, nothing as p } from "lit";
+import { state as m, customElement as g } from "lit/decorators.js";
+import { isArrowKeyPressed as f, sbbInputModalityDetector as v, getNextElementIndex as _ } from "../core/a11y.js";
+import { SbbConnectedAbortController as x, SbbLanguageController as C } from "../core/controllers.js";
+import { hostAttributes as y } from "../core/decorators.js";
+import { setOrRemoveAttribute as w } from "../core/dom.js";
+import { i18nBreadcrumbEllipsisButtonLabel as k } from "../core/i18n.js";
+import { SbbNamedSlotListMixin as z } from "../core/mixins.js";
 import "../icon.js";
-const E = c`*,:before,:after{box-sizing:border-box}:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;display:block}:host([data-loaded]){--sbb-breadcrumb-group-visibility: visible}:host([data-state]){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-color-granite)}#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-background-color: transparent;--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);--sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:pointer;color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media (forced-colors: active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media (any-hover: hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-charcoal);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-color-milk)}}@media (any-hover: hover) and (forced-colors: active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
+const E = u`*,:before,:after{box-sizing:border-box}:host{--sbb-breadcrumb-group-wrap: nowrap;--sbb-breadcrumb-group-visibility: hidden;display:block}:host([data-loaded]){--sbb-breadcrumb-group-visibility: visible}:host([data-state]){--sbb-breadcrumb-group-wrap: wrap}.sbb-breadcrumb-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:var(--sbb-breadcrumb-group-wrap);column-gap:var(--sbb-spacing-fixed-1x);visibility:var(--sbb-breadcrumb-group-visibility)}.sbb-breadcrumb-group__item{flex:0 0 auto;display:flex;column-gap:var(--sbb-spacing-fixed-1x)}.sbb-breadcrumb-group__divider-icon{color:var(--sbb-color-granite)}#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);--sbb-breadcrumb-group-ellipsis-background-color: transparent;--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);--sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);line-height:0;letter-spacing:.01em;width:var(--sbb-size-icon-ui-small);height:var(--sbb-size-icon-ui-small);border:var(--sbb-breadcrumb-group-ellipsis-border-width) solid var(--sbb-breadcrumb-group-ellipsis-border-color);border-radius:50%;padding-block-end:.5em;cursor:pointer;color:var(--sbb-breadcrumb-group-ellipsis-color);background-color:var(--sbb-breadcrumb-group-ellipsis-background-color);overflow:hidden}@media (forced-colors: active){#sbb-breadcrumb-ellipsis{--sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-2x);--sbb-breadcrumb-group-ellipsis-border-color: CanvasText}}@media (any-hover: hover){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-charcoal);--sbb-breadcrumb-group-ellipsis-background-color: var(--sbb-color-milk)}}@media (any-hover: hover) and (forced-colors: active){#sbb-breadcrumb-ellipsis:hover{--sbb-breadcrumb-group-ellipsis-border-color: Highlight}}#sbb-breadcrumb-ellipsis:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
 var S = Object.defineProperty, A = Object.getOwnPropertyDescriptor, d = (e, r, t, i) => {
   for (var s = i > 1 ? void 0 : i ? A(r, t) : r, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (s = (i ? a(r, t, s) : a(s)) || s);
   return i && s && S(r, t, s), s;
 };
 const n = 3;
-let l = class extends k(u) {
+let l = class extends z(h) {
   constructor() {
-    super(...arguments), this.listChildLocalNames = ["sbb-breadcrumb"], this._resizeObserver = new z(() => this._evaluateCollapsedState()), this._abort = new _(this), this._language = new x(this), this._markForFocus = !1;
+    super(...arguments), this.listChildLocalNames = ["sbb-breadcrumb"], this._resizeObserver = new c(this, {
+      target: null,
+      skipInitial: !0,
+      callback: () => this._evaluateCollapsedState()
+    }), this._abort = new x(this), this._language = new C(this), this._markForFocus = !1;
   }
   set _state(e) {
-    y(this, "data-state", e);
+    w(this, "data-state", e);
   }
   get _state() {
     return this.getAttribute("data-state");
   }
   _handleKeyDown(e) {
     if (!(!this.listChildren.length || // don't trap nested handling
-    e.target !== this && e.target.parentElement !== this) && g(e)) {
+    e.target !== this && e.target.parentElement !== this) && f(e)) {
       if (this._state === "collapsed")
         return this._focusNextCollapsed(e);
       this._focusNext(e);
@@ -41,15 +45,12 @@ let l = class extends k(u) {
   firstUpdated(e) {
     super.firstUpdated(e), this._resizeObserver.observe(this), this.toggleAttribute("data-loaded", !0);
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._resizeObserver.disconnect();
-  }
   willUpdate(e) {
     super.willUpdate(e), e.has("listChildren") && this._syncBreadcrumbs();
   }
   updated(e) {
     var r;
-    super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && f.mostRecentModality === "keyboard" && ((r = this.listChildren[1]) == null || r.focus(), this._markForFocus = !1);
+    super.updated(e), e.has("listChildren") && Promise.resolve().then(() => this._evaluateCollapsedState()), this._markForFocus && v.mostRecentModality === "keyboard" && ((r = this.listChildren[1]) == null || r.focus(), this._markForFocus = !1);
   }
   /** Apply the aria-current attribute to the last sbb-breadcrumb element. */
   _syncBreadcrumbs() {
@@ -71,7 +72,7 @@ let l = class extends k(u) {
     var s;
     const t = r.findIndex(
       (o) => o === document.activeElement || o === this.shadowRoot.activeElement
-    ), i = v(e, t, r.length);
+    ), i = _(e, t, r.length);
     (s = r[i]) == null || s.focus(), e.preventDefault();
   }
   /**
@@ -83,7 +84,7 @@ let l = class extends k(u) {
   }
   /** Evaluate if the expanded breadcrumb element fits in page width, otherwise it needs ellipsis */
   _evaluateCollapsedState() {
-    !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= n && (this._state = "collapsed", this._resizeObserver.disconnect());
+    !this._state && this.scrollWidth > this.offsetWidth && this.listChildren.length >= n && (this._state = "collapsed", this._resizeObserver.hostDisconnected(), this.removeController(this._resizeObserver));
   }
   _renderCollapsed() {
     return b`
@@ -98,7 +99,7 @@ let l = class extends k(u) {
         <button
           type="button"
           id="sbb-breadcrumb-ellipsis"
-          aria-label=${w[this._language.current]}
+          aria-label=${k[this._language.current]}
           aria-expanded="false"
           @click=${() => this._expandBreadcrumbs()}
         >
@@ -138,11 +139,11 @@ let l = class extends k(u) {
 };
 l.styles = E;
 d([
-  h()
+  m()
 ], l.prototype, "_state", 1);
 l = d([
-  m("sbb-breadcrumb-group"),
-  C({
+  g("sbb-breadcrumb-group"),
+  y({
     role: "navigation"
   })
 ], l);

package/button/button/button.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant.
  *

package/button/button-link/button-link.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+declare const SbbButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *

package/button/button-link.js

@@ -1,20 +1,20 @@
-import { customElement as i } from "lit/decorators.js";
+import { customElement as l } from "lit/decorators.js";
 import { SbbLinkBaseElement as s } from "../core/base-elements.js";
-import { SbbDisabledMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonPrimaryStyle as v } from "./common.js";
-var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (l, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? _(e, r) : e, n = l.length - 1, m; n >= 0; n--)
-    (m = l[n]) && (t = (o ? m(e, r, t) : m(t)) || t);
-  return o && t && S(e, r, t), t;
+import { SbbDisabledInteractiveMixin as p, SbbDisabledMixin as f } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as u, buttonCommonStyle as a, buttonPrimaryStyle as v } from "./common.js";
+var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (i, e, o, n) => {
+  for (var t = n > 1 ? void 0 : n ? _(e, o) : e, r = i.length - 1, b; r >= 0; r--)
+    (b = i[r]) && (t = (n ? b(e, o, t) : b(t)) || t);
+  return n && t && S(e, o, t), t;
 };
-let b = class extends f(
-  p(s)
+let m = class extends u(
+  p(f(s))
 ) {
 };
-b.styles = [u, v];
-b = a([
-  i("sbb-button-link")
-], b);
+m.styles = [a, v];
+m = c([
+  l("sbb-button-link")
+], m);
 export {
-  b as SbbButtonLinkElement
+  m as SbbButtonLinkElement
 };

package/button/button.js

@@ -1,18 +1,18 @@
 import { customElement as s } from "lit/decorators.js";
 import { SbbButtonBaseElement as i } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as f, buttonPrimaryStyle as a } from "./common.js";
-var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, S = (l, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? v(e, r) : e, m = l.length - 1, n; m >= 0; m--)
-    (n = l[m]) && (t = (o ? n(e, r, t) : n(t)) || t);
-  return o && t && c(e, r, t), t;
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonPrimaryStyle as a } from "./common.js";
+var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, _ = (l, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? S(e, r) : e, n = l.length - 1, m; n >= 0; n--)
+    (m = l[n]) && (t = (o ? m(e, r, t) : m(t)) || t);
+  return o && t && v(e, r, t), t;
 };
-let b = class extends u(
+let b = class extends f(
   p(i)
 ) {
 };
-b.styles = [f, a];
-b = S([
+b.styles = [u, a];
+b = _([
   s("sbb-button")
 ], b);
 export {

package/button/mini-button/mini-button.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbMiniButtonBaseElement } from './mini-button-base-element.js';
-declare const SbbMiniButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbMiniButtonBaseElement;
+declare const SbbMiniButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbMiniButtonBaseElement;
 /**
  * It displays an icon-only button enhanced with the SBB Design;
  * it's meant to be used mainly within the sbb-form-field in prefix/suffix slot.