@sbb-esta/lyne-elements 1.15.1 → 2.0.0

package/popover/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAEM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAGtE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IAyBnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAgBxC,OAAO,CAAC,eAAe;IAWP,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IA8B9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/elements/popover/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAW1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,OAAO,EAA4B,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAahF,OAAO,kCAAkC,CAAC;;AAU1C;;;;;;;;;;;;GAYG;AACH,qBAEM,iBAAkB,SAAQ,sBAA0C;IACxE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAAQ;IAExE,iDAAiD;IACjD,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD,wDAAwD;IACxD,SAEgB,YAAY,EAAE,OAAO,CAAS;IAE9C,8CAA8C;IAC9C,SAEgB,SAAS,EAAE,MAAM,CAAK;IAEtC,+CAA+C;IAC/C,SAEgB,UAAU,EAAE,MAAM,CAAK;IAEvC,wEAAwE;IACxE,SAEgB,uBAAuB,EAAE,MAAM,CAAM;IAErD,sEAAsE;IACtE,UAAmB,SAAS,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAIvE;IAEF,kDAAkD;IAClD,UAAmB,QAAQ,EAAE,YAAY,CAAC;QAAE,WAAW,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAItE;IAEF,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,OAAO,CAAC,mBAAmB,CAAC,CAAc;IAC1C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,oBAAoB,CAAC,CAAc;IAC3C,OAAO,CAAC,4BAA4B,CAAC,CAAU;IAC/C,OAAO,CAAC,kBAAkB,CAAmB;IAC7C,OAAO,CAAC,oBAAoB,CAAmB;IAC/C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAC,CAAgC;IACtD,OAAO,CAAC,SAAS,CAAmC;IAEpD,0CAA0C;IACnC,IAAI,IAAI,IAAI;IA+BnB,0BAA0B;IACnB,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAqBxC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,eAAe;IAWP,iBAAiB,IAAI,IAAI;cAYtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAS5C,OAAO,CAAC,UAAU;IAuDlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,4BAA4B;IAUpC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAS3B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAM1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAMF,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,mBAAmB;cA6BR,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/popover/popover-trigger.js

@@ -5,11 +5,11 @@ import { SbbButtonBaseElement as v } from "../core/base-elements.js";
 import { hostContext as i } from "../core/dom.js";
 import { SbbDisabledTabIndexActionMixin as m, SbbNegativeMixin as h } from "../core/mixins.js";
 import { SbbIconNameMixin as p } from "../icon.js";
