@sbb-esta/lyne-elements 3.3.0 → 3.3.2

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,24 +1,21 @@
-import { __esDecorate as p, __runInitializers as v } from "tslib";
-import { customElement as f } from "lit/decorators.js";
-import { SbbAutocompleteBaseElement as g } from "../../autocomplete.js";
-import { getNextElementIndex as u } from "../../core/a11y.js";
+import { __esDecorate as h, __runInitializers as v } from "tslib";
+import { customElement as g } from "lit/decorators.js";
+import { SbbAutocompleteBaseElement as f } from "../../autocomplete.js";
+import { getNextElementIndex as b } from "../../core/a11y.js";
 import { isSafari as A } from "../../core/dom.js";
-import { setAriaComboBoxAttributes as I } from "../../core/overlay.js";
-import { SbbAutocompleteGridOptionElement as b } from "../autocomplete-grid-option.js";
-let _ = 0;
+import { setAriaComboBoxAttributes as x } from "../../core/overlay.js";
+import { SbbAutocompleteGridOptionElement as d } from "../autocomplete-grid-option.js";
+let y = 0;
 const m = A;
-let O = (() => {
-  var r;
-  let h = [f("sbb-autocomplete-grid")], l, n = [], o, c = g;
-  return r = class extends c {
+let k = (() => {
+  var s;
+  let p = [g("sbb-autocomplete-grid")], l, n = [], o, c = f;
+  return s = class extends c {
     get options() {
       return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-option") ?? []);
     }
-    get _row() {
-      return Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row")).filter((t) => !t.hasAttribute("data-disabled")) ?? [];
-    }
     constructor() {
-      super(), this.overlayId = `sbb-autocomplete-grid-${++_}`, this.panelRole = "grid", this._activeItemIndex = -1, this._activeColumnIndex = 0, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
+      super(), this.overlayId = `sbb-autocomplete-grid-${++y}`, this.panelRole = "grid", this._activeColumnIndex = 0, this.addEventListener?.("optionselected", (t) => this.onOptionSelected(t));
     }
     syncNegative() {
       this.querySelectorAll?.("sbb-divider, sbb-autocomplete-grid-button, sbb-option-hint").forEach((t) => t.negative = this.negative), this.querySelectorAll?.("sbb-autocomplete-grid-row, sbb-autocomplete-grid-option, sbb-autocomplete-grid-optgroup").forEach((t) => t.toggleAttribute("data-negative", this.negative));
@@ -50,49 +47,42 @@ let O = (() => {
      * would always return a `SbbAutocompleteGridButtonElement`.
      */
     selectByKeyboard(t) {
-      t.preventDefault(), this._activeColumnIndex !== 0 ? this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button")[this._activeColumnIndex].click() : this.options[this._activeItemIndex]?.selectViaUserInteraction(!0);
+      t.preventDefault(), this._activeColumnIndex !== 0 ? this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button")[
+        // We ignore the option in the selector. Therefore, we have to shift the activeColumnIndex by one.
+        this._activeColumnIndex - 1
+      ]?.click() : this.activeOption?.selectViaUserInteraction(!0);
     }
     setNextActiveOption(t) {
-      const i = this.options.filter((e) => !e.disabled && !e.hasAttribute("data-group-disabled")), a = u(t, this._activeItemIndex, i.length);
-      if (isNaN(a))
+      const e = this.options.filter((i) => !i.disabled && !i.hasAttribute("data-group-disabled"));
+      if (this.activeOption?.setActive(!1), this.triggerElement?.removeAttribute("aria-activedescendant"), Array.from(this.querySelectorAll?.("sbb-autocomplete-grid-row [data-focus-visible]") ?? []).forEach((i) => i.removeAttribute("data-focus-visible")), this._activeColumnIndex = 0, !e.length) {
+        this.activeOption = null;
         return;
-      const s = i[a];
-      if (s.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex !== 0)
-        this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-button").forEach((e) => e.toggleAttribute("data-focus-visible", !1));
-      else {
-        const e = i[this._activeItemIndex];
-        e && e.setActive(!1);
       }
-      this._activeItemIndex = a, this._activeColumnIndex = 0;
+      const a = this.activeOption ? e.indexOf(this.activeOption) : -1, r = b(t, a, e.length);
+      this.activeOption = e[r], this.activeOption.setActive(!0), this.triggerElement?.setAttribute("aria-activedescendant", this.activeOption.id), this.activeOption.scrollIntoView({ block: "nearest" });
     }
     _setNextHorizontalActiveElement(t) {
-      if (this._activeItemIndex < 0)
+      if (!this.activeOption)
         return;
-      const i = Array.from(this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button")).filter((d) => !d.disabled && !d.hasAttribute("data-group-disabled")), a = u(t, this._activeColumnIndex, i.length);
-      if (isNaN(a))
+      const e = Array.from(this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-option, sbb-autocomplete-grid-button") ?? [])?.filter((u) => !u.disabled && !u.hasAttribute("data-group-disabled"));
+      if (!e.length)
         return;
-      const s = i[a];
-      s instanceof b ? s.setActive(!0) : s.toggleAttribute("data-focus-visible", !0);
-      const e = i[this._activeColumnIndex];
-      e instanceof b ? e.setActive(!1) : e.toggleAttribute("data-focus-visible", !1), this.triggerElement?.setAttribute("aria-activedescendant", s.id), s.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = a;
+      const a = b(t, this._activeColumnIndex, e.length), r = e[a];
+      r instanceof d ? r.setActive(!0) : r.toggleAttribute("data-focus-visible", !0);
+      const i = e[this._activeColumnIndex];
+      i instanceof d ? i.setActive(!1) : i.toggleAttribute("data-focus-visible", !1), this.triggerElement?.setAttribute("aria-activedescendant", r.id), r.scrollIntoView({ block: "nearest" }), this._activeColumnIndex = a;
     }
     resetActiveElement() {
-      if (this._activeColumnIndex !== 0)
-        this._row[this._activeItemIndex].querySelectorAll("sbb-autocomplete-grid-button").forEach((t) => t.toggleAttribute("data-focus-visible", !1));
-      else {
-        const t = this.options.filter((i) => !i.disabled && !i.hasAttribute("data-group-disabled"))[this._activeItemIndex];
-        t && t.setActive(!1);
-      }
-      this._activeItemIndex = -1, this._activeColumnIndex = 0, this.triggerElement?.removeAttribute("aria-activedescendant");
+      this._activeColumnIndex !== 0 && this.activeOption?.closest("sbb-autocomplete-grid-row")?.querySelectorAll("sbb-autocomplete-grid-button").forEach((t) => t.toggleAttribute("data-focus-visible", !1)), this.activeOption?.setActive(!1), this.activeOption = null, this._activeColumnIndex = 0, this.triggerElement?.removeAttribute("aria-activedescendant");
     }
     setTriggerAttributes(t) {
-      I(t, m ? this.id : this.overlayId, !1, "grid");
+      x(t, m ? this.id : this.overlayId, !1, "grid");
     }
-  }, o = r, (() => {
+  }, o = s, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
-    p(null, l = { value: o }, h, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.role = m ? "grid" : null, v(o, n), o;
+    h(null, l = { value: o }, p, { kind: "class", name: o.name, metadata: t }, null, n), o = l.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), s.role = m ? "grid" : null, v(o, n), o;
 })();
 export {
-  O as SbbAutocompleteGridElement
+  k as SbbAutocompleteGridElement
 };

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts

@@ -1,4 +1,4 @@
-import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
+import { CSSResultGroup, LitElement, PropertyDeclaration, PropertyValues, TemplateResult } from 'lit';
 import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces/types.js';
 import { SbbPanelSize } from '../../core/mixins.js';
 export type SbbCheckboxPanelStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
@@ -23,8 +23,9 @@ export declare class SbbCheckboxPanelElement<T = string> extends SbbCheckboxPane
      * @default 'm' / 's' (lean)
      */
     accessor size: SbbPanelSize;
-    private _dispatchStateChange;
+    requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
+    private _dispatchStateChange;
     protected render(): TemplateResult;
 }
 declare global {

package/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1D,OAAO,CAAC,oBAAoB;cAWT,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAkBzD,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;IAED,UAAU,2BAA2B;QACnC,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAC1C;CACF"}
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAC/C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;;AAEF;;;;;;;;;;GAUG;AACH,qBAGM,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,4BAEjD;IACC,OAAuB,MAAM,EAAE,cAAc,CAA2C;IAExF,iCAAiC;IACjC,SACgB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAQ;IAEvC;;;OAGG;IACH,SAEgB,IAAI,EAAE,YAAY,CAAwB;IAE1C,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cASY,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe5E,OAAO,CAAC,oBAAoB;cAWT,MAAM,IAAI,cAAc;CA8B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;IAED,UAAU,2BAA2B;QACnC,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;KAC1C;CACF"}

package/checkbox/checkbox-panel/checkbox-panel.component.js

@@ -1,49 +1,52 @@
-var z = (e) => {
-  throw TypeError(e);
+var z = (t) => {
+  throw TypeError(t);
 };
-var S = (e, s, i) => s.has(e) || z("Cannot " + i);
-var h = (e, s, i) => (S(e, s, "read from private field"), i ? i.call(e) : s.get(e)), d = (e, s, i) => s.has(e) ? z("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, i), m = (e, s, i, l) => (S(e, s, "write to private field"), l ? l.call(e, i) : s.set(e, i), i);
-import { __esDecorate as u, __runInitializers as b } from "tslib";
-import { LitElement as E, nothing as w, html as y } from "lit";
-import { customElement as $, property as C } from "lit/decorators.js";
-import { slotState as D, getOverride as I } from "../../core/decorators.js";
-import { isLean as M } from "../../core/dom.js";
-import { SbbPanelMixin as O, SbbUpdateSchedulerMixin as U, panelCommonStyle as j } from "../../core/mixins.js";
-import { SbbCheckboxCommonElementMixin as L, checkboxCommonStyle as A } from "../common.js";
+var S = (t, a, i) => a.has(t) || z("Cannot " + i);
+var h = (t, a, i) => (S(t, a, "read from private field"), i ? i.call(t) : a.get(t)), d = (t, a, i) => a.has(t) ? z("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, i), u = (t, a, i, l) => (S(t, a, "write to private field"), l ? l.call(t, i) : a.set(t, i), i);
+import { __esDecorate as m, __runInitializers as b } from "tslib";
+import { LitElement as E, nothing as $, html as y } from "lit";
+import { customElement as w, property as C } from "lit/decorators.js";
+import { slotState as U, getOverride as D } from "../../core/decorators.js";
+import { isLean as I } from "../../core/dom.js";
+import { SbbPanelMixin as M, SbbUpdateSchedulerMixin as O, panelCommonStyle as j } from "../../core/mixins.js";
+import { SbbCheckboxCommonElementMixin as q, checkboxCommonStyle as L } from "../common.js";
 import "../../screen-reader-only.js";
 import "../../visual-checkbox.js";
 let V = (() => {
-  var n, r, c;
-  let e = [$("sbb-checkbox-panel"), D()], s, i = [], l, p = O(L(U(E))), _, f = [], k = [], x, v = [], g = [];
+  var n, o, c;
+  let t = [w("sbb-checkbox-panel"), U()], a, i = [], l, p = M(q(O(E))), _, k = [], f = [], x, v = [], g = [];
   return c = class extends p {
     constructor() {
       super(...arguments);
-      d(this, n, b(this, f, null));
-      d(this, r, (b(this, k), b(this, v, M() ? "s" : "m")));
+      d(this, n, b(this, k, null));
+      d(this, o, (b(this, f), b(this, v, I() ? "s" : "m")));
       b(this, g);
     }
     /** Value of the form element. */
     get value() {
       return h(this, n);
     }
-    set value(t) {
-      m(this, n, t);
+    set value(e) {
+      u(this, n, e);
     }
     /**
      * Size variant, either m or s.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return h(this, r);
+      return h(this, o);
     }
-    set size(t) {
-      m(this, r, t);
+    set size(e) {
+      u(this, o, e);
     }
-    _dispatchStateChange(t) {
-      return this.dispatchEvent(new CustomEvent("statechange", { detail: t, bubbles: !0 }));
+    requestUpdate(e, s, r) {
+      super.requestUpdate(e, s, r), e === "checked" && (this.internals.ariaChecked = `${this.checked}`, this.toggleAttribute("data-checked", this.checked));
     }
-    willUpdate(t) {
-      super.willUpdate(t), t.has("checked") && (this.toggleAttribute("data-checked", this.checked), this.checked !== t.get("checked") && this._dispatchStateChange({ type: "checked", checked: this.checked })), t.has("disabled") && this.disabled !== t.get("disabled") && this._dispatchStateChange({ type: "disabled", disabled: this.disabled });
+    willUpdate(e) {
+      super.willUpdate(e), e.has("checked") && this.checked !== e.get("checked") && this._dispatchStateChange({ type: "checked", checked: this.checked }), e.has("disabled") && this.disabled !== e.get("disabled") && this._dispatchStateChange({ type: "disabled", disabled: this.disabled });
+    }
+    _dispatchStateChange(e) {
+      return this.dispatchEvent(new CustomEvent("statechange", { detail: e, bubbles: !0 }));
     }
     render() {
       return y`
@@ -67,20 +70,20 @@ let V = (() => {
               </span>
             </span>
             <slot name="subtext"></slot>
-            ${this.expansionState ? y`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : w}
+            ${this.expansionState ? y`<sbb-screen-reader-only>${this.expansionState}</sbb-screen-reader-only>` : $}
           </span>
         </span>
       </span>
     `;
     }
-  }, n = new WeakMap(), r = new WeakMap(), l = c, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-    _ = [C()], x = [C({ reflect: !0 }), I((a, o) => a.group?.size ? a.group.size === "xs" ? "s" : a.group.size : o)], u(c, null, _, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, o) => {
-      a.value = o;
-    } }, metadata: t }, f, k), u(c, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, o) => {
-      a.size = o;
-    } }, metadata: t }, v, g), u(null, s = { value: l }, e, { kind: "class", name: l.name, metadata: t }, null, i), l = s.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), c.styles = [A, j], b(l, i), l;
+  }, n = new WeakMap(), o = new WeakMap(), l = c, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    _ = [C()], x = [C({ reflect: !0 }), D((s, r) => s.group?.size ? s.group.size === "xs" ? "s" : s.group.size : r)], m(c, null, _, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (s) => "value" in s, get: (s) => s.value, set: (s, r) => {
+      s.value = r;
+    } }, metadata: e }, k, f), m(c, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, r) => {
+      s.size = r;
+    } }, metadata: e }, v, g), m(null, a = { value: l }, t, { kind: "class", name: l.name, metadata: e }, null, i), l = a.value, e && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), c.styles = [L, j], b(l, i), l;
 })();
 export {
   V as SbbCheckboxPanelElement

package/core/mixins/element-internals-mixin.js

@@ -1,5 +1,5 @@
-import { isServer as g } from "lit";
-const E = !g && !CSS.supports("selector(:state(loading))") ? class extends Set {
+import { isServer as E } from "lit";
+const g = !E && !CSS.supports("selector(:state(loading))") ? class extends Set {
   constructor(e) {
     super(), this._host = e, this._host.addController(this);
   }
@@ -19,7 +19,7 @@ const E = !g && !CSS.supports("selector(:state(loading))") ? class extends Set {
     this._host.toggleAttribute(`state--${e}`, a);
   }
 } : null;
-if (!g) {
+if (!E) {
   let d = 0;
   const e = (l) => l.shadowRoot?.host ?? (l instanceof Element ? l : (() => {
     throw new Error("Unable to resolve related element! This should never happen.");
@@ -81,7 +81,7 @@ if (!g) {
             t = t?.filter((r, h, b) => b.indexOf(r) === h) ?? null;
             const n = i.get(s);
             if (n?.observer?.disconnect(), t === null)
-              n && (delete n.elements[l.name], Object.keys(n).length ? Object.values(n.elements).reduce((r, h) => r.concat(h)).forEach((r) => n.observer.observe(r, a)) : i.delete(s));
+              n && (delete n.elements[l.name], Object.keys(n).length ? n.elements?.length && Object.values(n.elements).reduce((r, h) => r.concat(h)).forEach((r) => n.observer.observe(r, a)) : i.delete(s));
             else if (n)
               n.elements[l.name] = t, f(s, o, n.elements), Object.values(n.elements).reduce((r, h) => r.concat(h)).forEach((r) => n.observer.observe(r, a));
             else {
@@ -105,8 +105,8 @@ const y = (d, ...e) => {
 }, S = (d) => {
   class e extends d {
     constructor(...c) {
-      super(...c), this.internals = this.attachInternals(), E && Object.defineProperty(this.internals, "states", {
-        value: new E(this),
+      super(...c), this.internals = this.attachInternals(), g && Object.defineProperty(this.internals, "states", {
+        value: new g(this),
         writable: !1,
         configurable: !1,
         enumerable: !1

package/core/mixins/form-associated-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAuC,MAAM,KAAK,CAAC;AAK3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,mBAAmB;KAAG;IAChC,UAAU,aAAc,SAAQ,mBAAmB;KAAG;IACtD,UAAU,kBAAmB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;KAAG;CACrE;AAoCD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B;IACtD,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,IAAW,IAAI,IAAI,MAAM,CAAC;IAE1B,kBAAyB,KAAK,EAAE,OAAO,CAAC;IAExC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzB,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IACzB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAExC,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,SAAS,CAAC,IAAI,gBAAgB;IACxC,SAAS,CAAC,eAAe,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC1D,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAChC,IAAI;IACP,SAAS,CAAC,kBAAkB,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAC/E,SAAS,CAAC,QAAQ,IAAI,IAAI;IAC1B,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;CACjE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GACjC,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,4BAA4B,CAAC,EAExE,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,CAAC,GAAG,CA0TpD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}
+{"version":3,"file":"form-associated-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/form-associated-mixin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAuC,MAAM,KAAK,CAAC;AAK3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAEjF,OAAO,CAAC,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,mBAAmB;KAAG;IAChC,UAAU,aAAc,SAAQ,mBAAmB;KAAG;IACtD,UAAU,kBAAmB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;KAAG;CACrE;AAoCD,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,0BAA0B;IACtD,IAAW,IAAI,IAAI,eAAe,GAAG,IAAI,CAAC;IAC1C,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,IAAW,IAAI,IAAI,MAAM,CAAC;IAE1B,kBAAyB,KAAK,EAAE,OAAO,CAAC;IAExC,IAAW,QAAQ,IAAI,aAAa,CAAC;IACrC,IAAW,iBAAiB,IAAI,MAAM,CAAC;IACvC,IAAW,YAAY,IAAI,OAAO,CAAC;IAEnC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzB,aAAa,IAAI,OAAO;IACxB,cAAc,IAAI,OAAO;IACzB,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAExC,sBAAsB,CAAC,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAC3D,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;aACpC,iBAAiB,IAAI,IAAI;aACzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,MAAM,EAAE,iBAAiB,GACxB,IAAI;IAEP,SAAS,CAAC,eAAe,IAAI,IAAI;IACjC,SAAS,CAAC,SAAS,CAAC,IAAI,gBAAgB;IACxC,SAAS,CAAC,eAAe,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC1D,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAChC,IAAI;IACP,SAAS,CAAC,kBAAkB,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAC/E,SAAS,CAAC,QAAQ,IAAI,IAAI;IAC1B,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;CACjE;AAED;;GAEG;AAEH,eAAO,MAAM,sBAAsB,GACjC,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,4BAA4B,CAAC,EAExE,YAAY,CAAC,KACZ,mBAAmB,CAAC,0BAA0B,CAAC,GAAG,CAgUpD,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,cAAc,CAAC"}

package/core/mixins/form-associated-mixin.js

@@ -1,9 +1,9 @@
-var v = (a) => {
+var b = (a) => {
   throw TypeError(a);
 };
-var b = (a, s, r) => s.has(a) || v("Cannot " + r);
-var g = (a, s, r) => (b(a, s, "read from private field"), r ? r.call(a) : s.get(a)), V = (a, s, r) => s.has(a) ? v("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), c = (a, s, r, d) => (b(a, s, "write to private field"), d ? d.call(a, r) : s.set(a, r), r);
-import { __esDecorate as _, __runInitializers as h } from "tslib";
+var v = (a, s, r) => s.has(a) || b("Cannot " + r);
+var g = (a, s, r) => (v(a, s, "read from private field"), r ? r.call(a) : s.get(a)), _ = (a, s, r) => s.has(a) ? b("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, r), h = (a, s, r, d) => (v(a, s, "write to private field"), d ? d.call(a, r) : s.set(a, r), r);
+import { __esDecorate as V, __runInitializers as c } from "tslib";
 import { property as E, state as w } from "lit/decorators.js";
 import { isWebkit as F } from "../dom.js";
 const S = {
@@ -33,14 +33,14 @@ if (typeof ValidityState > "u") {
     }
   })), globalThis.ValidityState = a;
 }
-const A = (a) => (() => {
+const C = (a) => (() => {
   var o, n;
   let r = a, d = [], f, m, y = [], p = [];
   return n = class extends r {
     constructor(...t) {
       super(...t);
-      V(this, o);
-      this._validityStates = (h(this, d), /* @__PURE__ */ new Map()), c(this, o, h(this, y, !1)), h(this, p), this.addEventListener?.("invalid", (e) => e.preventDefault());
+      _(this, o);
+      this._validityStates = (c(this, d), /* @__PURE__ */ new Map()), h(this, o, c(this, y, !1)), c(this, p), this.addEventListener?.("invalid", (e) => e.preventDefault());
     }
     /**
      * Returns the form owner of this element.
@@ -94,7 +94,7 @@ const A = (a) => (() => {
       return g(this, o);
     }
     set formDisabled(t) {
-      c(this, o, t);
+      h(this, o, t);
     }
     attributeChangedCallback(t, e, i) {
       (t !== "name" || e !== i) && super.attributeChangedCallback(t, e, i);
@@ -122,15 +122,21 @@ const A = (a) => (() => {
       t ? this.setValidityFlag("customError", t) : this.removeValidityFlag("customError");
     }
     /**
-     * Is called whenever a surrounding form / fieldset changes disabled state.
-     * @param disabled
+     * Is called whenever a surrounding fieldset changes disabled state.
      *
      * @internal
      */
     formDisabledCallback(t) {
-      Promise.resolve().then(() => {
-        this.formDisabled = t;
-      });
+      this.formDisabled = this._hasDisabledAncestor();
+    }
+    _hasDisabledAncestor() {
+      let t = this.parentElement;
+      for (; t; ) {
+        if (t.localName === "fieldset" && t.hasAttribute("disabled"))
+          return !0;
+        t = t.parentElement;
+      }
+      return !1;
     }
     requestUpdate(t, e, i) {
       super.requestUpdate(t, e, i), t === "value" && this.updateFormValue(), this.hasUpdated && this.shouldValidate(t) && this.validate();
@@ -212,13 +218,13 @@ const A = (a) => (() => {
     }
   }, o = new WeakMap(), (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
-    f = [E()], m = [w()], _(n, null, f, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
+    f = [E()], m = [w()], V(n, null, f, { kind: "setter", name: "name", static: !1, private: !1, access: { has: (e) => "name" in e, set: (e, i) => {
       e.name = i;
-    } }, metadata: t }, null, d), _(n, null, m, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
+    } }, metadata: t }, null, d), V(n, null, m, { kind: "accessor", name: "formDisabled", static: !1, private: !1, access: { has: (e) => "formDisabled" in e, get: (e) => e.formDisabled, set: (e, i) => {
       e.formDisabled = i;
     } }, metadata: t }, y, p), t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), n.formAssociated = !0, n;
 })();
 export {
-  A as SbbFormAssociatedMixin
+  C as SbbFormAssociatedMixin
 };

package/core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 03 Jun 2025 05:23:14 GMT
+ * Generated on Tue, 05 Aug 2025 06:28:50 GMT
  */
 *,
 ::before,
@@ -172,17 +172,17 @@
   --sbb-color-white-alpha-60: rgba(255, 255, 255, 0.6);
   --sbb-color-white-alpha-70: rgba(255, 255, 255, 0.7);
   --sbb-color-white-alpha-80: rgba(255, 255, 255, 0.8);
-  --sbb-color-sky: #0079c7;
+  --sbb-color-sky: #0074bf;
   --sbb-color-night: #143a85;
   --sbb-color-violet: #6f2282;
-  --sbb-color-pink: #cf4082;
-  --sbb-color-autumn: #e84e10;
+  --sbb-color-pink: #c7387a;
+  --sbb-color-autumn: #cf3b00;
   --sbb-color-orange: #f27e00;
   --sbb-color-peach: #fcbb00;
   --sbb-color-lemon: #ffde15;
-  --sbb-color-brown: #b76000;
-  --sbb-color-green: #008a36;
-  --sbb-color-turquoise: #00a59b;
+  --sbb-color-brown: #a05400;
+  --sbb-color-green: #008233;
+  --sbb-color-turquoise: #007e84;
   /**
    * Original Value: 3px
    */