@sbb-esta/lyne-elements 1.16.0 → 2.0.0

package/accordion/accordion.d.ts

@@ -8,7 +8,10 @@ declare const SbbAccordionElement_base: import('../core/mixins.js').AbstractCons
  */
 export declare class SbbAccordionElement extends SbbAccordionElement_base {
     static styles: CSSResultGroup;
-    /** Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`. */
+    /**
+     * Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`.
+     * @default 'l' / 's' (lean)
+     */
     accessor size: 's' | 'l';
     /**
      * The heading level for the sbb-expansion-panel-headers within the component.

package/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/elements/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAEM,mBAAoB,SAAQ,wBAA6B;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8FAA8F;IAC9F,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEtC;;;OAGG;IACH,SAEgB,UAAU,EAAE,aAAa,GAAG,IAAI,CAAQ;IAExD,8EAA8E;IAC9E,SAGgB,KAAK,EAAE,OAAO,CAAS;IAEvC,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;IAUzC,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;cAUD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU5E,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB;cAWN,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/elements/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AASvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAIjD;;;;GAIG;AACH,qBAEM,mBAAoB,SAAQ,wBAA6B;IAC7D,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEvD;;;OAGG;IACH,SAEgB,UAAU,EAAE,aAAa,GAAG,IAAI,CAAQ;IAExD,8EAA8E;IAC9E,SAGgB,KAAK,EAAE,OAAO,CAAS;IAEvC,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;IAiBzC,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;cAUD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU5E,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB;cAWN,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,mBAAmB,CAAC;KACtC;CACF"}

package/accordion.js

@@ -1,28 +1,32 @@
 var C = (s) => {
   throw TypeError(s);
 };
-var A = (s, l, a) => l.has(s) || C("Cannot " + a);
-var d = (s, l, a) => (A(s, l, "read from private field"), a ? a.call(s) : l.get(s)), p = (s, l, a) => l.has(s) ? C("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, a), o = (s, l, a, n) => (A(s, l, "write to private field"), n ? n.call(s, a) : l.set(s, a), a);
-import { __runInitializers as c, __esDecorate as b } from "tslib";
+var w = (s, l, a) => l.has(s) || C("Cannot " + a);
+var d = (s, l, a) => (w(s, l, "read from private field"), a ? a.call(s) : l.get(s)), p = (s, l, a) => l.has(s) ? C("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(s) : l.set(s, a), o = (s, l, a, r) => (w(s, l, "write to private field"), r ? r.call(s, a) : l.set(s, a), a);
+import { __runInitializers as c, __esDecorate as f } from "tslib";
 import { css as O, LitElement as D, html as T } from "lit";
-import { customElement as j, property as f } from "lit/decorators.js";
+import { customElement as j, property as b } from "lit/decorators.js";
 import { SbbConnectedAbortController as U } from "./core/controllers.js";
-import { handleDistinctChange as w, forceType as q } from "./core/decorators.js";
-import { SbbHydrationMixin as B } from "./core/mixins.js";
-import { SbbExpansionPanelElement as H } from "./expansion-panel.js";
-const M = O`*,:before,:after{box-sizing:border-box}:host{display:block}`;
-let W = (() => {
-  var h, m, _, r;
-  let s = [j("sbb-accordion")], l, a = [], n, v = B(D), g, z = [], x = [], L, y = [], E = [], P, S = [], k = [];
-  return r = class extends v {
+import { handleDistinctChange as A, forceType as q } from "./core/decorators.js";
+import { isLean as B } from "./core/dom.js";
+import { isEventPrevented as H } from "./core/eventing.js";
+import { SbbHydrationMixin as M } from "./core/mixins.js";
+const N = O`*,:before,:after{box-sizing:border-box}:host{display:block}`;
+let Y = (() => {
+  var h, m, _, n;
+  let s = [j("sbb-accordion")], l, a = [], r, v = M(D), g, z = [], x = [], L, y = [], E = [], P, S = [], k = [];
+  return n = class extends v {
     constructor() {
       super(...arguments);
       p(this, h);
       p(this, m);
       p(this, _);
-      o(this, h, c(this, z, "l")), o(this, m, (c(this, x), c(this, y, null))), o(this, _, (c(this, E), c(this, S, !1))), this._abort = (c(this, k), new U(this));
+      o(this, h, c(this, z, B() ? "s" : "l")), o(this, m, (c(this, x), c(this, y, null))), o(this, _, (c(this, E), c(this, S, !1))), this._abort = (c(this, k), new U(this));
     }
-    /** Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`. */
+    /**
+     * Size variant, either l or s; overrides the size on any projected `sbb-expansion-panel`.
+     * @default 'l' / 's' (lean)
+     */
     get size() {
       return d(this, h);
     }
@@ -49,7 +53,12 @@ let W = (() => {
     connectedCallback() {
       super.connectedCallback();
       const t = this._abort.signal;
-      this.addEventListener(H.events.willOpen, (e) => this._closePanels(e), { signal: t });
+      this.addEventListener("willOpen", async (e) => {
+        await H(e) || this._closePanels(e);
+      }, {
+        signal: t,
+        capture: !0
+      });
     }
     _expansionPanels() {
       var t;
@@ -81,17 +90,17 @@ let W = (() => {
       </div>
     `;
     }
-  }, h = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), n = r, (() => {
+  }, h = new WeakMap(), m = new WeakMap(), _ = new WeakMap(), r = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    g = [f({ reflect: !0 })], L = [w((e) => e._setTitleLevelOnChildren()), f({ attribute: "title-level" })], P = [q(), w((e, i, u) => e._resetExpansionPanels(i, !!u)), f({ type: Boolean })], b(r, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, i) => {
+    g = [b({ reflect: !0 })], L = [A((e) => e._setTitleLevelOnChildren()), b({ attribute: "title-level" })], P = [q(), A((e, i, u) => e._resetExpansionPanels(i, !!u)), b({ type: Boolean })], f(n, null, g, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (e) => "size" in e, get: (e) => e.size, set: (e, i) => {
       e.size = i;
-    } }, metadata: t }, z, x), b(r, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, i) => {
+    } }, metadata: t }, z, x), f(n, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (e) => "titleLevel" in e, get: (e) => e.titleLevel, set: (e, i) => {
       e.titleLevel = i;
-    } }, metadata: t }, y, E), b(r, null, P, { kind: "accessor", name: "multi", static: !1, private: !1, access: { has: (e) => "multi" in e, get: (e) => e.multi, set: (e, i) => {
+    } }, metadata: t }, y, E), f(n, null, P, { kind: "accessor", name: "multi", static: !1, private: !1, access: { has: (e) => "multi" in e, get: (e) => e.multi, set: (e, i) => {
       e.multi = i;
-    } }, metadata: t }, S, k), b(null, l = { value: n }, s, { kind: "class", name: n.name, metadata: t }, null, a), n = l.value, t && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), r.styles = M, c(n, a), n;
+    } }, metadata: t }, S, k), f(null, l = { value: r }, s, { kind: "class", name: r.name, metadata: t }, null, a), r = l.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = N, c(r, a), r;
 })();
 export {
-  W as SbbAccordionElement
+  Y as SbbAccordionElement
 };

package/action-group/action-group.d.ts

@@ -22,13 +22,15 @@ export declare class SbbActionGroupElement extends LitElement {
      */
     accessor orientation: SbbOrientation;
     /**
-     * Size of the nested sbb-button instances. This will overwrite the size attribute of nested
-     * sbb-button instances.
+     * Size of the nested sbb-button instances.
+     * This will overwrite the size attribute of nested sbb-button instances.
+     * @default 'l' / 's' (lean)
      */
     accessor buttonSize: SbbButtonSize;
     /**
-     * Size of the nested sbb-block-link instances. This will overwrite the size attribute of nested
-     * sbb-block-link instances.
+     * Size of the nested sbb-block-link instances.
+     * This will overwrite the size attribute of nested sbb-block-link instances.
+     * @default 'm' / 'xs' (lean)
      */
     accessor linkSize: SbbLinkSize;
     protected willUpdate(changedProperties: PropertyValues<this>): void;

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

@@ -1 +1 @@
-{"version":3,"file":"action-group.d.ts","sourceRoot":"","sources":["../../../src/elements/action-group/action-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAIV,WAAW,EACZ,MAAM,YAAY,CAAC;AAIpB;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SACgB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAW;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,CAAY;IAE7D;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;OAGG;IACH,SACgB,UAAU,EAAE,aAAa,CAAO;IAEhD;;;OAGG;IACH,SACgB,QAAQ,EAAE,WAAW,CAAO;cAEzB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;cAQC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
+{"version":3,"file":"action-group.d.ts","sourceRoot":"","sources":["../../../src/elements/action-group/action-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAGvC,OAAO,KAAK,EAA0B,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAIV,WAAW,EACZ,MAAM,YAAY,CAAC;AAIpB;;;;GAIG;AACH,qBAEM,qBAAsB,SAAQ,UAAU;IAC5C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SACgB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAW;IAE7E;;OAEG;IACH,SACgB,cAAc,EAAE,iBAAiB,CAAY;IAE7D;;OAEG;IACH,SACgB,WAAW,EAAE,cAAc,CAAgB;IAE3D;;;;OAIG;IACH,SACgB,UAAU,EAAE,aAAa,CAAwB;IAEjE;;;;OAIG;IACH,SACgB,QAAQ,EAAE,WAAW,CAAyB;cAE3C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW5E,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;cAQC,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

package/action-group.js

@@ -4,20 +4,21 @@ var B = (i) => {
 var O = (i, n, a) => n.has(i) || B("Cannot " + a);
 var c = (i, n, a) => (O(i, n, "read from private field"), a ? a.call(i) : n.get(i)), g = (i, n, a) => n.has(i) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, a), l = (i, n, a, s) => (O(i, n, "write to private field"), s ? s.call(i, a) : n.set(i, a), a);
 import { __esDecorate as u, __runInitializers as e } from "tslib";
-import { css as U, html as T, LitElement as C } from "lit";
-import { customElement as H, property as x } from "lit/decorators.js";
-const J = U`*,:before,:after{box-sizing:border-box}:host{display:block}:host([orientation=horizontal]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}.sbb-action-group{display:flex;flex-direction:var(--sbb-action-group-orientation);gap:var(--sbb-action-group-gap);justify-content:var(--sbb-action-group-justify-content);align-items:var(--sbb-action-group-align-items)}.sbb-action-group ::slotted([align-self=start]){margin-inline-end:auto}.sbb-action-group ::slotted([align-self=center]){margin-inline:auto}.sbb-action-group ::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}`;
-let V = (() => {
+import { css as T, html as C, LitElement as H } from "lit";
+import { customElement as J, property as x } from "lit/decorators.js";
+import { isLean as U } from "./core/dom.js";
+const K = T`*,:before,:after{box-sizing:border-box}:host{display:block}:host([orientation=horizontal]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content: flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content: center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content: space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content: flex-end}:host([orientation=vertical]){--sbb-action-group-orientation: column;--sbb-action-group-gap: var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items: flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items: center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items: stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items: flex-end}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=micro][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=medium][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=wide][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-start;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: center;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: space-between;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation: row;--sbb-action-group-align-items: center;--sbb-action-group-justify-content: flex-end;--sbb-action-group-gap: var(--sbb-spacing-fixed-4x)}}.sbb-action-group{display:flex;flex-direction:var(--sbb-action-group-orientation);gap:var(--sbb-action-group-gap);justify-content:var(--sbb-action-group-justify-content);align-items:var(--sbb-action-group-align-items)}.sbb-action-group ::slotted([align-self=start]){margin-inline-end:auto}.sbb-action-group ::slotted([align-self=center]){margin-inline:auto}.sbb-action-group ::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}`;
+let X = (() => {
   var p, m, f, h, d, r;
-  let i = [H("sbb-action-group")], n, a = [], s, z = C, v, _ = [], w = [], y, j = [], k = [], S, G = [], F = [], I, E = [], A = [], D, L = [], q = [];
+  let i = [J("sbb-action-group")], n, a = [], s, z = H, v, _ = [], w = [], y, j = [], k = [], S, G = [], F = [], I, E = [], L = [], A, D = [], q = [];
   return r = class extends z {
     constructor() {
       super(...arguments);
       g(this, p, e(this, _, "start"));
       g(this, m, (e(this, w), e(this, j, "medium")));
       g(this, f, (e(this, k), e(this, G, "horizontal")));
-      g(this, h, (e(this, F), e(this, E, "l")));
-      g(this, d, (e(this, A), e(this, L, "m")));
+      g(this, h, (e(this, F), e(this, E, U() ? "s" : "l")));
+      g(this, d, (e(this, L), e(this, D, U() ? "xs" : "m")));
       e(this, q);
     }
     /**
@@ -48,8 +49,9 @@ let V = (() => {
       l(this, f, o);
     }
     /**
-     * Size of the nested sbb-button instances. This will overwrite the size attribute of nested
-     * sbb-button instances.
+     * Size of the nested sbb-button instances.
+     * This will overwrite the size attribute of nested sbb-button instances.
+     * @default 'l' / 's' (lean)
      */
     get buttonSize() {
       return c(this, h);
@@ -58,8 +60,9 @@ let V = (() => {
       l(this, h, o);
     }
     /**
-     * Size of the nested sbb-block-link instances. This will overwrite the size attribute of nested
-     * sbb-block-link instances.
+     * Size of the nested sbb-block-link instances.
+     * This will overwrite the size attribute of nested sbb-block-link instances.
+     * @default 'm' / 'xs' (lean)
      */
     get linkSize() {
       return c(this, d);
@@ -81,7 +84,7 @@ let V = (() => {
       });
     }
     render() {
-      return T`
+      return C`
       <div class="sbb-action-group">
         <slot></slot>
       </div>
@@ -89,7 +92,7 @@ let V = (() => {
     }
   }, p = new WeakMap(), m = new WeakMap(), f = new WeakMap(), h = new WeakMap(), d = new WeakMap(), s = r, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(z[Symbol.metadata] ?? null) : void 0;
-    v = [x({ attribute: "align-group", reflect: !0 })], y = [x({ attribute: "horizontal-from", reflect: !0 })], S = [x({ reflect: !0 })], I = [x({ attribute: "button-size", reflect: !0 })], D = [x({ attribute: "link-size", reflect: !0 })], u(r, null, v, { kind: "accessor", name: "alignGroup", static: !1, private: !1, access: { has: (t) => "alignGroup" in t, get: (t) => t.alignGroup, set: (t, b) => {
+    v = [x({ attribute: "align-group", reflect: !0 })], y = [x({ attribute: "horizontal-from", reflect: !0 })], S = [x({ reflect: !0 })], I = [x({ attribute: "button-size", reflect: !0 })], A = [x({ attribute: "link-size", reflect: !0 })], u(r, null, v, { kind: "accessor", name: "alignGroup", static: !1, private: !1, access: { has: (t) => "alignGroup" in t, get: (t) => t.alignGroup, set: (t, b) => {
       t.alignGroup = b;
     } }, metadata: o }, _, w), u(r, null, y, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (t) => "horizontalFrom" in t, get: (t) => t.horizontalFrom, set: (t, b) => {
       t.horizontalFrom = b;
@@ -97,11 +100,11 @@ let V = (() => {
       t.orientation = b;
     } }, metadata: o }, G, F), u(r, null, I, { kind: "accessor", name: "buttonSize", static: !1, private: !1, access: { has: (t) => "buttonSize" in t, get: (t) => t.buttonSize, set: (t, b) => {
       t.buttonSize = b;
-    } }, metadata: o }, E, A), u(r, null, D, { kind: "accessor", name: "linkSize", static: !1, private: !1, access: { has: (t) => "linkSize" in t, get: (t) => t.linkSize, set: (t, b) => {
+    } }, metadata: o }, E, L), u(r, null, A, { kind: "accessor", name: "linkSize", static: !1, private: !1, access: { has: (t) => "linkSize" in t, get: (t) => t.linkSize, set: (t, b) => {
       t.linkSize = b;
-    } }, metadata: o }, L, q), u(null, n = { value: s }, i, { kind: "class", name: s.name, metadata: o }, null, a), s = n.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), r.styles = J, e(s, a), s;
+    } }, metadata: o }, D, q), u(null, n = { value: s }, i, { kind: "class", name: s.name, metadata: o }, null, a), s = n.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), r.styles = K, e(s, a), s;
 })();
 export {
-  V as SbbActionGroupElement
+  X as SbbActionGroupElement
 };

package/alert/alert/alert.d.ts

@@ -1,5 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { LinkTargetType, SbbOpenCloseBaseElement } from '../../core/base-elements.js';
+import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
 import { SbbTitleLevel } from '../../title.js';
 declare const SbbAlertElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbOpenCloseBaseElement;
 /**
@@ -12,7 +12,6 @@ declare const SbbAlertElement_base: import('../../core/mixins.js').AbstractConst
  * @event {CustomEvent<void>} didOpen - Emits when the opening animation ends.
  * @event {CustomEvent<void>} willClose - Emits when the closing animation starts. Can be canceled.
  * @event {CustomEvent<void>} didClose - Emits when the closing animation ends.
- * @event {CustomEvent<void>} dismissalRequested - Emits when dismissal of an alert was requested.
  */
 export declare class SbbAlertElement extends SbbAlertElement_base {
     static styles: CSSResultGroup;
@@ -21,14 +20,16 @@ export declare class SbbAlertElement extends SbbAlertElement_base {
         readonly didOpen: "didOpen";
         readonly willClose: "willClose";
         readonly didClose: "didClose";
-        readonly dismissalRequested: "dismissalRequested";
     };
     /**
      * Whether the alert is readonly.
      * In readonly mode, there is no dismiss button offered to the user.
      */
     accessor readonly: boolean;
-    /** You can choose between `s`, `m` or `l` size. */
+    /**
+     * You can choose between `s`, `m` or `l` size.
+     * @default 'm' / 's' (lean)
+     */
     accessor size: 's' | 'm' | 'l';
     /**
      * Name of the icon which will be forward to the nested `sbb-icon`.
@@ -40,36 +41,19 @@ export declare class SbbAlertElement extends SbbAlertElement_base {
     accessor titleContent: string;
     /** Level of title, will be rendered as heading tag (e.g. h3). Defaults to level 3. */
     accessor titleLevel: SbbTitleLevel;
-    /** Content of the link. */
-    accessor linkContent: string;
-    /** The href value you want to link to. */
-    accessor href: string;
-    /** Where to display the linked URL. */
-    accessor target: LinkTargetType | string;
-    /** The relationship of the linked URL as space-separated link types. */
-    accessor rel: string;
-    /** This will be forwarded as aria-label to the relevant nested element. */
-    accessor accessibilityLabel: string;
     /** The enabled animations. */
     accessor animation: 'open' | 'close' | 'all' | 'none';
-    /**
-     * Emits when dismissal of an alert was requested.
-     * @deprecated
-     */
-    private _dismissalRequested;
     private _language;
-    /** Requests dismissal of the alert.
-     * @deprecated in favour of 'willClose' and 'didClose' events
-     */
-    requestDismissal(): void;
     /** Open the alert. */
     open(): void;
     /** Close the alert. */
     close(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    private _isZeroAnimationDuration;
     private _onAnimationEnd;
     private _handleOpening;
     private _handleClosing;
+    private _syncLinks;
     protected render(): TemplateResult;
 }
 declare global {

package/alert/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnG,OAAO,EAAE,KAAK,cAAc,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAM3F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,gBAAgB,CAAC;;AAExB;;;;;;;;;;;GAWG;AACH,qBAEM,eAAgB,SAAQ,oBAAyC;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;;;;MAM3B;IAEX;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,mDAAmD;IACnD,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAO;IAEzE;;;;OAIG;IACH,SAEyB,QAAQ,EAAE,MAAM,CAAU;IAEnD,wBAAwB;IACxB,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,sFAAsF;IACtF,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF,2BAA2B;IAC3B,SAEgB,WAAW,EAAE,MAAM,CAAM;IAEzC,0CAA0C;IAC1C,SAEgB,IAAI,EAAE,MAAM,CAAM;IAElC,uCAAuC;IACvC,SAEgB,MAAM,EAAE,cAAc,GAAG,MAAM,CAAM;IAErD,wEAAwE;IACxE,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAGzB;IAEF,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,gBAAgB,IAAI,IAAI;IAI/B,sBAAsB;IACf,IAAI,IAAI,IAAI;IAKnB,uBAAuB;IAChB,KAAK,IAAI,IAAI;cAMK,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7F,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;cAMH,MAAM,IAAI,cAAc;CAqD5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAMtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIpD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;;AAExB;;;;;;;;;;GAUG;AACH,qBAEM,eAAgB,SAAQ,oBAAyC;IACrE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAgC,MAAM;;;;;MAK3B;IAEX;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAwB;IAE1F;;;;OAIG;IACH,SAEyB,QAAQ,EAAE,MAAM,CAAU;IAEnD,wBAAwB;IACxB,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,sFAAsF;IACtF,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG,OAAO,CAAC,SAAS,CAAmC;IAEpD,sBAAsB;IACf,IAAI,IAAI,IAAI;IAWnB,uBAAuB;IAChB,KAAK,IAAI,IAAI;cAYK,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAM7F,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;cAMC,MAAM,IAAI,cAAc;CA0C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/alert/alert-group/alert-group.d.ts

@@ -6,13 +6,11 @@ declare const SbbAlertGroupElement_base: import('../../core/mixins.js').Abstract
  *
  * @slot - Use the unnamed slot to add `sbb-alert` elements to the `sbb-alert-group`.
  * @slot accessibility-title - title for this `sbb-alert-group` which is only visible for screen reader users.
- * @event {CustomEvent<SbbAlertElement>} didDismissAlert - Emits when an alert was removed from DOM.
  * @event {CustomEvent<void>} empty - Emits when `sbb-alert-group` becomes empty.
  */
 export declare class SbbAlertGroupElement extends SbbAlertGroupElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly didDismissAlert: "didDismissAlert";
         readonly empty: "empty";
     };
     /**
@@ -28,8 +26,6 @@ export declare class SbbAlertGroupElement extends SbbAlertGroupElement_base {
     accessor accessibilityTitleLevel: SbbTitleLevel;
     /** Whether the group currently has any alerts. */
     private accessor _hasAlerts;
-    /** Emits when an alert was removed from DOM. */
-    private _didDismissAlert;
     /** Emits when `sbb-alert-group` becomes empty. */
     private _empty;
     private _abort;

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

@@ -1 +1 @@
-{"version":3,"file":"alert-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert-group/alert-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAQ1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAKpD;;;;;;;GAOG;AACH,qBAEM,oBAAqB,SAAQ,yBAA6B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX;;;;;OAKG;IACH,SACyB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAY;IAEtE,gFAAgF;IAChF,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;IAE7D,kDAAkD;IACzC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAkB;IAEtD,gDAAgD;IAChD,OAAO,CAAC,gBAAgB,CAGtB;IAEF,kDAAkD;IAClD,OAAO,CAAC,MAAM,CAAiF;IAE/F,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;IAezC,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,YAAY;cAaD,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"alert-group.d.ts","sourceRoot":"","sources":["../../../../src/elements/alert/alert-group/alert-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAQ1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAKpD;;;;;;GAMG;AACH,qBAEM,oBAAqB,SAAQ,yBAA6B;IAC9D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;;;OAKG;IACH,SACyB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAY;IAEtE,gFAAgF;IAChF,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,wGAAwG;IACxG,SACgB,uBAAuB,EAAE,aAAa,CAAO;IAE7D,kDAAkD;IACzC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAkB;IAEtD,kDAAkD;IAClD,OAAO,CAAC,MAAM,CAAiF;IAE/F,OAAO,CAAC,MAAM,CAAyC;IAEvC,iBAAiB,IAAI,IAAI;IAiBzC,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,YAAY;cAaD,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/alert/alert-group.js

@@ -1,29 +1,28 @@
-var D = (s) => {
+var $ = (s) => {
   throw TypeError(s);
 };
-var $ = (s, i, l) => i.has(s) || D("Cannot " + l);
-var m = (s, i, l) => ($(s, i, "read from private field"), l ? l.call(s) : i.get(s)), u = (s, i, l) => i.has(s) ? D("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, l), c = (s, i, l, o) => ($(s, i, "write to private field"), o ? o.call(s, l) : i.set(s, l), l);
+var G = (s, i, a) => i.has(s) || $("Cannot " + a);
+var d = (s, i, a) => (G(s, i, "read from private field"), a ? a.call(s) : i.get(s)), m = (s, i, a) => i.has(s) ? $("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, a), c = (s, i, a, o) => (G(s, i, "write to private field"), o ? o.call(s, a) : i.set(s, a), a);
 import { __runInitializers as n, __esDecorate as p } from "tslib";
-import { css as O, LitElement as q, nothing as F } from "lit";
-import { customElement as H, property as g, state as P } from "lit/decorators.js";
-import { html as G, unsafeStatic as j } from "lit/static-html.js";
-import { SbbConnectedAbortController as R } from "../core/controllers.js";
-import { forceType as B } from "../core/decorators.js";
-import { EventEmitter as M } from "../core/eventing.js";
-import { SbbHydrationMixin as J } from "../core/mixins.js";
-import { SbbAlertElement as N } from "./alert.js";
-const K = O`*,:before,:after{box-sizing:border-box}:host{--sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);--sbb-alert-group-border-radius: var(--sbb-border-radius-4x);display:block}.sbb-alert-group{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not([data-empty])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}.sbb-alert-group__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
-let lt = (() => {
-  var b, h, d, _, a;
-  let s = [H("sbb-alert-group")], i, l = [], o, y = J(q), v, A = [], T = [], x, E = [], L = [], z, S = [], w = [], C, I = [], k = [];
-  var f = (a = class extends y {
+import { css as F, LitElement as M, nothing as N } from "lit";
+import { customElement as O, property as f, state as P } from "lit/decorators.js";
+import { html as D, unsafeStatic as j } from "lit/static-html.js";
+import { SbbConnectedAbortController as H } from "../core/controllers.js";
+import { forceType as q } from "../core/decorators.js";
+import { EventEmitter as B, isEventPrevented as J } from "../core/eventing.js";
+import { SbbHydrationMixin as K } from "../core/mixins.js";
+const Q = F`*,:before,:after{box-sizing:border-box}:host{--sbb-alert-group-gap: var(--sbb-spacing-fixed-3x);--sbb-alert-group-border-radius: var(--sbb-border-radius-4x);display:block}.sbb-alert-group{display:flex;flex-direction:column;gap:var(--sbb-alert-group-gap)}:host(:focus-visible:not([data-empty])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-alert-group-border-radius)}.sbb-alert-group__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
+let it = (() => {
+  var b, h, u, _, l;
+  let s = [O("sbb-alert-group")], i, a = [], o, g = K(M), v, T = [], A = [], x, E = [], L = [], z, I = [], S = [], w, C = [], k = [];
+  var y = (l = class extends g {
     constructor() {
       super(...arguments);
-      u(this, b);
-      u(this, h);
-      u(this, d);
-      u(this, _);
-      c(this, b, n(this, A, "status")), c(this, h, (n(this, T), n(this, E, ""))), c(this, d, (n(this, L), n(this, S, "2"))), c(this, _, (n(this, w), n(this, I, !1))), this._didDismissAlert = (n(this, k), new M(this, f.events.didDismissAlert)), this._empty = new M(this, f.events.empty), this._abort = new R(this);
+      m(this, b);
+      m(this, h);
+      m(this, u);
+      m(this, _);
+      c(this, b, n(this, T, "status")), c(this, h, (n(this, A), n(this, E, ""))), c(this, u, (n(this, L), n(this, I, "2"))), c(this, _, (n(this, S), n(this, C, !1))), this._empty = (n(this, k), new B(this, y.events.empty)), this._abort = new H(this);
     }
     /**
      * The role attribute defines how to announce alerts to the user.
@@ -32,28 +31,28 @@ let lt = (() => {
      * 'alert': sets aria-live to assertive and aria-atomic to true.
      */
     get role() {
-      return m(this, b);
+      return d(this, b);
     }
     set role(e) {
       c(this, b, e);
     }
     /** Title for this alert group which is only visible for screen reader users. */
     get accessibilityTitle() {
-      return m(this, h);
+      return d(this, h);
     }
     set accessibilityTitle(e) {
       c(this, h, e);
     }
     /** Level of the accessibility title, will be rendered as heading tag (e.g. h2). Defaults to level 2. */
     get accessibilityTitleLevel() {
-      return m(this, d);
+      return d(this, u);
     }
     set accessibilityTitleLevel(e) {
-      c(this, d, e);
+      c(this, u, e);
     }
     /** Whether the group currently has any alerts. */
     get _hasAlerts() {
-      return m(this, _);
+      return d(this, _);
     }
     set _hasAlerts(e) {
       c(this, _, e);
@@ -61,15 +60,16 @@ let lt = (() => {
     connectedCallback() {
       super.connectedCallback();
       const e = this._abort.signal;
-      this.addEventListener(N.events.dismissalRequested, (t) => t.target.close(), {
-        signal: e
-      }), this.addEventListener(N.events.didClose, (t) => this._alertClosed(t), {
-        signal: e
+      this.addEventListener("didClose", async (t) => {
+        await J(t) || this._alertClosed(t);
+      }, {
+        signal: e,
+        capture: !0
       });
     }
     _alertClosed(e) {
-      const t = e.target, r = document.activeElement === t;
-      this._didDismissAlert.emit(t), r && (this.tabIndex = 0, this.focus(), this.addEventListener("blur", () => this.removeAttribute("tabindex"), {
+      const t = e.target;
+      document.activeElement === t && (this.tabIndex = 0, this.focus(), this.addEventListener("blur", () => this.removeAttribute("tabindex"), {
         once: !0
       }));
     }
@@ -79,32 +79,31 @@ let lt = (() => {
     }
     render() {
       const e = `h${this.accessibilityTitleLevel}`;
-      return G`
+      return D`
       <div class="sbb-alert-group">
-        ${this._hasAlerts ? G`<${j(e)} class="sbb-alert-group__title">
+        ${this._hasAlerts ? D`<${j(e)} class="sbb-alert-group__title">
               <slot name="accessibility-title">${this.accessibilityTitle}</slot>
-            </${j(e)}>` : F}
+            </${j(e)}>` : N}
         <slot @slotchange=${(t) => this._slotChanged(t)}></slot>
       </div>
     `;
     }
-  }, b = new WeakMap(), h = new WeakMap(), d = new WeakMap(), _ = new WeakMap(), o = a, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-    v = [g({ reflect: !0 })], x = [B(), g({ attribute: "accessibility-title" })], z = [g({ attribute: "accessibility-title-level" })], C = [P()], p(a, null, v, { kind: "accessor", name: "role", static: !1, private: !1, access: { has: (t) => "role" in t, get: (t) => t.role, set: (t, r) => {
+  }, b = new WeakMap(), h = new WeakMap(), u = new WeakMap(), _ = new WeakMap(), o = l, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+    v = [f({ reflect: !0 })], x = [q(), f({ attribute: "accessibility-title" })], z = [f({ attribute: "accessibility-title-level" })], w = [P()], p(l, null, v, { kind: "accessor", name: "role", static: !1, private: !1, access: { has: (t) => "role" in t, get: (t) => t.role, set: (t, r) => {
       t.role = r;
-    } }, metadata: e }, A, T), p(a, null, x, { kind: "accessor", name: "accessibilityTitle", static: !1, private: !1, access: { has: (t) => "accessibilityTitle" in t, get: (t) => t.accessibilityTitle, set: (t, r) => {
+    } }, metadata: e }, T, A), p(l, null, x, { kind: "accessor", name: "accessibilityTitle", static: !1, private: !1, access: { has: (t) => "accessibilityTitle" in t, get: (t) => t.accessibilityTitle, set: (t, r) => {
       t.accessibilityTitle = r;
-    } }, metadata: e }, E, L), p(a, null, z, { kind: "accessor", name: "accessibilityTitleLevel", static: !1, private: !1, access: { has: (t) => "accessibilityTitleLevel" in t, get: (t) => t.accessibilityTitleLevel, set: (t, r) => {
+    } }, metadata: e }, E, L), p(l, null, z, { kind: "accessor", name: "accessibilityTitleLevel", static: !1, private: !1, access: { has: (t) => "accessibilityTitleLevel" in t, get: (t) => t.accessibilityTitleLevel, set: (t, r) => {
       t.accessibilityTitleLevel = r;
-    } }, metadata: e }, S, w), p(a, null, C, { kind: "accessor", name: "_hasAlerts", static: !1, private: !1, access: { has: (t) => "_hasAlerts" in t, get: (t) => t._hasAlerts, set: (t, r) => {
+    } }, metadata: e }, I, S), p(l, null, w, { kind: "accessor", name: "_hasAlerts", static: !1, private: !1, access: { has: (t) => "_hasAlerts" in t, get: (t) => t._hasAlerts, set: (t, r) => {
       t._hasAlerts = r;
-    } }, metadata: e }, I, k), p(null, i = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, l), f = o = i.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = K, a.events = {
-    didDismissAlert: "didDismissAlert",
+    } }, metadata: e }, C, k), p(null, i = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, a), y = o = i.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), l.styles = Q, l.events = {
     empty: "empty"
-  }, n(o, l), a);
-  return f = o;
+  }, n(o, a), l);
+  return y = o;
 })();
 export {
-  lt as SbbAlertGroupElement
+  it as SbbAlertGroupElement
 };