-const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host([disabled]){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host([disabled]){--sbb-popover-color: GrayText !important}}:host([disabled][negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small][disabled]) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small][disabled]) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not([disabled],:active,[data-active]):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(:active,[data-active])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small],[data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
+const g = c`*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-popover-color: inherit}@media (forced-colors: active){:host{--sbb-popover-color: ButtonText !important}}@media (any-hover: hover){:host(:hover){--sbb-popover-color: var(--sbb-color-iron)}:host(:hover[negative]){--sbb-popover-color: var(--sbb-color-cloud)}}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:is(:active,[data-active])){--sbb-popover-color: var(--sbb-color-anthracite)}:host(:is(:active,[data-active])[negative]){--sbb-popover-color: var(--sbb-color-cement)}:host(:is(:disabled,[disabled-interactive])){pointer-events:none;--sbb-popover-color: var(--sbb-color-graphite)}@media (forced-colors: active){:host(:is(:disabled,[disabled-interactive])){--sbb-popover-color: GrayText !important}}:host(:is(:disabled,[disabled-interactive])[negative]){--sbb-popover-color: var(--sbb-color-smoke)}:host([data-icon-small]){display:inline-block;-webkit-tap-highlight-color:transparent;height:fit-content;outline:none!important;--sbb-button-color-text: var(--sbb-color-charcoal);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-milk);--sbb-button-color-active-background: var(--sbb-color-cloud);--sbb-button-color-disabled-background: var(--sbb-color-milk);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-granite);--sbb-button-border-disabled-width: var(--sbb-border-width-1x);--sbb-button-border-disabled-style: dashed;--sbb-button-border-radius: var(--sbb-border-radius-infinity);--sbb-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-button-transition-easing-function: var(--sbb-animation-easing)}@media (forced-colors: active){:host([data-icon-small]){--sbb-button-color-text: ButtonText !important;--sbb-button-color-hover-background: Highlight !important;--sbb-button-color-active-background: Highlight !important;--sbb-button-color-disabled-background: Canvas !important;--sbb-button-color-disabled-border: GrayText !important;--sbb-button-color-disabled-text: GrayText !important}}:host([data-icon-small]) .sbb-popover-trigger{position:relative;transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:color;border-radius:var(--sbb-button-border-radius);color:var(--sbb-button-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}:host([data-icon-small]) .sbb-popover-trigger:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-button-border-radius);background-color:var(--sbb-button-color-default-background);transition-duration:var(--sbb-button-transition-duration);transition-timing-function:var(--sbb-button-transition-easing-function);transition-property:inset,background-color}sbb-icon{transition:transform var(--sbb-button-transition-duration) var(--sbb-button-transition-easing-function);transform:translateY(var(--sbb-button-translate-y-content-hover, 0rem));display:flex}:host([data-icon-small][negative]){--sbb-button-color-text: var(--sbb-color-milk);--sbb-button-color-default-background: var(--sbb-color-black-alpha-0);--sbb-button-color-hover-background: var(--sbb-color-charcoal);--sbb-button-color-active-background: var(--sbb-color-iron);--sbb-button-color-disabled-background: var(--sbb-color-charcoal);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host([data-icon-small]:is(:disabled,[disabled-interactive])) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-disabled-background);border:var(--sbb-button-border-disabled-width) var(--sbb-button-border-disabled-style) var(--sbb-button-color-disabled-border)}:host([data-icon-small]:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host([data-icon-small]:not(:disabled,[disabled-interactive],active):hover) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-hover-background)}}:host([data-icon-small]:is(active)) .sbb-popover-trigger:before{background-color:var(--sbb-button-color-active-background)}:host(:not([data-icon-small])) .sbb-popover-trigger{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;display:flex;cursor:pointer;color:var(--sbb-popover-color)}:host(:focus-visible:not([data-icon-small],[data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-popover-trigger{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-4x)}sbb-icon{min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small)}`;
 let T = (() => {
   var t;
-  let s = [u("sbb-popover-trigger")], b, a = [], o, e = m(h(p(v)));
-  return t = class extends e {
+  let s = [u("sbb-popover-trigger")], b, e = [], o, a = m(h(p(v)));
+  return t = class extends a {
     connectedCallback() {
       super.connectedCallback();
       const r = i("sbb-form-field", this) ?? i("[data-form-field]", this);
@@ -23,9 +23,9 @@ let T = (() => {
     `;
     }
   }, o = t, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, a), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), t.styles = g, l(o, a), o;
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    n(null, b = { value: o }, s, { kind: "class", name: o.name, metadata: r }, null, e), o = b.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), t.styles = g, l(o, e), o;
 })();
 export {
   T as SbbPopoverTriggerElement

package/popover/popover.js

@@ -1,29 +1,29 @@
-var j = (s) => {
+var q = (s) => {
   throw TypeError(s);
 };
-var K = (s, i, r) => i.has(s) || j("Cannot " + r);
-var p = (s, i, r) => (K(s, i, "read from private field"), r ? r.call(s) : i.get(s)), c = (s, i, r) => i.has(s) ? j("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (K(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
+var W = (s, i, r) => i.has(s) || q("Cannot " + r);
+var p = (s, i, r) => (W(s, i, "read from private field"), r ? r.call(s) : i.get(s)), c = (s, i, r) => i.has(s) ? q("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, r), n = (s, i, r, b) => (W(s, i, "write to private field"), b ? b.call(s, r) : i.set(s, r), r);
 import { __runInitializers as l, __esDecorate as h } from "tslib";
-import { css as G, isServer as Z, html as Q, nothing as J } from "lit";
-import { customElement as ee, property as y } from "lit/decorators.js";
-import { ref as te } from "lit/directives/ref.js";
-import { SbbFocusHandler as oe, IS_FOCUSABLE_QUERY as se, setModalityOnNextFocus as C, getFirstFocusableElement as ie } from "../core/a11y.js";
-import { SbbOpenCloseBaseElement as re } from "../core/base-elements.js";
-import { SbbMediaQueryPointerCoarse as ae, SbbLanguageController as ne } from "../core/controllers.js";
-import { forceType as w } from "../core/decorators.js";
-import { findReferencedElement as le } from "../core/dom.js";
-import { EventEmitter as V, composedPathHasAttribute as be } from "../core/eventing.js";
+import { css as X, isServer as V, html as j, nothing as G } from "lit";
+import { customElement as J, property as f } from "lit/decorators.js";
+import { ref as ee } from "lit/directives/ref.js";
+import { SbbFocusHandler as te, IS_FOCUSABLE_QUERY as oe, setModalityOnNextFocus as x, getFirstFocusableElement as se } from "../core/a11y.js";
+import { SbbOpenCloseBaseElement as ie } from "../core/base-elements.js";
+import { SbbMediaQueryPointerCoarse as re, SbbLanguageController as ae } from "../core/controllers.js";
+import { forceType as y } from "../core/decorators.js";
+import { isZeroAnimationDuration as ne, findReferencedElement as le } from "../core/dom.js";
+import { EventEmitter as K, composedPathHasAttribute as be } from "../core/eventing.js";
 import { i18nClosePopover as pe } from "../core/i18n.js";
 import { SbbHydrationMixin as ce } from "../core/mixins.js";
-import { isEventOnElement as X, removeAriaOverlayTriggerAttributes as he, setAriaOverlayTriggerAttributes as de, getElementPosition as ve } from "../core/overlay.js";
+import { isEventOnElement as Q, removeAriaOverlayTriggerAttributes as he, setAriaOverlayTriggerAttributes as de, getElementPosition as ve } from "../core/overlay.js";
 import "../button/secondary-button.js";
-const ue = G`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-time, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([data-state=closed])){--sbb-popover-inset: 0}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}.sbb-popover:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, ge = 16, _e = 32;
-let fe = 0;
-const E = /* @__PURE__ */ new Set(), me = Z ? !1 : matchMedia(ae).matches;
+const ue = X`*,:before,:after{box-sizing:border-box}:host{--sbb-popover-position: absolute;--sbb-popover-position-x: 0;--sbb-popover-position-y: 0;--sbb-popover-arrow-size: var(--sbb-spacing-fixed-4x);--sbb-popover-arrow-position-x: 0;--sbb-popover-max-width: calc(100% - var(--sbb-spacing-fixed-2x));--sbb-popover-inset: 0 auto auto 0;--sbb-popover-border-radius: var(--sbb-border-radius-8x);--sbb-popover-padding: var(--sbb-spacing-fixed-4x);--sbb-popover-background: var(--sbb-color-white);--sbb-popover-color: var(--sbb-color-charcoal);--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-popover-animation-easing: ease-out;--sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);display:block}:host([data-position=above]){--sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([data-state=closed])){--sbb-popover-inset: 0}.sbb-popover:after,.sbb-popover__content:before{content:"";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--sbb-popover-arrow-position-x);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index));color:var(--sbb-popover-color)}.sbb-popover{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color);display:none;position:var(--sbb-popover-position);pointer-events:all;top:var(--sbb-popover-position-y);bottom:unset;left:var(--sbb-popover-position-x);right:unset;border:none;border-radius:var(--sbb-popover-border-radius);padding:0;max-width:var(--sbb-popover-max-width);width:max-content;background-color:var(--sbb-popover-background);outline:none}.sbb-popover:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}:host([data-state]:not([data-state=closed])) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host([data-state][data-state=closing]) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}@media (forced-colors: active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host([data-position=above]) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media (forced-colors: active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:transparent}:host([data-position=below]) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host([data-position=above]) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);overflow:hidden;flex-direction:row-reverse}:host([data-position=above]) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@keyframes open{0%{opacity:0;transform:var(--sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-popover-transform)}}`, ge = 16, _e = 32;
+let me = 0;
+const E = /* @__PURE__ */ new Set(), fe = V ? !1 : matchMedia(re).matches;
 let Me = (() => {
-  var d, v, u, g, _, f, a;
-  let s = [ee("sbb-popover")], i, r = [], b, T = ce(re), k, L = [], S = [], D, z = [], P = [], O, A = [], B = [], F, M = [], I = [], H, R = [], $ = [], N, U = [], Y = [];
-  var x = (a = class extends T {
+  var d, v, u, g, _, m, a;
+  let s = [J("sbb-popover")], i, r = [], b, T = ce(ie), k, L = [], D = [], S, z = [], O = [], P, A = [], B = [], F, M = [], I = [], H, R = [], $ = [], N, U = [], Y = [];
+  var w = (a = class extends T {
     constructor() {
       super(...arguments);
       c(this, d);
@@ -31,11 +31,11 @@ let Me = (() => {
       c(this, u);
       c(this, g);
       c(this, _);
-      c(this, f);
-      n(this, d, l(this, L, null)), n(this, v, (l(this, S), l(this, z, !1))), n(this, u, (l(this, P), l(this, A, !1))), n(this, g, (l(this, B), l(this, M, 0))), n(this, _, (l(this, I), l(this, R, 0))), n(this, f, (l(this, $), l(this, U, ""))), this.willClose = (l(this, Y), new V(this, x.events.willClose)), this.didClose = new V(this, x.events.didClose), this._skipCloseFocus = !1, this._focusHandler = new oe(), this._hoverTrigger = !1, this._language = new ne(this), this._pointerDownListener = (t) => {
-        this._isPointerDownEventOnPopover = X(this._overlay, t);
-      }, this._closeOnBackdropClick = (t) => {
-        !this._isPointerDownEventOnPopover && !X(this._overlay, t) && (this._nextFocusedElement = t.composedPath().filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(se)), clearTimeout(this._closeTimeout), this.close());
+      c(this, m);
+      n(this, d, l(this, L, null)), n(this, v, (l(this, D), l(this, z, !1))), n(this, u, (l(this, O), l(this, A, !1))), n(this, g, (l(this, B), l(this, M, 0))), n(this, _, (l(this, I), l(this, R, 0))), n(this, m, (l(this, $), l(this, U, ""))), this.willClose = (l(this, Y), new K(this, w.events.willClose, { cancelable: !0 })), this.didClose = new K(this, w.events.didClose, { cancelable: !0 }), this._skipCloseFocus = !1, this._focusHandler = new te(), this._hoverTrigger = !1, this._language = new ae(this), this._pointerDownListener = (e) => {
+        this._isPointerDownEventOnPopover = Q(this._overlay, e);
+      }, this._closeOnBackdropClick = (e) => {
+        !this._isPointerDownEventOnPopover && !Q(this._overlay, e) && (this._nextFocusedElement = e.composedPath().filter((t) => t instanceof window.HTMLElement).find((t) => t.matches(oe)), clearTimeout(this._closeTimeout), this.close());
       }, this._onTriggerMouseEnter = () => {
         this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => this.open(), this.openDelay) : clearTimeout(this._closeTimeout);
       }, this._onTriggerMouseLeave = () => {
@@ -53,85 +53,101 @@ let Me = (() => {
     get trigger() {
       return p(this, d);
     }
-    set trigger(t) {
-      n(this, d, t);
+    set trigger(e) {
+      n(this, d, e);
     }
     /** Whether the close button should be hidden. */
     get hideCloseButton() {
       return p(this, v);
     }
-    set hideCloseButton(t) {
-      n(this, v, t);
+    set hideCloseButton(e) {
+      n(this, v, e);
     }
     /** Whether the popover should be triggered on hover. */
     get hoverTrigger() {
       return p(this, u);
     }
-    set hoverTrigger(t) {
-      n(this, u, t);
+    set hoverTrigger(e) {
+      n(this, u, e);
     }
     /** Open the popover after a certain delay. */
     get openDelay() {
       return p(this, g);
     }
-    set openDelay(t) {
-      n(this, g, t);
+    set openDelay(e) {
+      n(this, g, e);
     }
     /** Close the popover after a certain delay. */
     get closeDelay() {
       return p(this, _);
     }
-    set closeDelay(t) {
-      n(this, _, t);
+    set closeDelay(e) {
+      n(this, _, e);
     }
     /** This will be forwarded as aria-label to the close button element. */
     get accessibilityCloseLabel() {
-      return p(this, f);
+      return p(this, m);
     }
-    set accessibilityCloseLabel(t) {
-      n(this, f, t);
+    set accessibilityCloseLabel(e) {
+      n(this, m, e);
     }
     /** Opens the popover on trigger click. */
     open() {
-      var t;
+      var e;
       if (!(this.state !== "closed" && this.state !== "closing" || !this._overlay) && this.willOpen.emit()) {
-        for (const e of Array.from(E)) {
-          const o = e.getAttribute("data-state");
-          o && (o === "opened" || o === "opening") && e.close();
+        for (const t of Array.from(E)) {
+          const o = t.getAttribute("data-state");
+          o && (o === "opened" || o === "opening") && t.close();
         }
-        this.state = "opening", this.inert = !0, this._setPopoverPosition(), (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1;
+        this.state = "opening", this.inert = !0, this._setPopoverPosition(), (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
       }
     }
     /** Closes the popover. */
-    close(t) {
-      var e;
-      this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = t, this.willClose.emit({ closeTarget: t }) && (this.state = "closing", this.inert = !0, (e = this._triggerElement) == null || e.setAttribute("aria-expanded", "false")));
+    close(e) {
+      var t;
+      this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.willClose.emit({ closeTarget: e }) && (this.state = "closing", this.inert = !0, (t = this._triggerElement) == null || t.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
+    }
+    _isZeroAnimationDuration() {
+      return ne(this, "--sbb-popover-animation-duration");
+    }
+    _handleClosing() {
+      var e, t, o, Z;
+      if (this.state = "closed", (t = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || t.scrollTo(0, 0), (o = this._overlay) == null || o.removeAttribute("tabindex"), !this._skipCloseFocus) {
+        const C = this._nextFocusedElement || this._triggerElement;
+        x(C), C == null || C.focus();
+      }
+      this.didClose.emit({ closeTarget: this._popoverCloseElement }), (Z = this._openStateController) == null || Z.abort(), this._focusHandler.disconnect();
+    }
+    _handleOpening() {
+      this.state = "opened", this.didOpen.emit(), this.inert = !1, this._attachWindowEvents(), this._setPopoverFocus(), this._focusHandler.trap(this, {
+        postFilter: (e) => e !== this._overlay
+      });
     }
     // Closes the popover on "Esc" key pressed and traps focus within the popover.
-    _onKeydownEvent(t) {
-      if (this.state === "opened" && t.key === "Escape") {
+    _onKeydownEvent(e) {
+      if (this.state === "opened" && e.key === "Escape") {
         this.close();
         return;
       }
     }
     connectedCallback() {
-      super.connectedCallback(), this.id || (this.id = this.id || `sbb-popover-${++fe}`), this._configure(), this.state = "closed", E.add(this);
+      super.connectedCallback(), this.id || (this.id = this.id || `sbb-popover-${++me}`), this._configure(), this.state = "closed", E.add(this);
     }
-    willUpdate(t) {
-      var e, o;
-      super.willUpdate(t), t.has("trigger") && this.trigger !== t.get("trigger") && ((e = this._popoverController) == null || e.abort(), (o = this._openStateController) == null || o.abort(), this._configure()), t.has("hoverTrigger") && this._configure();
+    willUpdate(e) {
+      var t, o;
+      super.willUpdate(e), e.has("trigger") && this.trigger !== e.get("trigger") && ((t = this._popoverController) == null || t.abort(), (o = this._openStateController) == null || o.abort(), this._configure()), e.has("hoverTrigger") && this._configure();
     }
-    firstUpdated(t) {
-      super.firstUpdated(t), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
+    firstUpdated(e) {
+      super.firstUpdated(e), this._hoverTrigger && (this._overlay.addEventListener("mouseenter", () => this._onOverlayMouseEnter()), this._overlay.addEventListener("mouseleave", () => this._onOverlayMouseLeave()));
     }
     disconnectedCallback() {
-      var t, e;
-      super.disconnectedCallback(), (t = this._popoverController) == null || t.abort(), (e = this._openStateController) == null || e.abort(), this._focusHandler.disconnect(), E.delete(this);
+      var e, t;
+      super.disconnectedCallback(), (e = this._popoverController) == null || e.abort(), (t = this._openStateController) == null || t.abort(), this._focusHandler.disconnect(), E.delete(this);
     }
     // Check if the trigger is valid and attach click event listeners.
     _configure() {
-      var e;
-      if (Z)
+      var t;
+      if (V)
         return;
       if (this.hydrationRequired) {
         this.hydrationComplete.then(() => this._configure());
@@ -139,13 +155,13 @@ let Me = (() => {
       }
       if (he(this._triggerElement), !this.trigger || (this._triggerElement = le(this.trigger), !this._triggerElement))
         return;
-      de(this._triggerElement, "dialog", this.id, this.state), this._hoverTrigger = this.hoverTrigger && !me, (e = this._popoverController) == null || e.abort();
-      const { signal: t } = this._popoverController = new AbortController();
-      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: t }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: t }), this._triggerElement.addEventListener("keydown", (o) => {
+      de(this._triggerElement, "dialog", this.id, this.state), this._hoverTrigger = this.hoverTrigger && !fe, (t = this._popoverController) == null || t.abort();
+      const { signal: e } = this._popoverController = new AbortController();
+      this._hoverTrigger ? (this._triggerElement.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: e }), this._triggerElement.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: e }), this._triggerElement.addEventListener("keydown", (o) => {
         (o.code === "Space" || o.code === "Enter") && this.open();
-      }, { signal: t })) : this._triggerElement.addEventListener("click", () => {
+      }, { signal: e })) : this._triggerElement.addEventListener("click", () => {
         this.state === "closed" && this.open();
-      }, { signal: t });
+      }, { signal: e });
     }
     _attachWindowEvents() {
       this._openStateController = new AbortController(), document.addEventListener("scroll", () => this._setPopoverPosition(), {
@@ -154,7 +170,7 @@ let Me = (() => {
       }), window.addEventListener("resize", () => this._setPopoverPosition(), {
         passive: !0,
         signal: this._openStateController.signal
-      }), window.addEventListener("keydown", (t) => this._onKeydownEvent(t), {
+      }), window.addEventListener("keydown", (e) => this._onKeydownEvent(e), {
         signal: this._openStateController.signal
       }), window.addEventListener("pointerdown", this._pointerDownListener, {
         signal: this._openStateController.signal
@@ -163,35 +179,24 @@ let Me = (() => {
       });
     }
     // Close the popover on click of any element that has the 'sbb-popover-close' attribute.
-    _closeOnSbbPopoverCloseClick(t) {
-      const e = be(t, "sbb-popover-close", this);
-      e && !e.hasAttribute("disabled") && (clearTimeout(this._closeTimeout), this.close(e));
+    _closeOnSbbPopoverCloseClick(e) {
+      const t = be(e, "sbb-popover-close", this);
+      t && !t.hasAttribute("disabled") && (clearTimeout(this._closeTimeout), this.close(t));
     }
     // Set popover position (x, y) to '0' once the popover is closed and the transition ended to prevent the
     // viewport from overflowing. And set the focus to the first focusable element once the popover is open.
     // In rare cases it can be that the animationEnd event is triggered twice.
     // To avoid entering a corrupt state, exit when state is not expected.
-    _onPopoverAnimationEnd(t) {
-      var e, o, q, W;
-      if (t.animationName === "open" && this.state === "opening")
-        this.state = "opened", this.didOpen.emit(), this.inert = !1, this._attachWindowEvents(), this._setPopoverFocus(), this._focusHandler.trap(this, {
-          postFilter: (m) => m !== this._overlay
-        });
-      else if (t.animationName === "close" && this.state === "closing") {
-        if (this.state = "closed", (o = (e = this._overlay) == null ? void 0 : e.firstElementChild) == null || o.scrollTo(0, 0), (q = this._overlay) == null || q.removeAttribute("tabindex"), !this._skipCloseFocus) {
-          const m = this._nextFocusedElement || this._triggerElement;
-          C(m), m == null || m.focus();
-        }
-        this.didClose.emit({ closeTarget: this._popoverCloseElement }), (W = this._openStateController) == null || W.abort(), this._focusHandler.disconnect();
-      }
+    _onPopoverAnimationEnd(e) {
+      e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
     }
     // Set focus on the first focusable element.
     _setPopoverFocus() {
-      const t = this.shadowRoot.querySelector("[sbb-popover-close]") || ie(Array.from(this.children).filter((e) => e instanceof window.HTMLElement));
-      t ? (C(t), t.focus()) : (this._overlay.setAttribute("tabindex", "0"), C(this._overlay), this._overlay.focus(), this._overlay.addEventListener("blur", () => {
+      const e = this.shadowRoot.querySelector("[sbb-popover-close]") || se(Array.from(this.children).filter((t) => t instanceof window.HTMLElement));
+      e ? (x(e), e.focus()) : (this._overlay.setAttribute("tabindex", "0"), x(this._overlay), this._overlay.focus(), this._overlay.addEventListener("blur", () => {
         setTimeout(() => {
-          var e;
-          document.visibilityState !== "hidden" && ((e = this._overlay) == null || e.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
+          var t;
+          document.visibilityState !== "hidden" && ((t = this._overlay) == null || t.removeAttribute("tabindex"), (this.state === "opened" || this.state === "opening") && (this._skipCloseFocus = !0), this.close());
         });
       }, {
         signal: this._openStateController.signal
@@ -200,18 +205,18 @@ let Me = (() => {
     _setPopoverPosition() {
       if (!this._overlay || !this._triggerElement)
         return;
-      const t = ve(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
+      const e = ve(this._overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
         verticalOffset: ge,
         horizontalOffset: _e,
         centered: !0,
         responsiveHeight: !0
       });
-      this.setAttribute("data-position", t.alignment.vertical);
-      const e = this._triggerElement.getBoundingClientRect().left - t.left + this._triggerElement.clientWidth / 2 - 8;
-      this.style.setProperty("--sbb-popover-position-x", `${t.left}px`), this.style.setProperty("--sbb-popover-position-y", `${t.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${e}px`);
+      this.setAttribute("data-position", e.alignment.vertical);
+      const t = this._triggerElement.getBoundingClientRect().left - e.left + this._triggerElement.clientWidth / 2 - 8;
+      this.style.setProperty("--sbb-popover-position-x", `${e.left}px`), this.style.setProperty("--sbb-popover-position-y", `${e.top}px`), this.style.setProperty("--sbb-popover-arrow-position-x", `${t}px`);
     }
     render() {
-      const t = Q`
+      const e = j`
       <span class="sbb-popover__close">
         <sbb-secondary-button
           aria-label=${this.accessibilityCloseLabel || pe[this._language.current]}
@@ -222,19 +227,19 @@ let Me = (() => {
         ></sbb-secondary-button>
       </span>
     `;
-      return Q`
+      return j`
       <div class="sbb-popover__container">
         <div
-          @animationend=${(e) => this._onPopoverAnimationEnd(e)}
+          @animationend=${this._onPopoverAnimationEnd}
           class="sbb-popover"
           role="tooltip"
-          ${te((e) => this._overlay = e)}
+          ${ee((t) => this._overlay = t)}
         >
           <div
-            @click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
+            @click=${(t) => this._closeOnSbbPopoverCloseClick(t)}
             class="sbb-popover__content"
           >
-            ${!this.hideCloseButton && !this._hoverTrigger ? t : J}
+            ${!this.hideCloseButton && !this._hoverTrigger ? e : G}
             <span>
               <slot>No content</slot>
             </span>
@@ -243,23 +248,23 @@ let Me = (() => {
       </div>
     `;
     }
-  }, d = new WeakMap(), v = new WeakMap(), u = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), f = new WeakMap(), b = a, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
-    k = [y()], D = [w(), y({ attribute: "hide-close-button", type: Boolean })], O = [w(), y({ attribute: "hover-trigger", type: Boolean })], F = [w(), y({ attribute: "open-delay", type: Number })], H = [w(), y({ attribute: "close-delay", type: Number })], N = [w(), y({ attribute: "accessibility-close-label" })], h(a, null, k, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (e) => "trigger" in e, get: (e) => e.trigger, set: (e, o) => {
-      e.trigger = o;
-    } }, metadata: t }, L, S), h(a, null, D, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (e) => "hideCloseButton" in e, get: (e) => e.hideCloseButton, set: (e, o) => {
-      e.hideCloseButton = o;
-    } }, metadata: t }, z, P), h(a, null, O, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (e) => "hoverTrigger" in e, get: (e) => e.hoverTrigger, set: (e, o) => {
-      e.hoverTrigger = o;
-    } }, metadata: t }, A, B), h(a, null, F, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (e) => "openDelay" in e, get: (e) => e.openDelay, set: (e, o) => {
-      e.openDelay = o;
-    } }, metadata: t }, M, I), h(a, null, H, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (e) => "closeDelay" in e, get: (e) => e.closeDelay, set: (e, o) => {
-      e.closeDelay = o;
-    } }, metadata: t }, R, $), h(a, null, N, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (e) => "accessibilityCloseLabel" in e, get: (e) => e.accessibilityCloseLabel, set: (e, o) => {
-      e.accessibilityCloseLabel = o;
-    } }, metadata: t }, U, Y), h(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: t }, null, r), x = b = i.value, t && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  }, d = new WeakMap(), v = new WeakMap(), u = new WeakMap(), g = new WeakMap(), _ = new WeakMap(), m = new WeakMap(), b = a, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
+    k = [f()], S = [y(), f({ attribute: "hide-close-button", type: Boolean })], P = [y(), f({ attribute: "hover-trigger", type: Boolean })], F = [y(), f({ attribute: "open-delay", type: Number })], H = [y(), f({ attribute: "close-delay", type: Number })], N = [y(), f({ attribute: "accessibility-close-label" })], h(a, null, k, { kind: "accessor", name: "trigger", static: !1, private: !1, access: { has: (t) => "trigger" in t, get: (t) => t.trigger, set: (t, o) => {
+      t.trigger = o;
+    } }, metadata: e }, L, D), h(a, null, S, { kind: "accessor", name: "hideCloseButton", static: !1, private: !1, access: { has: (t) => "hideCloseButton" in t, get: (t) => t.hideCloseButton, set: (t, o) => {
+      t.hideCloseButton = o;
+    } }, metadata: e }, z, O), h(a, null, P, { kind: "accessor", name: "hoverTrigger", static: !1, private: !1, access: { has: (t) => "hoverTrigger" in t, get: (t) => t.hoverTrigger, set: (t, o) => {
+      t.hoverTrigger = o;
+    } }, metadata: e }, A, B), h(a, null, F, { kind: "accessor", name: "openDelay", static: !1, private: !1, access: { has: (t) => "openDelay" in t, get: (t) => t.openDelay, set: (t, o) => {
+      t.openDelay = o;
+    } }, metadata: e }, M, I), h(a, null, H, { kind: "accessor", name: "closeDelay", static: !1, private: !1, access: { has: (t) => "closeDelay" in t, get: (t) => t.closeDelay, set: (t, o) => {
+      t.closeDelay = o;
+    } }, metadata: e }, R, $), h(a, null, N, { kind: "accessor", name: "accessibilityCloseLabel", static: !1, private: !1, access: { has: (t) => "accessibilityCloseLabel" in t, get: (t) => t.accessibilityCloseLabel, set: (t, o) => {
+      t.accessibilityCloseLabel = o;
+    } }, metadata: e }, U, Y), h(null, i = { value: b }, s, { kind: "class", name: b.name, metadata: e }, null, r), w = b = i.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), a.styles = ue, l(b, r), a);
-  return x = b;
+  return w = b;
 })();
 export {
   Me as SbbPopoverElement

package/radio-button/common/radio-button-common.d.ts

@@ -1,21 +1,14 @@
 import { LitElement } from 'lit';
 import { SbbCheckedStateChange, SbbDisabledStateChange, SbbStateChange } from '../../core/interfaces.js';
-import { AbstractConstructor } from '../../core/mixins.js';
+import { AbstractConstructor, Constructor, SbbFormAssociatedRadioButtonMixinType } from '../../core/mixins.js';
 import { SbbRadioButtonGroupElement } from '../radio-button-group.js';
 export type SbbRadioButtonSize = 'xs' | 's' | 'm';
 export type SbbRadioButtonStateChange = Extract<SbbStateChange, SbbDisabledStateChange | SbbCheckedStateChange>;
-export declare class SbbRadioButtonCommonElementMixinType {
+export declare class SbbRadioButtonCommonElementMixinType extends SbbFormAssociatedRadioButtonMixinType {
     get allowEmptySelection(): boolean;
     set allowEmptySelection(boolean: boolean);
-    accessor value: string;
-    get disabled(): boolean;
-    set disabled(boolean: boolean);
-    get required(): boolean;
-    set required(boolean: boolean);
     get group(): SbbRadioButtonGroupElement | null;
-    get checked(): boolean;
-    set checked(boolean: boolean);
     select(): void;
 }
-export declare const SbbRadioButtonCommonElementMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbRadioButtonCommonElementMixinType> & T;
+export declare const SbbRadioButtonCommonElementMixin: <T extends Constructor<LitElement>>(superClass: T) => AbstractConstructor<SbbRadioButtonCommonElementMixinType> & T;
 //# sourceMappingURL=radio-button-common.d.ts.map

package/radio-button/common/radio-button-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAOtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oCAAoC;IACvD,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,IAAW,QAAQ,CAAC,OAAO,EADJ,OACI,EAAE;IAC7B,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,IAAW,QAAQ,CAAC,OAAO,EADJ,OACI,EAAE;IAC7B,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IACtD,IAAW,OAAO,IAAI,OAAO,CAAC;IAC9B,IAAW,OAAO,CAAC,OAAO,EADJ,OACI,EAAE;IACrB,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5E,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CAoJ9D,CAAC"}
+{"version":3,"file":"radio-button-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/radio-button/common/radio-button-common.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAEhB,KAAK,qCAAqC,EAC3C,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAElD,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,cAAc,EACd,sBAAsB,GAAG,qBAAqB,CAC/C,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,oCAAqC,SAAQ,qCAAqC;IACrG,IAAW,mBAAmB,IAAI,OAAO,CAAC;IAC1C,IAAW,mBAAmB,CAAC,OAAO,EADJ,OACI,EAAE;IACxC,IAAW,KAAK,IAAI,0BAA0B,GAAG,IAAI,CAAC;IAC/C,MAAM,IAAI,IAAI;CACtB;AAGD,eAAO,MAAM,gCAAgC,GAAI,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,cACpE,CAAC,KACZ,mBAAmB,CAAC,oCAAoC,CAAC,GAAG,CAsH9D,CAAC"}