@sbb-esta/lyne-elements 2.7.0 → 2.7.1

package/breadcrumb/breadcrumb/breadcrumb.d.ts

@@ -9,8 +9,6 @@ declare const SbbBreadcrumbElement_base: import('../../core/mixins.js').Abstract
  */
 export declare class SbbBreadcrumbElement extends SbbBreadcrumbElement_base {
     static styles: CSSResultGroup;
-    private accessor _hasText;
-    private _handleSlotchange;
     protected renderTemplate(): TemplateResult;
 }
 declare global {

package/breadcrumb/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAMjE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAE7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,iBAAiB;cAMN,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAOjE;;;;;GAKG;AACH,qBAGM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/breadcrumb/breadcrumb/breadcrumb.js

@@ -1,52 +1,29 @@
-var u = (e) => {
-  throw TypeError(e);
-};
-var h = (e, t, r) => t.has(e) || u("Cannot " + r);
-var f = (e, t, r) => (h(e, t, "read from private field"), r ? r.call(e) : t.get(e)), x = (e, t, r) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), _ = (e, t, r, s) => (h(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
-import { __esDecorate as v, __runInitializers as l } from "tslib";
-import { customElement as y, state as g } from "lit/decorators.js";
-import { html as T } from "lit/static-html.js";
-import { SbbLinkBaseElement as S } from "../../core/base-elements.js";
-import { SbbHydrationMixin as k } from "../../core/mixins.js";
-import { SbbIconNameMixin as w } from "../../icon.js";
-import { css as z } from "lit";
-const I = z`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--sbb-text-font-size: var(--sbb-font-size-text-xs);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);color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}.sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
-let C = (() => {
-  var b, a;
-  let e = [y("sbb-breadcrumb")], t, r = [], s, n = w(k(S)), c, d = [], m = [];
-  return a = class extends n {
-    constructor() {
-      super(...arguments);
-      x(this, b, l(this, d, !1));
-      l(this, m);
-    }
-    get _hasText() {
-      return f(this, b);
-    }
-    set _hasText(o) {
-      _(this, b, o);
-    }
-    _handleSlotchange() {
-      this._hasText = Array.from(this.childNodes ?? []).some((o) => {
-        var i;
-        return !o.slot && ((i = o.textContent) == null ? void 0 : i.trim());
-      });
-    }
+import { __esDecorate as i, __runInitializers as l } from "tslib";
+import { customElement as n } from "lit/decorators.js";
+import { html as c } from "lit/static-html.js";
+import { SbbLinkBaseElement as d } from "../../core/base-elements.js";
+import { slotState as m } from "../../core/decorators.js";
+import { SbbHydrationMixin as u } from "../../core/mixins.js";
+import { SbbIconNameMixin as f } from "../../icon.js";
+import { css as v } from "lit";
+const p = v`*,:before,:after{box-sizing:border-box}:host{display:flex;--sbb-breadcrumb-color: var(--sbb-color-granite)}@media (any-hover: hover){:host(:hover){--sbb-breadcrumb-color: var(--sbb-color-charcoal)}}:host(:is(:active,[data-active])){--sbb-breadcrumb-color: var(--sbb-color-anthracite)}.sbb-breadcrumb{--sbb-link-text-decoration: none;--sbb-text-font-size: var(--sbb-font-size-text-xs);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);color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{display:flex;cursor:pointer;gap:var(--sbb-spacing-fixed-2x);color:var(--sbb-breadcrumb-color);align-items:center;overflow:hidden;outline:none}@media (forced-colors: active){.sbb-breadcrumb{--sbb-breadcrumb-color: ButtonText}}.sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not([data-slot-names~=unnamed])) .sbb-breadcrumb__label{display:none}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`;
+let z = (() => {
+  var t;
+  let s = [n("sbb-breadcrumb"), m()], o, b = [], e, a = f(u(d));
+  return t = class extends a {
     renderTemplate() {
-      return T`
+      return c`
       ${this.renderIconSlot("sbb-breadcrumb__icon")}
-      <span class="sbb-breadcrumb__label" ?hidden=${!this._hasText}>
-        <slot @slotchange=${this._handleSlotchange}></slot>
+      <span class="sbb-breadcrumb__label">
+        <slot></slot>
       </span>
     `;
     }
-  }, b = new WeakMap(), s = a, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    c = [g()], v(a, null, c, { kind: "accessor", name: "_hasText", static: !1, private: !1, access: { has: (i) => "_hasText" in i, get: (i) => i._hasText, set: (i, p) => {
-      i._hasText = p;
-    } }, metadata: o }, d, m), v(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: o }, null, r), s = t.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.styles = I, l(s, r), s;
+  }, e = t, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    i(null, o = { value: e }, s, { kind: "class", name: e.name, metadata: r }, null, b), e = o.value, r && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = p, l(e, b), e;
 })();
 export {
-  C as SbbBreadcrumbElement
+  z as SbbBreadcrumbElement
 };

package/core/controllers/{id-observer-controller.d.ts → id-reference-controller.d.ts}

@@ -18,4 +18,4 @@ export declare class SbbIdReferenceController<T extends LitElement> implements R
      */
     find(): HTMLElement | null;
 }
-//# sourceMappingURL=id-observer-controller.d.ts.map
+//# sourceMappingURL=id-reference-controller.d.ts.map

