@sbb-esta/lyne-elements 3.0.0-next.3 → 3.0.0

package/menu/menu/menu.component.js

@@ -4,8 +4,8 @@ var C = (i) => {
 var A = (i, s, r) => s.has(i) || C("Cannot " + r);
 var u = (i, s, r) => (A(i, s, "read from private field"), r ? r.call(i) : s.get(i)), g = (i, s, r) => s.has(i) ? C("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(i) : s.set(i, r), d = (i, s, r, n) => (A(i, s, "write to private field"), n ? n.call(i, r) : s.set(i, r), r);
 import { __esDecorate as p, __runInitializers as m } from "tslib";
-import { css as T, isServer as N, html as L } from "lit";
-import { customElement as B, property as S } from "lit/decorators.js";
+import { css as T, isServer as B, html as L } from "lit";
+import { customElement as N, property as S } from "lit/decorators.js";
 import { ref as I } from "lit/directives/ref.js";
 import { SbbFocusTrapController as P, isArrowKeyOrPageKeysPressed as M, interactivityChecker as D, getNextElementIndex as U } from "../../core/a11y.js";
 import { SbbOpenCloseBaseElement as z } from "../../core/base-elements.js";
@@ -27,7 +27,7 @@ const G = T`*,:before,:after{box-sizing:border-box}:host{display:contents;--sbb-
 ];
 let ee = 0, ge = (() => {
   var l, b, o;
-  let i = [B("sbb-menu")], s, r = [], n, v = j(z), f, w = [], y = [], k, x = [], E = [];
+  let i = [N("sbb-menu")], s, r = [], n, v = j(z), f, w = [], y = [], k, x = [], E = [];
   return o = class extends v {
     constructor() {
       super();
@@ -68,25 +68,25 @@ let ee = 0, ge = (() => {
      * Opens the menu on trigger click.
      */
     open() {
-      this.state === "closing" || !this._menu || this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", this._setMenuPosition(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._mediaMatcher.matches(_) && this._scrollHandler.disableScroll(), this._isZeroAnimationDuration() && this._handleOpening());
+      this.state === "closing" || !this._menu || this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._setMenuPosition(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._mediaMatcher.matches(_) && this._scrollHandler.disableScroll(), this._isZeroAnimationDuration() && this._handleOpening());
     }
     /**
      * Closes the menu.
      */
     close() {
-      this.state !== "opening" && this.willClose.emit() && (this.state = "closing", this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
+      this.state === "opening" || !this.dispatchBeforeCloseEvent() || (this.state = "closing", this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
     }
     _isZeroAnimationDuration() {
       return Z(this, "--sbb-menu-animation-duration");
     }
     _handleOpening() {
-      this.state = "opened", this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this._attachWindowEvents(), this.didOpen.emit();
+      this.state = "opened", this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this._attachWindowEvents(), this.dispatchOpenEvent();
     }
     _handleClosing() {
       this.state = "closed", this.hidePopover?.(), this._menu?.firstElementChild?.scrollTo(0, 0), this._inertController.deactivate(), this._triggerElement?.focus({
         // When inside the sbb-header, we prevent the scroll to avoid the snapping to the top of the page
         preventScroll: this._triggerElement.localName === "sbb-header-button" || this._triggerElement.localName === "sbb-header-link"
-      }), this._escapableOverlayController.disconnect(), this.didClose.emit(), this._windowEventsController?.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
+      }), this._escapableOverlayController.disconnect(), this.dispatchCloseEvent(), this._windowEventsController?.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
     }
     /**
      * Handles click and checks if its target is a sbb-menu-button/sbb-menu-link.
@@ -136,7 +136,7 @@ let ee = 0, ge = (() => {
       super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._windowEventsController?.abort(), this._scrollHandler.enableScroll();
     }
     requestUpdate(e, t, a) {
-      super.requestUpdate(e, t, a), !N && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
+      super.requestUpdate(e, t, a), !B && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
     }
     firstUpdated(e) {
       super.firstUpdated(e), this._configureTrigger();

package/menu/menu-button/menu-button.component.d.ts

@@ -7,7 +7,6 @@ declare const SbbMenuButtonElement_base: import('../../core/mixins.js').Abstract
  * @slot icon - Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.
  * @cssprop [--sbb-menu-action-outer-horizontal-padding=var(--sbb-spacing-fixed-3x)] - Can be used
  * to modify horizontal padding.
- * @overrideType value - string
  */
 export declare class SbbMenuButtonElement extends SbbMenuButtonElement_base {
 }

package/menu/menu-button/menu-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-button/menu-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;;;GAQG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"menu-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/menu/menu-button/menu-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;;;GAOG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/navigation/navigation/navigation.component.d.ts

@@ -6,10 +6,6 @@ declare const SbbNavigationElement_base: import('../../core/mixins.js').Abstract
  * It displays a navigation menu, wrapping one or more `sbb-navigation-*` components.
  *
  * @slot - Use the unnamed slot to add `sbb-navigation-button`/`sbb-navigation-link` elements into the sbb-navigation menu.
- * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-navigation` begins the opening transition. Can be canceled.
- * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-navigation` is opened.
- * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-navigation` begins the closing transition. Can be canceled.
- * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-navigation` is closed.
  * @cssprop [--sbb-navigation-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
  * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
  * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.

package/navigation/navigation/navigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation/navigation.component.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAiBtE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;;;;;GAWG;AACH,qBAEM,oBAAqB,SAAQ,yBAAgD;IACjF,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,iDAAiD;IACxC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA4C;IAE9F,qDAAqD;IACrD,IAAW,uBAAuB,IAAI,2BAA2B,GAAG,IAAI,CAEvE;IAED,wCAAwC;IACxC,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,8CAA8C;IAC9C,IAAW,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAEjD;IAED,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,+BAA+B,CAAkB;IACzD,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,yBAAyB,CAG9B;;IAkBH,4BAA4B;IACrB,IAAI,IAAI,IAAI;IAyBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B,6BAA6B;IACtB,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAGF,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,mBAAmB;IAkBX,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAO5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAK3D,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}
+{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation/navigation.component.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAiBtE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAI5E,OAAO,oCAAoC,CAAC;;AAW5C;;;;;;;GAOG;AACH,qBAEM,oBAAqB,SAAQ,yBAAgD;IACjF,gBAAgC,IAAI,gBAAgB;IACpD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;;OAIG;IACH,SAEgB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEnD,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,iDAAiD;IACxC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA4C;IAE9F,qDAAqD;IACrD,IAAW,uBAAuB,IAAI,2BAA2B,GAAG,IAAI,CAEvE;IAED,wCAAwC;IACxC,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,8CAA8C;IAC9C,IAAW,iBAAiB,IAAI,WAAW,GAAG,IAAI,CAEjD;IAED,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,2BAA2B,CAA2C;IAC9E,OAAO,CAAC,oBAAoB,CAAoC;IAChE,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,+BAA+B,CAAkB;IACzD,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,yBAAyB,CAG9B;;IAkBH,4BAA4B;IACrB,IAAI,IAAI,IAAI;IAyBnB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,mBAAmB;IAO3B,6BAA6B;IACtB,KAAK,IAAI,IAAI;IAgBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAGF,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,mBAAmB;IAkBX,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAO5B,aAAa,CAC3B,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC5B,IAAI;cAQY,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAK3D,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,oBAAoB,CAAC;KACxC;CACF"}

package/navigation/navigation/navigation.component.js

@@ -1,16 +1,16 @@
-var E = (a) => {
+var A = (a) => {
   throw TypeError(a);
 };
-var N = (a, n, e) => n.has(a) || E("Cannot " + e);
-var d = (a, n, e) => (N(a, n, "read from private field"), e ? e.call(a) : n.get(a)), h = (a, n, e) => n.has(a) ? E("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), b = (a, n, e, r) => (N(a, n, "write to private field"), r ? r.call(a, e) : n.set(a, e), e);
+var N = (a, n, e) => n.has(a) || A("Cannot " + e);
+var d = (a, n, e) => (N(a, n, "read from private field"), e ? e.call(a) : n.get(a)), h = (a, n, e) => n.has(a) ? A("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, e), b = (a, n, e, r) => (N(a, n, "write to private field"), r ? r.call(a, e) : n.set(a, e), e);
 import { __esDecorate as p, __runInitializers as l } from "tslib";
 import { MutationController as T } from "@lit-labs/observers/mutation-controller.js";
 import { ResizeController as L } from "@lit-labs/observers/resize-controller.js";
 import { css as I, isServer as D, html as O } from "lit";
 import { customElement as U, property as z, state as q } from "lit/decorators.js";
-import { ref as R } from "lit/directives/ref.js";
-import { SbbFocusTrapController as P } from "../../core/a11y.js";
-import { SbbOpenCloseBaseElement as B } from "../../core/base-elements.js";
+import { ref as B } from "lit/directives/ref.js";
+import { SbbFocusTrapController as R } from "../../core/a11y.js";
+import { SbbOpenCloseBaseElement as P } from "../../core/base-elements.js";
 import { SbbLanguageController as H, SbbInertController as M, SbbEscapableOverlayController as X } from "../../core/controllers.js";
 import { idReference as $, forceType as Z } from "../../core/decorators.js";
 import { SbbScrollHandler as j, isZeroAnimationDuration as F } from "../../core/dom.js";
@@ -26,14 +26,14 @@ let Y = 0;
 const tt = 150;
 let _t = (() => {
   var c, v, g, o;
-  let a = [U("sbb-navigation")], n, e = [], r, u = V(B), _, f = [], k = [], w, y = [], C = [], x, S = [], A = [];
+  let a = [U("sbb-navigation")], n, e = [], r, u = V(P), _, f = [], k = [], y, w = [], C = [], x, S = [], E = [];
   return o = class extends u {
     constructor() {
       super();
       h(this, c);
       h(this, v);
       h(this, g);
-      b(this, c, l(this, f, null)), b(this, v, (l(this, k), l(this, y, ""))), b(this, g, (l(this, C), l(this, S, null))), this._navigation = l(this, A), this._triggerElement = null, this._language = new H(this), this._inertController = new M(this), this._escapableOverlayController = new X(this), this._focusTrapController = new P(this), this._scrollHandler = new j(), this._isPointerDownEventOnNavigation = !1, this._resizeObserverTimeout = null, this._navigationResizeObserver = new L(this, {
+      b(this, c, l(this, f, null)), b(this, v, (l(this, k), l(this, w, ""))), b(this, g, (l(this, C), l(this, S, null))), this._navigation = l(this, E), this._triggerElement = null, this._language = new H(this), this._inertController = new M(this), this._escapableOverlayController = new X(this), this._focusTrapController = new R(this), this._scrollHandler = new j(), this._isPointerDownEventOnNavigation = !1, this._resizeObserverTimeout = null, this._navigationResizeObserver = new L(this, {
         skipInitial: !0,
         callback: () => this._onNavigationResize()
       }), this._pointerDownListener = (t) => {
@@ -85,7 +85,7 @@ let _t = (() => {
     }
     /** Opens the navigation. */
     open() {
-      this.state !== "closed" || !this.hasUpdated || this.willOpen.emit() && (this.showPopover?.(), this.state = "opening", this._checkActiveActions(), this._checkActiveSection(), this.startUpdate(), this._scrollHandler.disableScroll(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._isZeroAnimationDuration() && this._handleOpening());
+      this.state !== "closed" || !this.hasUpdated || this.dispatchBeforeOpenEvent() && (this.showPopover?.(), this.state = "opening", this._checkActiveActions(), this._checkActiveSection(), this.startUpdate(), this._scrollHandler.disableScroll(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._isZeroAnimationDuration() && this._handleOpening());
     }
     _checkActiveSection() {
       this.querySelector("sbb-navigation-button.sbb-active")?.connectedSection?.open();
@@ -95,16 +95,16 @@ let _t = (() => {
     }
     /** Closes the navigation. */
     close() {
-      this.state === "opened" && this.willClose.emit() && (this.state = "closing", this.startUpdate(), this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
+      this.state !== "opened" || !this.dispatchBeforeCloseEvent() || (this.state = "closing", this.startUpdate(), this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing());
     }
     _isZeroAnimationDuration() {
       return F(this, "--sbb-navigation-animation-duration");
     }
     _handleClosing() {
-      this.state = "closed", this.hidePopover?.(), this.navigationContent?.scrollTo(0, 0), this._inertController.deactivate(), this._triggerElement?.focus(), this._escapableOverlayController.disconnect(), this.didClose.emit(), this._navigationResizeObserver.unobserve(this), this._resetMarkers(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll(), this.completeUpdate();
+      this.state = "closed", this.hidePopover?.(), this.navigationContent?.scrollTo(0, 0), this._inertController.deactivate(), this._triggerElement?.focus(), this._escapableOverlayController.disconnect(), this.dispatchCloseEvent(), this._navigationResizeObserver.unobserve(this), this._resetMarkers(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll(), this.completeUpdate();
     }
     _handleOpening() {
-      this.state = "opened", this._navigationResizeObserver.observe(this), this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this.completeUpdate(), this.didOpen.emit();
+      this.state = "opened", this._navigationResizeObserver.observe(this), this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this.completeUpdate(), this.dispatchOpenEvent();
     }
     // Removes trigger click listener on trigger change.
     // Check if the trigger is valid and attach click event listeners.
@@ -167,7 +167,7 @@ let _t = (() => {
           id="sbb-navigation-overlay"
           @animationend=${this._onAnimationEnd}
           class="sbb-navigation"
-          ${R((i) => this._navigation = i)}
+          ${B((i) => this._navigation = i)}
         >
           <div class="sbb-navigation__header">${t}</div>
           <div class="sbb-navigation__wrapper">
@@ -182,13 +182,13 @@ let _t = (() => {
     }
   }, c = new WeakMap(), v = new WeakMap(), g = new WeakMap(), r = o, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    _ = [$(), z()], w = [Z(), z({ attribute: "accessibility-close-label" })], x = [q()], p(o, null, _, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (i) => "trigger" in i, get: (i) => i.trigger, set: (i, s) => {
+    _ = [$(), z()], y = [Z(), z({ attribute: "accessibility-close-label" })], x = [q()], p(o, null, _, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (i) => "trigger" in i, get: (i) => i.trigger, set: (i, s) => {
       i.trigger = s;
-    } }, metadata: t }, f, k), p(o, null, w, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (i) => "accessibilityCloseLabel" in i, get: (i) => i.accessibilityCloseLabel, set: (i, s) => {
+    } }, metadata: t }, f, k), p(o, null, y, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (i) => "accessibilityCloseLabel" in i, get: (i) => i.accessibilityCloseLabel, set: (i, s) => {
       i.accessibilityCloseLabel = s;
-    } }, metadata: t }, y, C), p(o, null, x, { kind: "accessor", name: "_activeNavigationSection", static: !1, private: !1, access: { has: (i) => "_activeNavigationSection" in i, get: (i) => i._activeNavigationSection, set: (i, s) => {
+    } }, metadata: t }, w, C), p(o, null, x, { kind: "accessor", name: "_activeNavigationSection", static: !1, private: !1, access: { has: (i) => "_activeNavigationSection" in i, get: (i) => i._activeNavigationSection, set: (i, s) => {
       i._activeNavigationSection = s;
-    } }, metadata: t }, S, A), p(null, n = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, e), r = n.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+    } }, metadata: t }, S, E), p(null, n = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, e), r = n.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
   })(), o.role = "navigation", o.styles = Q, l(r, e), r;
 })();
 export {

package/navigation/navigation-button/navigation-button.component.d.ts

@@ -4,7 +4,6 @@ declare const SbbNavigationButtonElement_base: import('../../core/mixins.js').Ab
  * It displays a button element that can be used in the `sbb-navigation` component.
  *
  * @slot - Use the unnamed slot to add content to the `sbb-navigation-button`.
- * @overrideType value - string
  */
 export declare class SbbNavigationButtonElement extends SbbNavigationButtonElement_base {
 }

package/navigation/navigation-button/navigation-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-button/navigation-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;;GAKG;AACH,qBAEM,0BAA2B,SAAQ,+BAExC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"navigation-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/navigation/navigation-button/navigation-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAGnE;;;;GAIG;AACH,qBAEM,0BAA2B,SAAQ,+BAExC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/notification/notification.component.d.ts

@@ -5,20 +5,16 @@ declare const SbbNotificationElement_base: import('../core/mixins.js').AbstractC
  *
  * @slot - Use the unnamed slot to add content to the `sbb-notification`. Content should consist of an optional `sbb-title` element and text content.
  * @slot title - Slot for the title. For the standard `sbb-title` element, the slot is automatically assigned when slotted in the unnamed slot.
- * @event {CustomEvent<void>} willOpen - Emits when the opening animation starts.
- * @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.
  * @cssprop [--sbb-notification-margin=0] - Can be used to modify the margin in order to get a smoother animation.
  * See style section for more information.
  */
 export declare class SbbNotificationElement extends SbbNotificationElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
-        readonly willOpen: "willOpen";
-        readonly didOpen: "didOpen";
-        readonly willClose: "willClose";
-        readonly didClose: "didClose";
+        readonly beforeopen: "beforeopen";
+        readonly open: "open";
+        readonly beforeclose: "beforeclose";
+        readonly close: "close";
     };
     /** The type of the notification. */
     accessor type: 'info' | 'success' | 'warn' | 'error';
@@ -36,17 +32,10 @@ export declare class SbbNotificationElement extends SbbNotificationElement_base
     private _resizeObserverTimeout;
     private _language;
     private _notificationResizeObserver;
-    /** Emits whenever the `sbb-notification` starts the opening transition. */
-    private _willOpen;
-    /** Emits whenever the `sbb-notification` is opened. */
-    private _didOpen;
-    /** Emits whenever the `sbb-notification` begins the closing transition. */
-    private _willClose;
-    /** Emits whenever the `sbb-notification` is closed. */
-    private _didClose;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _open;
     close(): void;
+    private _dispatchBeforeCloseEvent;
     connectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _isZeroAnimationDuration;

package/notification/notification.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../src/elements/notification/notification.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAab,OAAO,+BAA+B,CAAC;AACvC,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;;AAWpB;;;;;;;;;;;GAWG;AACH,qBAEM,sBAAuB,SAAQ,2BAA4B;IAE/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,oCAAoC;IACpC,SAA6C,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAU;IAElG;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG,qCAAqC;IACrC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,2BAA2B,CAIhC;IAEH,2EAA2E;IAC3E,OAAO,CAAC,SAAS,CAIf;IAEF,uDAAuD;IACvD,OAAO,CAAC,QAAQ,CAId;IAEF,2EAA2E;IAC3E,OAAO,CAAC,UAAU,CAIhB;IAEF,uDAAuD;IACvD,OAAO,CAAC,SAAS,CAIf;cAEiB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,KAAK;IAaN,KAAK,IAAI,IAAI;IAYJ,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,eAAe;cAQJ,MAAM,IAAI,cAAc;CA+B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../src/elements/notification/notification.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAYb,OAAO,+BAA+B,CAAC;AACvC,OAAO,eAAe,CAAC;AACvB,OAAO,YAAY,CAAC;;AAWpB;;;;;;;GAOG;AACH,qBAEM,sBAAuB,SAAQ,2BAA4B;IAE/D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,oCAAoC;IACpC,SAA6C,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAU;IAElG;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,8BAA8B;IAC9B,SAA6C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAS;IAElG,qCAAqC;IACrC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,oBAAoB,CAAe;IAC3C,OAAO,CAAC,sBAAsB,CAA8C;IAC5E,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,2BAA2B,CAIhC;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5E,OAAO,CAAC,KAAK;IAcN,KAAK,IAAI,IAAI;IAYpB,OAAO,CAAC,yBAAyB;IAKjB,iBAAiB,IAAI,IAAI;cAMtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,2BAA2B;IAUnC,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,eAAe;cAQJ,MAAM,IAAI,cAAc;CA+B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

package/notification/notification.component.js

@@ -1,64 +1,63 @@
 var T = (o) => {
   throw TypeError(o);
 };
-var S = (o, n, a) => n.has(o) || T("Cannot " + a);
-var m = (o, n, a) => (S(o, n, "read from private field"), a ? a.call(o) : n.get(o)), p = (o, n, a) => n.has(o) ? T("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, a), r = (o, n, a, s) => (S(o, n, "write to private field"), s ? s.call(o, a) : n.set(o, a), a);
-import { __runInitializers as b, __esDecorate as g } from "tslib";
-import { ResizeController as $ } from "@lit-labs/observers/resize-controller.js";
-import { css as D, LitElement as R, nothing as I, html as A } from "lit";
-import { customElement as H, property as _ } from "lit/decorators.js";
-import { SbbLanguageController as U } from "../core/controllers.js";
-import { isLean as L, isZeroAnimationDuration as Z } from "../core/dom.js";
-import { EventEmitter as v } from "../core/eventing.js";
-import { i18nCloseNotification as M } from "../core/i18n.js";
-import { SbbReadonlyMixin as j } from "../core/mixins.js";
+var N = (o, n, a) => n.has(o) || T("Cannot " + a);
+var h = (o, n, a) => (N(o, n, "read from private field"), a ? a.call(o) : n.get(o)), p = (o, n, a) => n.has(o) ? T("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, a), r = (o, n, a, s) => (N(o, n, "write to private field"), s ? s.call(o, a) : n.set(o, a), a);
+import { __runInitializers as b, __esDecorate as m } from "tslib";
+import { ResizeController as S } from "@lit-labs/observers/resize-controller.js";
+import { css as A, LitElement as $, nothing as D, html as C } from "lit";
+import { customElement as R, property as g } from "lit/decorators.js";
+import { SbbLanguageController as I } from "../core/controllers.js";
+import { isLean as H, isZeroAnimationDuration as U } from "../core/dom.js";
+import { i18nCloseNotification as L } from "../core/i18n.js";
+import { SbbReadonlyMixin as Z } from "../core/mixins.js";
 import "../button/secondary-button.js";
 import "../divider.js";
 import "../icon.js";
-const q = D`*,:before,:after{box-sizing:border-box}:host{--sbb-notification-margin: 0;--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-notification-color: var(--sbb-color-charcoal);--sbb-notification-icon-color: var(--sbb-notification-type-color);--sbb-notification-icon-margin-block-start: 0;--sbb-notification-border-width: var(--sbb-border-width-1x);--sbb-notification-border: var(--sbb-notification-border-width) solid var(--sbb-notification-type-color);--sbb-notification-base-radius: var(--sbb-border-radius-4x);--sbb-notification-border-radius: calc(var(--sbb-notification-base-radius) / 2) var(--sbb-notification-base-radius) var(--sbb-notification-base-radius) calc(var(--sbb-notification-base-radius) / 2);--sbb-notification-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-notification-timing-function: ease-in;--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs);--_sbb-notification-icon-authoritative-font-size: 1em;--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-body-text);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block}:host([data-state=opening]:not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-state=closing]:not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-resize-disable-animation]){--sbb-disable-animation-duration: 0s}:host([type=info]){--sbb-notification-type-color: var(--sbb-color-smoke);--sbb-notification-type-color-sass: rgb(249.3, 249.3, 249.3);--sbb-notification-icon-color: var(--sbb-notification-color)}:host([type=success]){--sbb-notification-type-color: var(--sbb-color-green);--sbb-notification-type-color-sass: rgb(242.25, 249.15, 244.95)}:host([type=warn]){--sbb-notification-type-color: var(--sbb-color-peach);--sbb-notification-type-color-sass: rgb(254.85, 251.6, 242.25);--sbb-notification-icon-color: var(--sbb-notification-color)}:host([type=error]){--sbb-notification-type-color: var(--sbb-color-red);--sbb-notification-type-color-sass: rgb(254, 242.25, 242.25)}:host([size=s]){--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xxs)}@media (min-width: 37.5rem){:host([size=s]){--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs)}}.sbb-notification__wrapper{position:relative;inset-inline-start:calc(var(--sbb-notification-base-radius) - var(--sbb-notification-border-width));width:calc(100% - (var(--sbb-notification-base-radius) - var(--sbb-notification-border-width)));border:var(--sbb-notification-border);border-radius:var(--sbb-notification-border-radius);opacity:0;max-height:0;margin:0}.sbb-notification__wrapper:before{content:"";position:absolute;inset:calc(var(--sbb-notification-border-width) * -1) var(--sbb-notification-base-radius) calc(var(--sbb-notification-border-width) * -1) calc(var(--sbb-notification-base-radius) * -1);background-color:var(--sbb-notification-type-color);border:var(--sbb-notification-border);border-radius:var(--sbb-notification-base-radius)}:host(:is([data-state=opened],[data-state=closing])) .sbb-notification__wrapper{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}:host([data-state=opening]) .sbb-notification__wrapper{animation-name:open;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function)}:host([data-state=closing]) .sbb-notification__wrapper{animation-name:close,close-height;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-notification{--sbb-text-font-size: var(--sbb-font-size-text-s);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);position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:var(--sbb-notification-padding-block);padding-inline:var(--sbb-notification-padding-inline);color:var(--sbb-notification-color);border-radius:var(--sbb-notification-border-radius);overflow:hidden;background-color:var(--sbb-notification-type-color-sass)}@supports (background-color: color-mix(in srgb,transparent 5%,white)){.sbb-notification{background-color:color-mix(in srgb,var(--sbb-notification-type-color) 5%,white)}}@media (min-width: 37.5rem){.sbb-notification{grid-template-columns:auto 1fr auto;align-items:flex-start}}:host([size=s]) .sbb-notification{--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)}.sbb-notification__icon{color:var(--sbb-notification-icon-color);--sbb-icon-svg-width: var(--sbb-notification-icon-size)}@media (min-width: 37.5rem){.sbb-notification__icon{margin-block-start:max(0rem,(var(--_sbb-notification-icon-authoritative-font-size) * var(--_sbb-notification-icon-authoritative-line-height) - var(--sbb-size-icon-ui-small)) / 2)}}.sbb-notification__content{order:3;grid-area:2/1/3/3;margin-block-start:var(--sbb-spacing-fixed-2x)}@media (min-width: 37.5rem){.sbb-notification__content{order:initial;grid-area:initial;margin-block-start:0;padding-inline:var(--sbb-notification-content-padding-inline)}}.sbb-notification__text{display:inline;margin:0;padding:0}.sbb-notification__close-wrapper{display:flex;align-items:center;gap:var(--sbb-spacing-responsive-xxs);height:100%}.sbb-notification__divider{--sbb-divider-color: var(--sbb-notification-type-color);display:none;position:relative;inset-inline-start:var(--sbb-border-width-1x);opacity:.2}@media (min-width: 37.5rem){.sbb-notification__divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{opacity:0;max-height:0;margin:0}to{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}}@keyframes close{0%{opacity:1;margin:var(--sbb-notification-margin, 0)}to{opacity:0;margin:0}}@keyframes close-height{0%{max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2)}to{max-height:0}}::slotted(sbb-title){margin:0}`, B = /* @__PURE__ */ new Map([
+const B = A`*,:before,:after{box-sizing:border-box}:host{--sbb-notification-margin: 0;--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-notification-color: var(--sbb-color-charcoal);--sbb-notification-icon-color: var(--sbb-notification-type-color);--sbb-notification-icon-margin-block-start: 0;--sbb-notification-border-width: var(--sbb-border-width-1x);--sbb-notification-border: var(--sbb-notification-border-width) solid var(--sbb-notification-type-color);--sbb-notification-base-radius: var(--sbb-border-radius-4x);--sbb-notification-border-radius: calc(var(--sbb-notification-base-radius) / 2) var(--sbb-notification-base-radius) var(--sbb-notification-base-radius) calc(var(--sbb-notification-base-radius) / 2);--sbb-notification-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-notification-timing-function: ease-in;--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xs);--_sbb-notification-icon-authoritative-font-size: 1em;--_sbb-notification-icon-authoritative-line-height: var(--sbb-typo-line-height-body-text);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block}:host([data-state=opening]:not([animation=open],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-state=closing]:not([animation=close],[animation=all])){--sbb-disable-animation-duration: 0s}:host([data-resize-disable-animation]){--sbb-disable-animation-duration: 0s}:host([type=info]){--sbb-notification-type-color: var(--sbb-color-smoke);--sbb-notification-type-color-sass: rgb(249.3, 249.3, 249.3);--sbb-notification-icon-color: var(--sbb-notification-color)}:host([type=success]){--sbb-notification-type-color: var(--sbb-color-green);--sbb-notification-type-color-sass: rgb(242.25, 249.15, 244.95)}:host([type=warn]){--sbb-notification-type-color: var(--sbb-color-peach);--sbb-notification-type-color-sass: rgb(254.85, 251.6, 242.25);--sbb-notification-icon-color: var(--sbb-notification-color)}:host([type=error]){--sbb-notification-type-color: var(--sbb-color-red);--sbb-notification-type-color-sass: rgb(254, 242.25, 242.25)}:host([size=s]){--sbb-notification-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs) var(--sbb-spacing-responsive-xxxs);--sbb-notification-content-padding-inline: var(--sbb-spacing-responsive-xxxs) var(--sbb-spacing-responsive-xxs)}@media (min-width: 37.5rem){:host([size=s]){--sbb-notification-padding-inline: var(--sbb-spacing-responsive-xxs)}}.sbb-notification__wrapper{position:relative;inset-inline-start:calc(var(--sbb-notification-base-radius) - var(--sbb-notification-border-width));width:calc(100% - (var(--sbb-notification-base-radius) - var(--sbb-notification-border-width)));border:var(--sbb-notification-border);border-radius:var(--sbb-notification-border-radius);opacity:0;max-height:0;margin:0}.sbb-notification__wrapper:before{content:"";position:absolute;inset:calc(var(--sbb-notification-border-width) * -1) var(--sbb-notification-base-radius) calc(var(--sbb-notification-border-width) * -1) calc(var(--sbb-notification-base-radius) * -1);background-color:var(--sbb-notification-type-color);border:var(--sbb-notification-border);border-radius:var(--sbb-notification-base-radius)}:host(:is([data-state=opened],[data-state=closing])) .sbb-notification__wrapper{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}:host([data-state=opening]) .sbb-notification__wrapper{animation-name:open;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function)}:host([data-state=closing]) .sbb-notification__wrapper{animation-name:close,close-height;animation-fill-mode:forwards;animation-duration:var(--sbb-notification-animation-duration);animation-timing-function:var(--sbb-notification-timing-function);animation-delay:0s,var(--sbb-disable-animation-duration, var(--sbb-animation-duration-2x))}.sbb-notification{--sbb-text-font-size: var(--sbb-font-size-text-s);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);position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:var(--sbb-notification-padding-block);padding-inline:var(--sbb-notification-padding-inline);color:var(--sbb-notification-color);border-radius:var(--sbb-notification-border-radius);overflow:hidden;background-color:var(--sbb-notification-type-color-sass)}@supports (background-color: color-mix(in srgb,transparent 5%,white)){.sbb-notification{background-color:color-mix(in srgb,var(--sbb-notification-type-color) 5%,white)}}@media (min-width: 37.5rem){.sbb-notification{grid-template-columns:auto 1fr auto;align-items:flex-start}}:host([size=s]) .sbb-notification{--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)}.sbb-notification__icon{color:var(--sbb-notification-icon-color);--sbb-icon-svg-width: var(--sbb-notification-icon-size)}@media (min-width: 37.5rem){.sbb-notification__icon{margin-block-start:max(0rem,(var(--_sbb-notification-icon-authoritative-font-size) * var(--_sbb-notification-icon-authoritative-line-height) - var(--sbb-size-icon-ui-small)) / 2)}}.sbb-notification__content{order:3;grid-area:2/1/3/3;margin-block-start:var(--sbb-spacing-fixed-2x)}@media (min-width: 37.5rem){.sbb-notification__content{order:initial;grid-area:initial;margin-block-start:0;padding-inline:var(--sbb-notification-content-padding-inline)}}.sbb-notification__text{display:inline;margin:0;padding:0}.sbb-notification__close-wrapper{display:flex;align-items:center;gap:var(--sbb-spacing-responsive-xxs);height:100%}.sbb-notification__divider{--sbb-divider-color: var(--sbb-notification-type-color);display:none;position:relative;inset-inline-start:var(--sbb-border-width-1x);opacity:.2}@media (min-width: 37.5rem){.sbb-notification__divider{display:block;height:calc(100% - var(--sbb-spacing-fixed-1x) * 2)}}@keyframes open{0%{opacity:0;max-height:0;margin:0}to{opacity:1;max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2);margin:var(--sbb-notification-margin, 0)}}@keyframes close{0%{opacity:1;margin:var(--sbb-notification-margin, 0)}to{opacity:0;margin:0}}@keyframes close-height{0%{max-height:calc(var(--sbb-notification-height) + var(--sbb-notification-border-width) * 2)}to{max-height:0}}::slotted(sbb-title){margin:0}`, M = /* @__PURE__ */ new Map([
   ["info", "circle-information-small"],
   ["success", "circle-tick-small"],
   ["warn", "circle-exclamation-point-small"],
   ["error", "circle-cross-small"]
-]), P = 150;
-let ei = (() => {
-  var l, d, f, e;
-  let o = [H("sbb-notification")], n, a = [], s, u = j(R), y, x = [], w = [], z, k = [], O = [], C, E = [], N = [];
-  var c = (e = class extends u {
+]), j = 150;
+let oi = (() => {
+  var c, l, d, e;
+  let o = [R("sbb-notification")], n, a = [], s, v = Z($), _, u = [], y = [], x, z = [], w = [], k, E = [], O = [];
+  return e = class extends v {
     constructor() {
       super(...arguments);
+      p(this, c);
       p(this, l);
       p(this, d);
-      p(this, f);
-      r(this, l, b(this, x, "info")), r(this, d, (b(this, w), b(this, k, L() ? "s" : "m"))), r(this, f, (b(this, O), b(this, E, "all"))), this._notificationElement = b(this, N), this._resizeObserverTimeout = null, this._language = new U(this), this._notificationResizeObserver = new $(this, {
+      r(this, c, b(this, u, "info")), r(this, l, (b(this, y), b(this, z, H() ? "s" : "m"))), r(this, d, (b(this, w), b(this, E, "all"))), this._notificationElement = b(this, O), this._resizeObserverTimeout = null, this._language = new I(this), this._notificationResizeObserver = new S(this, {
         target: null,
         skipInitial: !0,
         callback: () => this._onNotificationResize()
-      }), this._willOpen = new v(this, c.events.willOpen, { cancelable: !0 }), this._didOpen = new v(this, c.events.didOpen, { cancelable: !0 }), this._willClose = new v(this, c.events.willClose, { cancelable: !0 }), this._didClose = new v(this, c.events.didClose, { cancelable: !0 });
+      });
     }
     /** The type of the notification. */
     get type() {
-      return m(this, l);
+      return h(this, c);
     }
     set type(i) {
-      r(this, l, i);
+      r(this, c, i);
     }
     /**
      * Size variant, either s or m.
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return m(this, d);
+      return h(this, l);
     }
     set size(i) {
-      r(this, d, i);
+      r(this, l, i);
     }
     /** The enabled animations. */
     get animation() {
-      return m(this, f);
+      return h(this, d);
     }
     set animation(i) {
-      r(this, f, i);
+      r(this, d, i);
     }
     /** The state of the notification. */
     set _state(i) {
@@ -71,10 +70,13 @@ let ei = (() => {
       super.willUpdate(i), i.has("size") && this._configureTitle();
     }
     _open() {
-      this._state === "closed" && (this._state = "opening", this._willOpen.emit(), this._isZeroAnimationDuration() && this._handleOpening());
+      this._state === "closed" && (this._state = "opening", this.dispatchEvent(new Event("beforeopen")), this._isZeroAnimationDuration() && this._handleOpening());
     }
     close() {
-      this._state === "opened" && this._willClose.emit() && (this._state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
+      this._state === "opened" && this._dispatchBeforeCloseEvent() && (this._state = "closing", this._isZeroAnimationDuration() && this._handleClosing());
+    }
+    _dispatchBeforeCloseEvent() {
+      return this.dispatchEvent(new Event("beforeclose", { cancelable: !0 }));
     }
     connectedCallback() {
       this._state ||= "closed", super.connectedCallback();
@@ -85,7 +87,7 @@ let ei = (() => {
       });
     }
     _isZeroAnimationDuration() {
-      return Z(this, "--sbb-notification-animation-duration");
+      return U(this, "--sbb-notification-animation-duration");
     }
     _setNotificationHeight() {
       if (!this._notificationElement?.scrollHeight)
@@ -94,16 +96,16 @@ let ei = (() => {
       this.style.setProperty("--sbb-notification-height", i);
     }
     _onNotificationResize() {
-      this._state === "opened" && (this._resizeObserverTimeout && clearTimeout(this._resizeObserverTimeout), this.toggleAttribute("data-resize-disable-animation", !0), this._resizeObserverTimeout = setTimeout(() => this.removeAttribute("data-resize-disable-animation"), P), setTimeout(() => this._setNotificationHeight()));
+      this._state === "opened" && (this._resizeObserverTimeout && clearTimeout(this._resizeObserverTimeout), this.toggleAttribute("data-resize-disable-animation", !0), this._resizeObserverTimeout = setTimeout(() => this.removeAttribute("data-resize-disable-animation"), j), setTimeout(() => this._setNotificationHeight()));
     }
     _onNotificationAnimationEnd(i) {
       this._state === "opening" && i.animationName === "open" && this._handleOpening(), this._state === "closing" && i.animationName === "close-height" && this._handleClosing();
     }
     _handleOpening() {
-      this._state = "opened", this._notificationResizeObserver.observe(this._notificationElement), this._didOpen.emit();
+      this._state = "opened", this._notificationResizeObserver.observe(this._notificationElement), this.dispatchEvent(new Event("open"));
     }
     _handleClosing() {
-      this._state = "closed", this._didClose.emit(), this._notificationResizeObserver.unobserve(this._notificationElement), setTimeout(() => this.remove());
+      this._state = "closed", this.dispatchEvent(new Event("close")), this._notificationResizeObserver.unobserve(this._notificationElement), setTimeout(() => this.remove());
     }
     _handleSlotchange() {
       const i = Array.from(this.children).find((t) => t.localName === "sbb-title");
@@ -114,12 +116,12 @@ let ei = (() => {
       i && (customElements.upgrade(i), i.visualLevel = this.size === "m" ? "5" : "6");
     }
     render() {
-      return A`
+      return C`
       <div class="sbb-notification__wrapper" @animationend=${this._onNotificationAnimationEnd}>
         <div class="sbb-notification">
           <sbb-icon
             class="sbb-notification__icon"
-            name=${B.get(this.type)}
+            name=${M.get(this.type)}
           ></sbb-icon>
           <span class="sbb-notification__content">
             <slot name="title" @slotchange=${this._configureTitle}></slot>
@@ -128,13 +130,13 @@ let ei = (() => {
             </p>
           </span>
 
-          ${this.readOnly ? I : A`<span class="sbb-notification__close-wrapper">
+          ${this.readOnly ? D : C`<span class="sbb-notification__close-wrapper">
                 <sbb-divider class="sbb-notification__divider" orientation="vertical"></sbb-divider>
                 <sbb-secondary-button
                   size=${this.size}
                   icon-name="cross-small"
                   @click=${() => this.close()}
-                  aria-label=${M[this._language.current]}
+                  aria-label=${L[this._language.current]}
                   class="sbb-notification__close"
                 ></sbb-secondary-button>
               </span>`}