package/core/controllers/id-reference-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-reference-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/id-reference-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAOzE;;GAEG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAIrF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IALpB,OAAO,CAAC,SAAS,CAAsC;gBAG7C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,CAAC,EACf,UAAU;kBAZR,gBAAgB;qBAAe,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;MAY7C;IAKzB,aAAa,IAAI,IAAI;IAgDrB,gBAAgB,IAAI,IAAI;IAoB/B;;OAEG;IACI,IAAI,IAAI,WAAW,GAAG,IAAI;CAQlC"}

package/core/controllers/slot-state-controller.d.ts

@@ -22,10 +22,12 @@ export declare class SbbSlotStateController implements ReactiveController {
     private _host;
     private _onChangeCallback;
     readonly slots: Set<string>;
+    private _textObserver;
     constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
     hostConnected(): void;
     hostDisconnected(): void;
     private _slotchangeHandler;
     private _syncSlots;
+    private _updateSlotNameAttribute;
 }
 //# sourceMappingURL=slot-state-controller.d.ts.map

package/core/controllers/slot-state-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
+{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAmB7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAnB3B,SAAgB,KAAK,cAAqB;IAE1C,OAAO,CAAC,aAAa,CAahB;gBAGK,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;IAO/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;IA2BlB,OAAO,CAAC,wBAAwB;CAajC"}

package/core/controllers/slot-state-controller.js

@@ -1,30 +1,41 @@
-class r {
-  constructor(t, o = null) {
-    this._host = t, this._onChangeCallback = o, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (s) => {
-      this._syncSlots(s.target);
+import { isServer as i } from "lit";
+class l {
+  constructor(e, s = null) {
+    this._host = e, this._onChangeCallback = s, this.slots = /* @__PURE__ */ new Set(), this._textObserver = !i && new MutationObserver(() => {
+      Array.from(this._host.childNodes).filter((o) => o.nodeType === o.TEXT_NODE).some((o) => {
+        var n;
+        return (n = o.textContent) == null ? void 0 : n.trim();
+      }) ? this.slots.add("unnamed") : Array.from(this._host.children).every((o) => o.slot) && this.slots.delete("unnamed"), this._updateSlotNameAttribute();
+    }), this._slotchangeHandler = (t) => {
+      this._syncSlots(t.target);
     }, this._host.addController(this);
   }
   hostConnected() {
-    var t;
-    this._syncSlots(...this._host.querySelectorAll("slot")), (t = this._host.shadowRoot) == null || t.addEventListener("slotchange", this._slotchangeHandler);
+    var e, s, t;
+    this._syncSlots(...((s = (e = this._host.shadowRoot) == null ? void 0 : e.querySelectorAll) == null ? void 0 : s.call(e, "slot")) ?? []), (t = this._host.shadowRoot) == null || t.addEventListener("slotchange", this._slotchangeHandler);
   }
   hostDisconnected() {
-    var t;
-    (t = this._host.shadowRoot) == null || t.removeEventListener("slotchange", this._slotchangeHandler);
-  }
-  _syncSlots(...t) {
     var e;
-    for (const n of t) {
-      const l = n.name || "unnamed";
-      n.assignedNodes().some((a) => {
-        var h;
-        return "tagName" in a || ((h = a.textContent) == null ? void 0 : h.trim());
-      }) ? this.slots.add(l) : this.slots.delete(l);
+    (e = this._host.shadowRoot) == null || e.removeEventListener("slotchange", this._slotchangeHandler), this._textObserver.disconnect();
+  }
+  _syncSlots(...e) {
+    var s;
+    this._textObserver.disconnect();
+    for (const t of e) {
+      const o = t.name || "unnamed";
+      t.assignedNodes().some((n) => {
+        var a;
+        return "tagName" in n || ((a = n.textContent) == null ? void 0 : a.trim());
+      }) ? this.slots.add(o) : this.slots.delete(o), this._updateSlotNameAttribute();
     }
-    const o = this._host.getAttribute("data-slot-names"), s = [...this.slots].sort().join(" ");
-    s ? this._host.getAttribute("data-slot-names") !== s && this._host.setAttribute("data-slot-names", s) : this._host.removeAttribute("data-slot-names"), s !== o && ((e = this._onChangeCallback) == null || e.call(this));
+    (s = e.find((t) => !t.name)) == null || s.assignedNodes().filter((t) => t.nodeType === t.TEXT_NODE).forEach((t) => this._textObserver.observe(t, { characterData: !0 }));
+  }
+  _updateSlotNameAttribute() {
+    var t;
+    const e = this._host.getAttribute("data-slot-names"), s = [...this.slots].sort().join(" ");
+    s ? this._host.getAttribute("data-slot-names") !== s && this._host.setAttribute("data-slot-names", s) : this._host.removeAttribute("data-slot-names"), s !== e && ((t = this._onChangeCallback) == null || t.call(this));
   }
 }
 export {
-  r as SbbSlotStateController
+  l as SbbSlotStateController
 };

package/core/controllers.d.ts

@@ -3,7 +3,7 @@
  */
 export * from './controllers/connected-abort-controller.js';
 export * from './controllers/escapable-overlay-controller.js';
-export * from './controllers/id-observer-controller.js';
+export * from './controllers/id-reference-controller.js';
 export * from './controllers/inert-controller.js';
 export * from './controllers/language-controller.js';
 export * from './controllers/media-matchers-controller.js';

package/core/controllers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}

package/core/controllers.js

@@ -1,6 +1,6 @@
 import { SbbConnectedAbortController as o } from "./controllers/connected-abort-controller.js";
 import { SbbEscapableOverlayController as t } from "./controllers/escapable-overlay-controller.js";
-import { SbbIdReferenceController as a } from "./controllers/id-observer-controller.js";
+import { SbbIdReferenceController as a } from "./controllers/id-reference-controller.js";
 import { SbbInertController as S } from "./controllers/inert-controller.js";
 import { SbbLanguageController as i } from "./controllers/language-controller.js";
 import { SbbMediaMatcherController as m, SbbMediaQueryBreakpointMediumAndAbove as C, SbbMediaQueryBreakpointMediumAndBelow as M, SbbMediaQueryBreakpointSmallAndBelow as u, SbbMediaQueryForcedColors as f, SbbMediaQueryHover as x, SbbMediaQueryPointerCoarse as y } from "./controllers/media-matchers-controller.js";

package/core/styles/core.scss

@@ -134,6 +134,20 @@ sbb-form-field {
     padding-inline-end: var(--sbb-form-field-select-inline-padding-end);
   }
 
+  &[size='s'] :where(input, sbb-date-input) {
+    // We shrink the input's height to support all types of inputs (especially type=number).
+    // Factor 1.25 ensures, letters are not cut.
+    height: calc(var(--sbb-form-field-input-text-size) * 1.25);
+
+    // Avoids Safari bug, where text gets misaligned with type=number
+    line-height: 1 !important;
+
+    // We add the missing block spacing to fit the line-height
+    margin-block: calc(
+      0.5 * (var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-body-text) - 1.25))
+    );
+  }
+
   :where(textarea) {
     @include scrollbar.scrollbar;
 

package/core.css

@@ -1217,6 +1217,11 @@ sbb-form-field :where(select) {
 sbb-form-field :where(select, sbb-select) {
   padding-inline-end: var(--sbb-form-field-select-inline-padding-end);
 }
+sbb-form-field[size=s] :where(input, sbb-date-input) {
+  height: calc(var(--sbb-form-field-input-text-size) * 1.25);
+  line-height: 1 !important;
+  margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-body-text) - 1.25));
+}
 sbb-form-field :where(textarea) {
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;

package/custom-elements.json

@@ -6987,7 +6987,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./controllers/id-observer-controller.js"
+            "package": "./controllers/id-reference-controller.js"
           }
         },
         {
@@ -23162,25 +23162,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "_hasText",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotchange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "renderTemplate",
@@ -39433,7 +39414,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "core/controllers/id-observer-controller.js",
+      "path": "core/controllers/id-reference-controller.js",
       "declarations": [
         {
           "kind": "class",
@@ -39490,7 +39471,7 @@
           "name": "SbbIdReferenceController",
           "declaration": {
             "name": "SbbIdReferenceController",
-            "module": "core/controllers/id-observer-controller.js"
+            "module": "core/controllers/id-reference-controller.js"
           }
         }
       ]
@@ -39933,6 +39914,11 @@
               "readonly": true,
               "default": "new Set<string>()"
             },
+            {
+              "kind": "field",
+              "name": "_textObserver",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "hostConnected",
@@ -39975,6 +39961,16 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateSlotNameAttribute",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             }
           ]
         }

package/date-input/date-input.js

@@ -11,7 +11,7 @@ import { defaultDateAdapter as R } from "../core/datetime.js";
 import { forceType as v, DateOnlyType as D, dateConverter as O } from "../core/decorators.js";
 import { i18nDatePickerPlaceholder as P, i18nDateInvalid as U, i18nDateMin as B, i18nDateMax as H } from "../core/i18n.js";
 import { SbbFormAssociatedInputMixin as J } from "../core/mixins.js";
-const K = T`:host{display:inline-block;min-width:9.375rem;max-width:100%;cursor:text}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
+const K = T`:host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center}@media (forced-colors: active){:host{color:FieldText}}:host(:disabled){cursor:default}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-metal);-webkit-text-fill-color:var(--sbb-color-metal);opacity:1}@media (forced-colors: active){:host(:empty):after{color:GrayText}}`;
 Object.assign(ValidityState.prototype, {
   get sbbDateFilter() {
     return !1;
@@ -19,8 +19,8 @@ Object.assign(ValidityState.prototype, {
 });
 let se = (() => {
   var h, u, c, l;
-  let a = [L("sbb-date-input")], s, i = [], n, b = J(j), y = [], g, A, k = [], x = [], F, w = [], S = [], V, E, I = [], C = [];
-  return l = class extends b {
+  let a = [L("sbb-date-input")], s, i = [], n, g = J(j), y = [], b, A, k = [], x = [], F, w = [], S = [], V, E, I = [], C = [];
+  return l = class extends g {
     constructor() {
       var e, t;
       super();
@@ -136,8 +136,8 @@ let se = (() => {
       ["badInput", "rangeUnderflow", "rangeOverflow", "sbbDateFilter"].forEach((e) => this.removeValidityFlag(e));
     }
   }, h = new WeakMap(), u = new WeakMap(), c = new WeakMap(), n = l, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    g = [v(), _({ attribute: !1, type: D })], A = [v(), _({ converter: O, reflect: !0, type: D })], F = [v(), _({ converter: O, reflect: !0, type: D })], V = [_({ attribute: !1 })], E = [_({ attribute: "weekday-style" })], m(l, null, g, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, r) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    b = [v(), _({ attribute: !1, type: D })], A = [v(), _({ converter: O, reflect: !0, type: D })], F = [v(), _({ converter: O, reflect: !0, type: D })], V = [_({ attribute: !1 })], E = [_({ attribute: "weekday-style" })], m(l, null, b, { kind: "setter", name: "valueAsDate", static: !1, private: !1, access: { has: (t) => "valueAsDate" in t, set: (t, r) => {
       t.valueAsDate = r;
     } }, metadata: e }, null, y), m(l, null, A, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, r) => {
       t.min = r;

package/development/breadcrumb/breadcrumb/breadcrumb.d.ts

@@ -9,8 +9,6 @@ declare const SbbBreadcrumbElement_base: import('../../core/mixins.js').Abstract
  */
 export declare class SbbBreadcrumbElement extends SbbBreadcrumbElement_base {
     static styles: CSSResultGroup;
-    private accessor _hasText;
-    private _handleSlotchange;
     protected renderTemplate(): TemplateResult;
 }
 declare global {

package/development/breadcrumb/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAMjE;;;;;GAKG;AACH,qBAEM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAE7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,iBAAiB;cAMN,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/elements/breadcrumb/breadcrumb/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAOjE;;;;;GAKG;AACH,qBAGM,oBAAqB,SAAQ,yBAAuD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,cAAc,IAAI,cAAc;CAQpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/development/breadcrumb/breadcrumb/breadcrumb.js

@@ -1,14 +1,8 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, state } from "lit/decorators.js";
+import { customElement } from "lit/decorators.js";
 import { html } from "lit/static-html.js";
 import { SbbLinkBaseElement } from "../../core/base-elements.js";
+import { slotState } from "../../core/decorators.js";
 import { SbbHydrationMixin } from "../../core/mixins.js";
 import { SbbIconNameMixin } from "../../icon.js";
 import { css } from "lit";
@@ -77,53 +71,32 @@ const style = css`*,
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+:host(:not([data-slot-names~=unnamed])) .sbb-breadcrumb__label {
+  display: none;
+}
 
 slot[name=icon] .sbb-breadcrumb__icon,
 slot[name=icon] ::slotted(*) {
   flex-shrink: 0;
 }`;
 let SbbBreadcrumbElement = (() => {
-  var __hasText_accessor_storage, _a;
-  let _classDecorators = [customElement("sbb-breadcrumb")];
+  var _a;
+  let _classDecorators = [customElement("sbb-breadcrumb"), slotState()];
   let _classDescriptor;
   let _classExtraInitializers = [];
   let _classThis;
   let _classSuper = SbbIconNameMixin(SbbHydrationMixin(SbbLinkBaseElement));
-  let __hasText_decorators;
-  let __hasText_initializers = [];
-  let __hasText_extraInitializers = [];
   _a = class extends _classSuper {
-    constructor() {
-      super(...arguments);
-      __privateAdd(this, __hasText_accessor_storage, __runInitializers(this, __hasText_initializers, false));
-      __runInitializers(this, __hasText_extraInitializers);
-    }
-    get _hasText() {
-      return __privateGet(this, __hasText_accessor_storage);
-    }
-    set _hasText(value) {
-      __privateSet(this, __hasText_accessor_storage, value);
-    }
-    _handleSlotchange() {
-      this._hasText = Array.from(this.childNodes ?? []).some((n) => {
-        var _a2;
-        return !n.slot && ((_a2 = n.textContent) == null ? void 0 : _a2.trim());
-      });
-    }
     renderTemplate() {
       return html`
       ${this.renderIconSlot("sbb-breadcrumb__icon")}