@@ -142,23 +144,22 @@ let ei = (() => {
       </div>
     `;
     }
-  }, l = new WeakMap(), d = new WeakMap(), f = new WeakMap(), s = e, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    y = [_({ reflect: !0 })], z = [_({ reflect: !0 })], C = [_({ reflect: !0 })], g(e, null, y, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, h) => {
-      t.type = h;
-    } }, metadata: i }, x, w), g(e, null, z, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
-      t.size = h;
-    } }, metadata: i }, k, O), g(e, null, C, { kind: "accessor", name: "animation", static: !1, private: !1, access: { has: (t) => "animation" in t, get: (t) => t.animation, set: (t, h) => {
-      t.animation = h;
-    } }, metadata: i }, E, N), g(null, n = { value: s }, o, { kind: "class", name: s.name, metadata: i }, null, a), c = s = n.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), e.styles = q, e.events = {
-    willOpen: "willOpen",
-    didOpen: "didOpen",
-    willClose: "willClose",
-    didClose: "didClose"
-  }, b(s, a), e);
-  return c = s;
+  }, c = new WeakMap(), l = new WeakMap(), d = new WeakMap(), s = e, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    _ = [g({ reflect: !0 })], x = [g({ reflect: !0 })], k = [g({ reflect: !0 })], m(e, null, _, { kind: "accessor", name: "type", static: !1, private: !1, access: { has: (t) => "type" in t, get: (t) => t.type, set: (t, f) => {
+      t.type = f;
+    } }, metadata: i }, u, y), m(e, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, f) => {
+      t.size = f;
+    } }, metadata: i }, z, w), m(e, null, k, { kind: "accessor", name: "animation", static: !1, private: !1, access: { has: (t) => "animation" in t, get: (t) => t.animation, set: (t, f) => {
+      t.animation = f;
+    } }, metadata: i }, E, O), m(null, n = { value: s }, o, { kind: "class", name: s.name, metadata: i }, null, a), s = n.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), e.styles = B, e.events = {
+    beforeopen: "beforeopen",
+    open: "open",
+    beforeclose: "beforeclose",
+    close: "close"
+  }, b(s, a), s;
 })();
 export {
-  ei as SbbNotificationElement
+  oi as SbbNotificationElement
 };

package/option/option/option-base-element.d.ts

@@ -1,7 +1,9 @@
 import { LitElement, nothing, PropertyValues, TemplateResult } from 'lit';
-import { EventEmitter } from '../../core/eventing.js';
 declare const SbbOptionBaseElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
 export declare abstract class SbbOptionBaseElement<T = string> extends SbbOptionBaseElement_base {
+    static readonly events: {
+        readonly optionselected: "optionselected";
+    };
     protected abstract optionId: string;
     /**
      * Value of the option.
@@ -15,8 +17,6 @@ export declare abstract class SbbOptionBaseElement<T = string> extends SbbOption
     /** Whether the option is selected. */
     set selected(value: boolean);
     get selected(): boolean;
-    /** Emits when an option was selected by user. */
-    protected abstract optionSelected: EventEmitter;
     /** Whether to apply the negative styling */
     protected accessor negative: boolean;
     /** Whether the component must be set disabled due disabled attribute on sbb-optgroup. */
@@ -59,5 +59,10 @@ export declare abstract class SbbOptionBaseElement<T = string> extends SbbOption
     protected renderTick(): TemplateResult | typeof nothing;
     protected render(): TemplateResult;
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        optionselected: CustomEvent<void>;
+    }
+}
 export {};
 //# sourceMappingURL=option-base-element.d.ts.map

package/option/option/option-base-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,OAAO,6BAA6B,CAAC;;AAoBrC,8BAEe,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,yBAEvD;IACC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,EAOxB;IACD,IAAW,KAAK,IAAI,CAAC,CAEpB;IACD,OAAO,CAAC,MAAM,CAAkB;IAEhC,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,iDAAiD;IACjD,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC;IAEhD,4CAA4C;IACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAE7C,yFAAyF;IAChF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,UAAS;IAE7C,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAG,MAAM,CAAC;IAE3C,0CAA0C;IACjC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAS;IAEnE,4CAA4C;IACnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuB;IAExD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;;IAwBnC,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,SAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAO3C,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IACzD,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IAEjD,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKzD;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAQpC,OAAO,CAAC,mBAAmB;IAI3B,2FAA2F;IAC3F,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAoBnE,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAuBtC,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAwB/C,SAAS,CAAC,UAAU,IAAI,cAAc;IAItC,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;IAIxD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;cAIpC,MAAM,IAAI,cAAc;CAmB5C"}
+{"version":3,"file":"option-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/option/option/option-base-element.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAY1F,OAAO,6BAA6B,CAAC;;AAoBrC,8BAEe,oBAAoB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,yBAEvD;IACC,gBAAuB,MAAM;;MAElB;IAEX,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAEpC;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,CAAC,EAOxB;IACD,IAAW,KAAK,IAAI,CAAC,CAEpB;IACD,OAAO,CAAC,MAAM,CAAkB;IAEhC,sCAAsC;IACtC,IACW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IACD,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,4CAA4C;IACnC,SAAS,CAAC,QAAQ,CAAC,QAAQ,UAAS;IAE7C,yFAAyF;IAChF,SAAS,CAAC,QAAQ,CAAC,iBAAiB,UAAS;IAE7C,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAG,MAAM,CAAC;IAE3C,0CAA0C;IACjC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAS;IAEnE,4CAA4C;IACnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAuB;IAExD,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAS;;IAwBnC,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;IAMP;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIrC,SAAS,CAAC,wBAAwB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAQ3C,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IACzD,SAAS,CAAC,QAAQ,CAAC,sBAAsB,IAAI,IAAI;IAEjD,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAKzD;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAItC,SAAS,CAAC,IAAI,IAAI,IAAI;IAItB,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAQpC,OAAO,CAAC,mBAAmB;IAI3B,2FAA2F;IAC3F,SAAS,CAAC,kBAAkB,CAAC,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI;IAoBnE,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAuBtC,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAwB/C,SAAS,CAAC,UAAU,IAAI,cAAc;IAItC,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,OAAO,OAAO;IAIxD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;cAIpC,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACnC;CACF"}