-      <span class="sbb-breadcrumb__label" ?hidden=${!this._hasText}>
-        <slot @slotchange=${this._handleSlotchange}></slot>
+      <span class="sbb-breadcrumb__label">
+        <slot></slot>
       </span>
     `;
     }
-  }, __hasText_accessor_storage = new WeakMap(), _classThis = _a, (() => {
+  }, _classThis = _a, (() => {
     const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-    __hasText_decorators = [state()];
-    __esDecorate(_a, null, __hasText_decorators, { kind: "accessor", name: "_hasText", static: false, private: false, access: { has: (obj) => "_hasText" in obj, get: (obj) => obj._hasText, set: (obj, value) => {
-      obj._hasText = value;
-    } }, metadata: _metadata }, __hasText_initializers, __hasText_extraInitializers);
     __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
     _classThis = _classDescriptor.value;
     if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -133,4 +106,4 @@ let SbbBreadcrumbElement = (() => {
 export {
   SbbBreadcrumbElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYnJlYWRjcnVtYi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGluayB0byBhIHBhZ2U7IHVzZWQgd2l0aGluIGEgYHNiYi1icmVhZGNydW1iLWdyb3VwYCBpdCBjYW4gZGlzcGxheSB0aGUgcGF0aCB0byB0aGUgY3VycmVudCBwYWdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGJyZWFkY3J1bWIuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGFzIGJyZWFkY3J1bWIuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1icmVhZGNydW1iJylcbmNsYXNzIFNiYkJyZWFkY3J1bWJFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJIeWRyYXRpb25NaXhpbihTYmJMaW5rQmFzZUVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIEBzdGF0ZSgpIHByaXZhdGUgYWNjZXNzb3IgX2hhc1RleHQgPSBmYWxzZTtcblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuX2hhc1RleHQgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGROb2RlcyA/PyBbXSkuc29tZShcbiAgICAgIChuKSA9PiAhKG4gYXMgRWxlbWVudCkuc2xvdCAmJiBuLnRleHRDb250ZW50Py50cmltKCksXG4gICAgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICAke3RoaXMucmVuZGVySWNvblNsb3QoJ3NiYi1icmVhZGNydW1iX19pY29uJyl9XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1icmVhZGNydW1iX19sYWJlbFwiID9oaWRkZW49JHshdGhpcy5faGFzVGV4dH0+XG4gICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+PC9zbG90PlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1icmVhZGNydW1iJzogU2JiQnJlYWRjcnVtYkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJfYSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLHdCQUFvQixNQUFBOzswQkFEekIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztBQUNHLE1BQUEsY0FBQSxpQkFBaUIsa0JBQWtCLGtCQUFrQixDQUFDOzs7O0FBQTlELEVBQUEsbUJBQVEsWUFBdUQ7QUFBQTs7QUFHL0UscURBQUEsa0JBQUEsTUFBQSx3QkFBNEIsS0FBSzs7O0lBQWpDLElBQWlCLFdBQWlCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFsQyxJQUFpQixTQUFpQixPQUFBO0FBQUEseUJBQUEsNEJBQUE7QUFBQSxJQUFBO0FBQUEsSUFFbkMsb0JBQWlCO0FBQ3ZCLFdBQUssV0FBVyxNQUFNLEtBQUssS0FBSyxjQUFjLEVBQUUsRUFBRSxLQUNoRCxDQUFDLE1BQU07O0FBQUEsZ0JBQUUsRUFBYyxVQUFRQSxNQUFBLEVBQUUsZ0JBQUYsZ0JBQUFBLElBQWU7QUFBQSxPQUFNO0FBQUEsSUFBQTtBQUFBLElBSXJDLGlCQUFjO0FBQ3hCLGFBQUE7QUFBQSxRQUNILEtBQUssZUFBZSxzQkFBc0IsQ0FBQztBQUFBLG9EQUNDLENBQUMsS0FBSyxRQUFRO0FBQUEsNEJBQ3RDLEtBQUssaUJBQWlCO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQSxLQVp2Qzs7QUFBUiwyQkFBQSxDQUFBLE9BQU87QUFBa0IsaUJBQUEsSUFBQSxNQUFBLHNCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsWUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxjQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxVQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLFdBQWlCO0FBQUEsU0FBQSxVQUFBLGFBQUEsd0JBQUEsMkJBQUE7QUFIN0MsaUJBbUJDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFsQndCLEdBQU0sU0FBbUIsT0FENUMsa0JBQW9CLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi9icmVhZGNydW1iLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBTYmJIeWRyYXRpb25NaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IFNiYkljb25OYW1lTWl4aW4gfSBmcm9tICcuLi8uLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vYnJlYWRjcnVtYi5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGEgbGluayB0byBhIHBhZ2U7IHVzZWQgd2l0aGluIGEgYHNiYi1icmVhZGNydW1iLWdyb3VwYCBpdCBjYW4gZGlzcGxheSB0aGUgcGF0aCB0byB0aGUgY3VycmVudCBwYWdlLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGJyZWFkY3J1bWIuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGFzIGJyZWFkY3J1bWIuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1icmVhZGNydW1iJylcbkBzbG90U3RhdGUoKVxuY2xhc3MgU2JiQnJlYWRjcnVtYkVsZW1lbnQgZXh0ZW5kcyBTYmJJY29uTmFtZU1peGluKFNiYkh5ZHJhdGlvbk1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgICR7dGhpcy5yZW5kZXJJY29uU2xvdCgnc2JiLWJyZWFkY3J1bWJfX2ljb24nKX1cbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWJyZWFkY3J1bWJfX2xhYmVsXCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItYnJlYWRjcnVtYic6IFNiYkJyZWFkY3J1bWJFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBb0JNLHdCQUFvQixNQUFBOztBQUZ6QixNQUFBLG1CQUFBLENBQUEsY0FBYyxnQkFBZ0IsR0FDOUIsV0FBVzs7OztBQUN1QixNQUFBLGNBQUEsaUJBQWlCLGtCQUFrQixrQkFBa0IsQ0FBQztBQUE5RCxFQUFBLG1CQUFRLFlBQXVEO0FBQUEsSUFHckUsaUJBQWM7QUFDeEIsYUFBQTtBQUFBLFFBQ0gsS0FBSyxlQUFlLHNCQUFzQixDQUFDO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBTG5ELGlCQVdDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFWd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBb0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=

package/development/core/controllers/{id-observer-controller.d.ts → id-reference-controller.d.ts}

@@ -18,4 +18,4 @@ export declare class SbbIdReferenceController<T extends LitElement> implements R
      */
     find(): HTMLElement | null;
 }
-//# sourceMappingURL=id-observer-controller.d.ts.map
+//# sourceMappingURL=id-reference-controller.d.ts.map

package/development/core/controllers/id-reference-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-reference-controller.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/controllers/id-reference-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAOzE;;GAEG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAIrF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IALpB,OAAO,CAAC,SAAS,CAAsC;gBAG7C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,CAAC,EACf,UAAU;kBAZR,gBAAgB;qBAAe,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;MAY7C;IAKzB,aAAa,IAAI,IAAI;IAgDrB,gBAAgB,IAAI,IAAI;IAoB/B;;OAEG;IACI,IAAI,IAAI,WAAW,GAAG,IAAI;CAQlC"}

package/development/core/controllers/id-reference-controller.js

@@ -0,0 +1,84 @@
+import { isServer } from "lit";
+const observers = /* @__PURE__ */ new WeakMap();
+class SbbIdReferenceController {
+  constructor(_host, _idRef, _observers = observers) {
+    this._host = _host;
+    this._idRef = _idRef;
+    this._observers = _observers;
+    this._rootNode = null;
+    this._host.addController(this);
+  }
+  hostConnected() {
+    if (isServer) {
+      return;
+    }
+    this._rootNode = this._host.getRootNode();
+    const observerContext = this._observers.get(this._rootNode);
+    if (observerContext) {
+      observerContext.controllers.add(this);
+    } else {
+      const controllers = /* @__PURE__ */ new Set([this]);
+      const observer = new MutationObserver((mutations) => {
+        const mutatedIds = /* @__PURE__ */ new Set();
+        for (const mutation of mutations) {
+          if (mutation.type === "attributes") {
+            mutatedIds.add(mutation.oldValue);
+            mutatedIds.add(mutation.target.id);
+          } else if (mutation.type === "childList") {
+            for (const node of [...mutation.addedNodes, ...mutation.removedNodes]) {
+              if (node instanceof HTMLElement) {
+                mutatedIds.add(node.id);
+                node.querySelectorAll("[id]").forEach((e) => mutatedIds.add(e.id));
+              }
+            }
+          }
+        }
+        for (const controller of controllers) {
+          const id = controller._host[controller._idRef];
+          if (id && typeof id === "string" && mutatedIds.has(id)) {
+            controller._host.requestUpdate();
+          }
+        }
+      });
+      observer.observe(this._rootNode, {
+        attributeFilter: ["id"],
+        childList: true,
+        subtree: true,
+        attributeOldValue: true
+      });
+      this._observers.set(this._rootNode, { observer, controllers });
+    }
+  }
+  hostDisconnected() {
+    if (isServer || !this._rootNode) {
+      return;
+    }
+    const observerContext = this._observers.get(this._rootNode);
+    if (!observerContext) {
+      this._rootNode = null;
+      return;
+    }
+    observerContext.controllers.delete(this);
+    if (observerContext.controllers.size === 0) {
+      observerContext.observer.disconnect();
+      this._observers.delete(this._rootNode);
+    }
+    this._rootNode = null;
+  }
+  /**
+   * Find the element by id in the current document fragment
+   */
+  find() {
+    var _a;
+    if (isServer || !this._rootNode) {
+      return null;
+    } else {
+      const id = this._host[this._idRef];
+      return typeof id == "string" ? (_a = this._rootNode) == null ? void 0 : _a.querySelector(`#${id}`) : null;
+    }
+  }
+}
+export {
+  SbbIdReferenceController
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWQtcmVmZXJlbmNlLWNvbnRyb2xsZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jb3JlL2NvbnRyb2xsZXJzL2lkLXJlZmVyZW5jZS1jb250cm9sbGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzU2VydmVyLCB0eXBlIExpdEVsZW1lbnQsIHR5cGUgUmVhY3RpdmVDb250cm9sbGVyIH0gZnJvbSAnbGl0JztcblxuY29uc3Qgb2JzZXJ2ZXJzID0gbmV3IFdlYWtNYXA8XG4gIE5vZGUsXG4gIHsgb2JzZXJ2ZXI6IE11dGF0aW9uT2JzZXJ2ZXI7IGNvbnRyb2xsZXJzOiBTZXQ8U2JiSWRSZWZlcmVuY2VDb250cm9sbGVyPGFueT4+IH1cbj4oKTtcblxuLyoqXG4gKiBUcmFja3MgaWQgY2hhbmdlcyBpbiB0aGUgRE9NIGFuZCBjYWxscyBjb21wb25lbnQgd2hlbiBtYXRjaGluZyB3aXRoIHJlcXVlc3RVcGRhdGUoKS5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYklkUmVmZXJlbmNlQ29udHJvbGxlcjxUIGV4dGVuZHMgTGl0RWxlbWVudD4gaW1wbGVtZW50cyBSZWFjdGl2ZUNvbnRyb2xsZXIge1xuICBwcml2YXRlIF9yb290Tm9kZTogRG9jdW1lbnQgfCBTaGFkb3dSb290IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2hvc3Q6IFQsXG4gICAgcHJpdmF0ZSBfaWRSZWY6IGtleW9mIFQsXG4gICAgcHJpdmF0ZSBfb2JzZXJ2ZXJzID0gb2JzZXJ2ZXJzLFxuICApIHtcbiAgICB0aGlzLl9ob3N0LmFkZENvbnRyb2xsZXIodGhpcyk7XG4gIH1cblxuICBwdWJsaWMgaG9zdENvbm5lY3RlZCgpOiB2b2lkIHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLl9yb290Tm9kZSA9IHRoaXMuX2hvc3QuZ2V0Um9vdE5vZGUoKSBhcyBEb2N1bWVudCB8IFNoYWRvd1Jvb3Q7XG4gICAgY29uc3Qgb2JzZXJ2ZXJDb250ZXh0ID0gdGhpcy5fb2JzZXJ2ZXJzLmdldCh0aGlzLl9yb290Tm9kZSk7XG5cbiAgICBpZiAob2JzZXJ2ZXJDb250ZXh0KSB7XG4gICAgICBvYnNlcnZlckNvbnRleHQuY29udHJvbGxlcnMuYWRkKHRoaXMpO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBjb250cm9sbGVycyA9IG5ldyBTZXQoW3RoaXNdKTtcbiAgICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKG11dGF0aW9ucykgPT4ge1xuICAgICAgICBjb25zdCBtdXRhdGVkSWRzID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbiAgICAgICAgZm9yIChjb25zdCBtdXRhdGlvbiBvZiBtdXRhdGlvbnMpIHtcbiAgICAgICAgICBpZiAobXV0YXRpb24udHlwZSA9PT0gJ2F0dHJpYnV0ZXMnKSB7XG4gICAgICAgICAgICBtdXRhdGVkSWRzLmFkZChtdXRhdGlvbi5vbGRWYWx1ZSEpO1xuICAgICAgICAgICAgbXV0YXRlZElkcy5hZGQoKG11dGF0aW9uLnRhcmdldCBhcyBIVE1MRWxlbWVudCkuaWQpO1xuICAgICAgICAgIH0gZWxzZSBpZiAobXV0YXRpb24udHlwZSA9PT0gJ2NoaWxkTGlzdCcpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3Qgbm9kZSBvZiBbLi4ubXV0YXRpb24uYWRkZWROb2RlcywgLi4ubXV0YXRpb24ucmVtb3ZlZE5vZGVzXSkge1xuICAgICAgICAgICAgICBpZiAobm9kZSBpbnN0YW5jZW9mIEhUTUxFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgbXV0YXRlZElkcy5hZGQobm9kZS5pZCk7XG4gICAgICAgICAgICAgICAgbm9kZS5xdWVyeVNlbGVjdG9yQWxsKCdbaWRdJykuZm9yRWFjaCgoZSkgPT4gbXV0YXRlZElkcy5hZGQoZS5pZCkpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgZm9yIChjb25zdCBjb250cm9sbGVyIG9mIGNvbnRyb2xsZXJzKSB7XG4gICAgICAgICAgY29uc3QgaWQgPSBjb250cm9sbGVyLl9ob3N0W2NvbnRyb2xsZXIuX2lkUmVmXTtcbiAgICAgICAgICBpZiAoaWQgJiYgdHlwZW9mIGlkID09PSAnc3RyaW5nJyAmJiBtdXRhdGVkSWRzLmhhcyhpZCkpIHtcbiAgICAgICAgICAgIGNvbnRyb2xsZXIuX2hvc3QucmVxdWVzdFVwZGF0ZSgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfSk7XG5cbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGhpcy5fcm9vdE5vZGUsIHtcbiAgICAgICAgYXR0cmlidXRlRmlsdGVyOiBbJ2lkJ10sXG4gICAgICAgIGNoaWxkTGlzdDogdHJ1ZSxcbiAgICAgICAgc3VidHJlZTogdHJ1ZSxcbiAgICAgICAgYXR0cmlidXRlT2xkVmFsdWU6IHRydWUsXG4gICAgICB9KTtcblxuICAgICAgdGhpcy5fb2JzZXJ2ZXJzLnNldCh0aGlzLl9yb290Tm9kZSwgeyBvYnNlcnZlciwgY29udHJvbGxlcnMgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGhvc3REaXNjb25uZWN0ZWQoKTogdm9pZCB7XG4gICAgaWYgKGlzU2VydmVyIHx8ICF0aGlzLl9yb290Tm9kZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IG9ic2VydmVyQ29udGV4dCA9IHRoaXMuX29ic2VydmVycy5nZXQodGhpcy5fcm9vdE5vZGUpO1xuICAgIGlmICghb2JzZXJ2ZXJDb250ZXh0KSB7XG4gICAgICB0aGlzLl9yb290Tm9kZSA9IG51bGw7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgb2JzZXJ2ZXJDb250ZXh0LmNvbnRyb2xsZXJzLmRlbGV0ZSh0aGlzKTtcbiAgICBpZiAob2JzZXJ2ZXJDb250ZXh0LmNvbnRyb2xsZXJzLnNpemUgPT09IDApIHtcbiAgICAgIG9ic2VydmVyQ29udGV4dC5vYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgICB0aGlzLl9vYnNlcnZlcnMuZGVsZXRlKHRoaXMuX3Jvb3ROb2RlKTtcbiAgICB9XG5cbiAgICB0aGlzLl9yb290Tm9kZSA9IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogRmluZCB0aGUgZWxlbWVudCBieSBpZCBpbiB0aGUgY3VycmVudCBkb2N1bWVudCBmcmFnbWVudFxuICAgKi9cbiAgcHVibGljIGZpbmQoKTogSFRNTEVsZW1lbnQgfCBudWxsIHtcbiAgICBpZiAoaXNTZXJ2ZXIgfHwgIXRoaXMuX3Jvb3ROb2RlKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgaWQgPSB0aGlzLl9ob3N0W3RoaXMuX2lkUmVmXTtcbiAgICAgIHJldHVybiB0eXBlb2YgaWQgPT0gJ3N0cmluZycgPyB0aGlzLl9yb290Tm9kZT8ucXVlcnlTZWxlY3RvcihgIyR7aWR9YCkgOiBudWxsO1xuICAgIH1cbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSxNQUFNLGdDQUFnQjtNQVFULHlCQUF3QjtBQUFBLEVBR25DLFlBQ1UsT0FDQSxRQUNBLGFBQWEsV0FBUztBQUZ0QixTQUFLLFFBQUw7QUFDQSxTQUFNLFNBQU47QUFDQSxTQUFVLGFBQVY7QUFMRixTQUFTLFlBQWlDO0FBTzNDLFNBQUEsTUFBTSxjQUFjLElBQUk7QUFBQSxFQUFBO0FBQUEsRUFHeEIsZ0JBQWE7QUFDbEIsUUFBSSxVQUFVO0FBQ1o7QUFBQSxJQUFBO0FBR0csU0FBQSxZQUFZLEtBQUssTUFBTSxZQUFXO0FBQ3ZDLFVBQU0sa0JBQWtCLEtBQUssV0FBVyxJQUFJLEtBQUssU0FBUztBQUUxRCxRQUFJLGlCQUFpQjtBQUNILHNCQUFBLFlBQVksSUFBSSxJQUFJO0FBQUEsSUFBQSxPQUMvQjtBQUNMLFlBQU0sY0FBYyxvQkFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO0FBQ2xDLFlBQU0sV0FBVyxJQUFJLGlCQUFpQixDQUFDLGNBQWE7QUFDNUMsY0FBQSxpQ0FBaUI7QUFFdkIsbUJBQVcsWUFBWSxXQUFXO0FBQzVCLGNBQUEsU0FBUyxTQUFTLGNBQWM7QUFDdkIsdUJBQUEsSUFBSSxTQUFTLFFBQVM7QUFDdEIsdUJBQUEsSUFBSyxTQUFTLE9BQXVCLEVBQUU7QUFBQSxVQUFBLFdBQ3pDLFNBQVMsU0FBUyxhQUFhO0FBQzdCLHVCQUFBLFFBQVEsQ0FBQyxHQUFHLFNBQVMsWUFBWSxHQUFHLFNBQVMsWUFBWSxHQUFHO0FBQ3JFLGtCQUFJLGdCQUFnQixhQUFhO0FBQ3BCLDJCQUFBLElBQUksS0FBSyxFQUFFO0FBQ2pCLHFCQUFBLGlCQUFpQixNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sV0FBVyxJQUFJLEVBQUUsRUFBRSxDQUFDO0FBQUEsY0FBQTtBQUFBLFlBQ25FO0FBQUEsVUFDRjtBQUFBLFFBQ0Y7QUFHRixtQkFBVyxjQUFjLGFBQWE7QUFDcEMsZ0JBQU0sS0FBSyxXQUFXLE1BQU0sV0FBVyxNQUFNO0FBQzdDLGNBQUksTUFBTSxPQUFPLE9BQU8sWUFBWSxXQUFXLElBQUksRUFBRSxHQUFHO0FBQ3RELHVCQUFXLE1BQU07O1FBQ25CO0FBQUEsTUFDRixDQUNEO0FBRVEsZUFBQSxRQUFRLEtBQUssV0FBVztBQUFBLFFBQy9CLGlCQUFpQixDQUFDLElBQUk7QUFBQSxRQUN0QixXQUFXO0FBQUEsUUFDWCxTQUFTO0FBQUEsUUFDVCxtQkFBbUI7QUFBQSxNQUFBLENBQ3BCO0FBRUQsV0FBSyxXQUFXLElBQUksS0FBSyxXQUFXLEVBQUUsVUFBVSxhQUFhO0FBQUEsSUFBQTtBQUFBLEVBQy9EO0FBQUEsRUFHSyxtQkFBZ0I7QUFDakIsUUFBQSxZQUFZLENBQUMsS0FBSyxXQUFXO0FBQy9CO0FBQUEsSUFBQTtBQUdGLFVBQU0sa0JBQWtCLEtBQUssV0FBVyxJQUFJLEtBQUssU0FBUztBQUMxRCxRQUFJLENBQUMsaUJBQWlCO0FBQ3BCLFdBQUssWUFBWTtBQUNqQjtBQUFBLElBQUE7QUFHYyxvQkFBQSxZQUFZLE9BQU8sSUFBSTtBQUNuQyxRQUFBLGdCQUFnQixZQUFZLFNBQVMsR0FBRztBQUMxQyxzQkFBZ0IsU0FBUztBQUNwQixXQUFBLFdBQVcsT0FBTyxLQUFLLFNBQVM7QUFBQSxJQUFBO0FBR3ZDLFNBQUssWUFBWTtBQUFBLEVBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxFQU1aLE9BQUk7O0FBQ0wsUUFBQSxZQUFZLENBQUMsS0FBSyxXQUFXO0FBQ3hCLGFBQUE7QUFBQSxJQUFBLE9BQ0Y7QUFDTCxZQUFNLEtBQUssS0FBSyxNQUFNLEtBQUssTUFBTTtBQUMxQixhQUFBLE9BQU8sTUFBTSxZQUFXLFVBQUssY0FBTCxtQkFBZ0IsY0FBYyxJQUFJLEVBQUUsTUFBTTtBQUFBLElBQUE7QUFBQSxFQUMzRTtBQUVIOyJ9

package/development/core/controllers/slot-state-controller.d.ts

@@ -22,10 +22,12 @@ export declare class SbbSlotStateController implements ReactiveController {
     private _host;
     private _onChangeCallback;
     readonly slots: Set<string>;
+    private _textObserver;
     constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
     hostConnected(): void;
     hostDisconnected(): void;
     private _slotchangeHandler;
     private _syncSlots;
+    private _updateSlotNameAttribute;
 }
 //# sourceMappingURL=slot-state-controller.d.ts.map

package/development/core/controllers/slot-state-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
+{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAErF;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAmB7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAnB3B,SAAgB,KAAK,cAAqB;IAE1C,OAAO,CAAC,aAAa,CAahB;gBAGK,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;IAO/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;IA2BlB,OAAO,CAAC,wBAAwB;CAajC"}