@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/container/container/container.component.js

@@ -1,47 +1,48 @@
-var I = (e) => {
-  throw TypeError(e);
+var I = (t) => {
+  throw TypeError(t);
 };
-var D = (e, t, r) => t.has(e) || I("Cannot " + r);
-var p = (e, t, r) => (D(e, t, "read from private field"), r ? r.call(e) : t.get(e)), u = (e, t, r) => t.has(e) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), h = (e, t, r, s) => (D(e, t, "write to private field"), s ? s.call(e, r) : t.set(e, r), r);
-import { __esDecorate as g, __runInitializers as i } from "tslib";
+var D = (t, a, r) => a.has(t) || I("Cannot " + r);
+var p = (t, a, r) => (D(t, a, "read from private field"), r ? r.call(t) : a.get(t)), u = (t, a, r) => a.has(t) ? I("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, r), h = (t, a, r, s) => (D(t, a, "write to private field"), s ? s.call(t, r) : a.set(t, r), r);
+import { __esDecorate as g, __runInitializers as c } from "tslib";
 import { css as U, LitElement as j, html as B } from "lit";
 import { customElement as O, property as m } from "lit/decorators.js";
 import { slotState as q, forceType as T } from "../../core/decorators.js";
-const A = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-container-background-border-radius: 0;--sbb-container-color: inherit;display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-white)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-color-midnight)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-color-charcoal)}:host([data-slot-names~=image]){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host([data-slot-names~=image][background-expanded]){position:relative}@media (min-width: 90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}:host([data-slot-names~=image]:not([background-expanded])) .sbb-container{position:relative}:host([data-slot-names~=image]) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}`;
+const A = U`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{--sbb-container-background-border-radius: 0;--sbb-container-color: inherit;display:block}:host([color=white]){--sbb-container-background-color: var(--sbb-color-white)}:host([color=milk]){--sbb-container-background-color: var(--sbb-color-milk)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-white)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-color-midnight)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-color-charcoal)}:host([data-slot-names~=image]){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host([data-slot-names~=image][background-expanded]){position:relative}@media (min-width: 90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:" ";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-container{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-spacing-responsive-xxs)}:host([data-slot-names~=image]:not([background-expanded])) .sbb-container{position:relative}:host([data-slot-names~=image]) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}`;
 let K = (() => {
-  var c, d, l, n;
-  let e = [O("sbb-container"), q()], t, r = [], s, x = j, k, _ = [], v = [], f, y = [], w = [], E, z = [], S = [];
+  var d, l, b, n;
+  let t = [O("sbb-container"), q()], a, r = [], s, x = j, k, _ = [], v = [], f, y = [], w = [], E, z = [], S = [];
   return n = class extends x {
     constructor() {
       super(...arguments);
-      u(this, c, i(this, _, !1));
-      u(this, d, (i(this, v), i(this, y, !1)));
-      u(this, l, (i(this, w), i(this, z, "white")));
-      i(this, S);
+      u(this, d, c(this, _, !1));
+      u(this, l, (c(this, v), c(this, y, !1)));
+      u(this, b, (c(this, w), c(this, z, "white")));
+      c(this, S);
     }
     /** Whether the container is expanded. */
     get expanded() {
-      return p(this, c);
+      return p(this, d);
     }
     set expanded(o) {
-      h(this, c, o);
+      h(this, d, o);
     }
     /** Whether the background color is shown on full container width on large screens. */
     get backgroundExpanded() {
-      return p(this, d);
+      return p(this, l);
     }
     set backgroundExpanded(o) {
-      h(this, d, o);
+      h(this, l, o);
     }
     /** Color of the container, like transparent, white etc. */
     get color() {
-      return p(this, l);
+      return p(this, b);
     }
     set color(o) {
-      h(this, l, o);
+      h(this, b, o);
     }
     willUpdate(o) {
-      super.willUpdate(o), o.has("expanded") && this.querySelector?.("sbb-sticky-bar")?.toggleAttribute("data-expanded", this.expanded);
+      var e, i;
+      super.willUpdate(o), o.has("expanded") && ((i = (e = this.querySelector) == null ? void 0 : e.call(this, "sbb-sticky-bar")) == null || i.toggleAttribute("data-expanded", this.expanded));
     }
     render() {
       return B`
@@ -54,16 +55,16 @@ let K = (() => {
       <slot name="sticky-bar"></slot>
     `;
     }
-  }, c = new WeakMap(), d = new WeakMap(), l = new WeakMap(), s = n, (() => {
+  }, d = new WeakMap(), l = new WeakMap(), b = new WeakMap(), s = n, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    k = [T(), m({ type: Boolean, reflect: !0 })], f = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (a) => "expanded" in a, get: (a) => a.expanded, set: (a, b) => {
-      a.expanded = b;
-    } }, metadata: o }, _, v), g(n, null, f, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (a) => "backgroundExpanded" in a, get: (a) => a.backgroundExpanded, set: (a, b) => {
-      a.backgroundExpanded = b;
-    } }, metadata: o }, y, w), g(n, null, E, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (a) => "color" in a, get: (a) => a.color, set: (a, b) => {
-      a.color = b;
-    } }, metadata: o }, z, S), g(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: o }, null, r), s = t.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), n.styles = A, i(s, r), s;
+    k = [T(), m({ type: Boolean, reflect: !0 })], f = [T(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], E = [m({ reflect: !0 })], g(n, null, k, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, i) => {
+      e.expanded = i;
+    } }, metadata: o }, _, v), g(n, null, f, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, i) => {
+      e.backgroundExpanded = i;
+    } }, metadata: o }, y, w), g(n, null, E, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, i) => {
+      e.color = i;
+    } }, metadata: o }, z, S), g(null, a = { value: s }, t, { kind: "class", name: s.name, metadata: o }, null, r), s = a.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), n.styles = A, c(s, r), s;
 })();
 export {
   K as SbbContainerElement

package/container/sticky-bar/sticky-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAYb;;;;;;;;;;;;;;GAcG;AACH,qBAKM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;;AAWb;;;;;;;;;;;;;;GAcG;AACH,qBAEM,mBAAoB,SAAQ,wBAAmC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,gBAAuB,MAAM;;;;;MAKlB;IAEX,2DAA2D;IAC3D,SAA6C,KAAK,EAC9C,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,IAAI,CAAQ;IAEhB;;;OAGG;IACH,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAwB;IAEpF,kCAAkC;IAClC,OAAO,KAAK,MAAM,QAEjB;IACD,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,UAAU,CAEf;IACH,OAAO,CAAC,SAAS,CAEd;IACH,OAAO,CAAC,YAAY,CAIlB;IACF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;cAMzB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IA+B1B,wEAAwE;IACjE,KAAK,IAAI,IAAI;IAWpB,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAYtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;cAWJ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/container/sticky-bar/sticky-bar.component.js

@@ -1,32 +1,29 @@
-var S = (a) => {
+var z = (a) => {
   throw TypeError(a);
 };
-var z = (a, i, e) => i.has(a) || S("Cannot " + e);
-var y = (a, i, e) => (z(a, i, "read from private field"), e ? e.call(a) : i.get(a)), h = (a, i, e) => i.has(a) ? S("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, e), d = (a, i, e, r) => (z(a, i, "write to private field"), r ? r.call(a, e) : i.set(a, e), e);
+var A = (a, i, e) => i.has(a) || z("Cannot " + e);
+var h = (a, i, e) => (A(a, i, "read from private field"), e ? e.call(a) : i.get(a)), y = (a, i, e) => i.has(a) ? z("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, e), d = (a, i, e, r) => (A(a, i, "write to private field"), r ? r.call(a, e) : i.set(a, e), e);
 import { __runInitializers as k, __esDecorate as v } from "tslib";
-import { IntersectionController as E } from "@lit-labs/observers/intersection-controller.js";
-import { css as U, LitElement as R, html as I } from "lit";
-import { customElement as D, property as A } from "lit/decorators.js";
-import { hostAttributes as T } from "../../core/decorators.js";
+import { IntersectionController as U } from "@lit-labs/observers/intersection-controller.js";
+import { css as R, LitElement as I, html as D } from "lit";
+import { customElement as T, property as C } from "lit/decorators.js";
 import { isLean as B, isZeroAnimationDuration as H } from "../../core/dom.js";
 import { EventEmitter as u } from "../../core/eventing.js";
 import { SbbUpdateSchedulerMixin as L } from "../../core/mixins.js";
-const N = U`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";inset:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;inset:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
-let K = (() => {
+const N = R`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
+let J = (() => {
   var b, c, o;
-  let a = [D("sbb-sticky-bar"), T({
-    slot: "sticky-bar"
-  })], i, e = [], r, m = L(R), _, g = [], p = [], f, w = [], x = [];
+  let a = [T("sbb-sticky-bar")], i, e = [], r, m = L(I), _, g = [], p = [], f, w = [], x = [];
   var n = (o = class extends m {
     constructor() {
       super(...arguments);
-      h(this, b);
-      h(this, c);
+      y(this, b);
+      y(this, c);
       d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w, B() ? "s" : "m"))), this._willStick = (k(this, x), new u(this, n.events.willStick, {
         cancelable: !0
       })), this._didStick = new u(this, n.events.didStick, {
         cancelable: !0
-      }), this._willUnstick = new u(this, n.events.willUnstick, { cancelable: !0 }), this._didUnstick = new u(this, n.events.didUnstick, { cancelable: !0 }), this._observer = new E(this, {
+      }), this._willUnstick = new u(this, n.events.willUnstick, { cancelable: !0 }), this._didUnstick = new u(this, n.events.didUnstick, { cancelable: !0 }), this._observer = new U(this, {
         // Although `this` is observed, we have to postpone observing
         // into firstUpdated() to achieve a correct initial state.
         target: null,
@@ -35,7 +32,7 @@ let K = (() => {
     }
     /** Color of the container, like transparent, white etc. */
     get color() {
-      return y(this, b);
+      return h(this, b);
     }
     set color(t) {
       d(this, b, t);
@@ -45,7 +42,7 @@ let K = (() => {
      * @default 'm' / 's' (lean)
      */
     get size() {
-      return y(this, c);
+      return h(this, c);
     }
     set size(t) {
       d(this, c, t);
@@ -58,7 +55,7 @@ let K = (() => {
       return this.getAttribute("data-state");
     }
     connectedCallback() {
-      super.connectedCallback(), this._state = "sticky", this.startUpdate();
+      super.connectedCallback(), this.slot || (this.slot = "sticky-bar"), this._state = "sticky", this.startUpdate();
       const t = this.closest("sbb-container");
       t && this.toggleAttribute("data-expanded", t.expanded), this._intersector && this._observer.observe(this._intersector);
     }
@@ -72,9 +69,10 @@ let K = (() => {
       return H(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
     }
     _detectStickyState(t) {
+      var S;
       this.toggleAttribute("data-initialized", !0);
-      const s = !t.isIntersecting && t.boundingClientRect.top > 0, l = this._intersector?.getBoundingClientRect(), C = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
-      this.toggleAttribute("data-slide-vertically", s && this._intersector && Math.abs(l.bottom - C.bottom) > 30), this.toggleAttribute("data-sticking", s), this.completeUpdate();
+      const s = !t.isIntersecting && t.boundingClientRect.top > 0, l = (S = this._intersector) == null ? void 0 : S.getBoundingClientRect(), E = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
+      this.toggleAttribute("data-slide-vertically", s && this._intersector && Math.abs(l.bottom - E.bottom) > 30), this.toggleAttribute("data-sticking", s), this.completeUpdate();
     }
     /** Animates from normal content flow position to `position: sticky`. */
     stick() {
@@ -94,7 +92,7 @@ let K = (() => {
       (this._state === "sticking" || this._state === "sticky") && t.animationName === "slide-in" ? this._stickyCallback() : this._state === "unsticking" && t.animationName === "slide-out" && this._unstickyCallback();
     }
     render() {
-      return I`
+      return D`
       <div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
         <div class="sbb-sticky-bar">
           <slot></slot>
@@ -105,7 +103,7 @@ let K = (() => {
     }
   }, b = new WeakMap(), c = new WeakMap(), r = o, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    _ = [A({ reflect: !0 })], f = [A({ reflect: !0 })], v(o, null, _, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (s) => "color" in s, get: (s) => s.color, set: (s, l) => {
+    _ = [C({ reflect: !0 })], f = [C({ reflect: !0 })], v(o, null, _, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (s) => "color" in s, get: (s) => s.color, set: (s, l) => {
       s.color = l;
     } }, metadata: t }, g, p), v(o, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, l) => {
       s.size = l;
@@ -119,5 +117,5 @@ let K = (() => {
   return n = r;
 })();
 export {
-  K as SbbStickyBarElement
+  J as SbbStickyBarElement
 };

package/core/a11y/focus-trap-controller.js

@@ -1,4 +1,4 @@
-import { interactivityChecker as i } from "./interactivity-checker.js";
+import { interactivityChecker as n } from "./interactivity-checker.js";
 class r {
   /**
    * Whether the focus is trap is enabled.
@@ -11,7 +11,8 @@ class r {
     return !!this._abortController;
   }
   constructor(t) {
-    this._host = t, this._abortController = null, this._host.addController?.(this);
+    var e, s;
+    this._host = t, this._abortController = null, (s = (e = this._host).addController) == null || s.call(e, this);
   }
   hostDisconnected() {
     this._untrap();
@@ -23,9 +24,9 @@ class r {
   focusInitialElement(t) {
     const e = this._host.querySelector("[sbb-focus-initial]");
     if (e) {
-      if (!i.isFocusable(e)) {
+      if (!n.isFocusable(e)) {
         const s = this._getFirstTabbableElement(e);
-        return s?.focus(t), !!s;
+        return s == null || s.focus(t), !!s;
       }
       return e.focus(t), !0;
     }
@@ -49,19 +50,20 @@ class r {
   }
   _trap() {
     this._abortController = new AbortController(), this._host.addEventListener("keydown", (t) => {
+      var e, s;
       if (t.key === "Tab")
         if (t.shiftKey) {
-          const e = this._getFirstTabbableElement(this._host);
-          e && t.composedPath().includes(e) && (this._getLastTabbableElement(this._host)?.focus(), t.preventDefault());
+          const l = this._getFirstTabbableElement(this._host);
+          l && t.composedPath().includes(l) && ((s = this._getLastTabbableElement(this._host)) == null || s.focus(), t.preventDefault());
         } else {
-          const e = this._getLastTabbableElement(this._host);
-          e && t.composedPath().includes(e) && (this._getFirstTabbableElement(this._host)?.focus(), t.preventDefault());
+          const l = this._getLastTabbableElement(this._host);
+          l && t.composedPath().includes(l) && ((e = this._getFirstTabbableElement(this._host)) == null || e.focus(), t.preventDefault());
         }
     }, { signal: this._abortController.signal });
   }
   /** Get the first tabbable element from a DOM subtree (inclusive). */
   _getFirstTabbableElement(t) {
-    if (t !== this._host && i.isFocusable(t) && i.isTabbable(t))
+    if (t !== this._host && n.isFocusable(t) && n.isTabbable(t))
       return t;
     const e = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
     for (let s = 0; s < e.length; s++) {
@@ -73,7 +75,7 @@ class r {
   }
   /** Get the last tabbable element from a DOM subtree (inclusive). */
   _getLastTabbableElement(t) {
-    if (t !== this._host && i.isFocusable(t) && i.isTabbable(t))
+    if (t !== this._host && n.isFocusable(t) && n.isTabbable(t))
       return t;
     const e = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
     for (let s = e.length - 1; s >= 0; s--) {
@@ -84,7 +86,8 @@ class r {
     return null;
   }
   _untrap() {
-    this._abortController?.abort(), this._abortController = null;
+    var t;
+    (t = this._abortController) == null || t.abort(), this._abortController = null;
   }
 }
 export {

package/core/a11y/focus.d.ts

@@ -1,34 +1,2 @@
 export declare const IS_FOCUSABLE_QUERY: string;
-/**
- * @deprecated will be removed with next major version. Use methods of FocusTrapController.
- *
- * Note: the use of this function for more complex scenarios (with many nested elements) may be expensive.
- */
-export declare function getFocusableElements(elements: HTMLElement[], properties?: {
-    filter?: (el: HTMLElement) => boolean;
-    findFirstFocusable?: boolean;
-    includeInvisibleElements?: boolean;
-}): HTMLElement[];
-/**
- * @deprecated will be removed with next major version. Use methods of FocusTrapController.
- */
-export declare function getFirstFocusableElement(elements: HTMLElement[], filter?: (el: HTMLElement) => boolean): HTMLElement | null;
-/**
- * @deprecated Will be removed with next major release. Use SbbFocusTrapController.
- */
-export declare class SbbFocusHandler {
-    private _controller;
-    /**
-     * @param element in which the focus should be trapped.
-     * @param options options object.
-     * @param options.filter filter function which is applied during searching for focusable element. If an element is filtered, also child elements are filtered.
-     * @param options.postFilter filter function which is applied after collecting focusable elements.
-     */
-    trap(element: HTMLElement, options?: {
-        filter?: (el: HTMLElement) => boolean;
-        postFilter?: (el: HTMLElement) => boolean;
-    }): void;
-    isTrapped(): boolean;
-    disconnect(): void;
-}
 //# sourceMappingURL=focus.d.ts.map

package/core/a11y/focus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAWnB,CAAC;AAEb;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,WAAW,EAAE,EACvB,UAAU,CAAC,EAAE;IACX,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GACA,WAAW,EAAE,CAuCf;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,GACpC,WAAW,GAAG,IAAI,CAMpB;AAED;;GAEG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,WAAW,CAAgC;IAEnD;;;;;OAKG;IACI,IAAI,CACT,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;QACtC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;KAC3C,GACA,IAAI;IA8CA,SAAS,IAAI,OAAO;IAIpB,UAAU,IAAI,IAAI;CAI1B"}
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/focus.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,QAWnB,CAAC"}

package/core/a11y/focus.js

@@ -1,5 +1,4 @@
-import { interactivityChecker as f } from "./interactivity-checker.js";
-const h = [
+const e = [
   "button",
   "[href]",
   "input",
@@ -8,66 +7,7 @@ const h = [
   "details",
   "summary",
   "[tabindex]"
-].map((l) => `${l}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
-function u(l, n) {
-  const t = /* @__PURE__ */ new Set();
-  function o(i, r) {
-    for (const e of i)
-      if (!(r && !r(e))) {
-        if (e.nodeName === "SLOT") {
-          o(Array.from(e.assignedElements()), r);
-          continue;
-        }
-        if (e.matches(h) && (n?.includeInvisibleElements ?? f.isVisible(e)) && t.add(e), n?.findFirstFocusable && t.size > 0)
-          break;
-        if (e.children.length || e.shadowRoot?.children.length) {
-          const s = Array.from(e.children).length ? Array.from(e.children) : Array.from(e.shadowRoot.children);
-          o(s, r);
-        }
-      }
-  }
-  return o(l, n?.filter), [...t];
-}
-function m(l, n) {
-  const t = u(l, {
-    filter: n,
-    findFirstFocusable: !0
-  });
-  return t.length ? t[0] : null;
-}
-class g {
-  constructor() {
-    this._controller = null;
-  }
-  /**
-   * @param element in which the focus should be trapped.
-   * @param options options object.
-   * @param options.filter filter function which is applied during searching for focusable element. If an element is filtered, also child elements are filtered.
-   * @param options.postFilter filter function which is applied after collecting focusable elements.
-   */
-  trap(n, t) {
-    this._controller = new AbortController(), n.addEventListener("keydown", (o) => {
-      if (o.key !== "Tab")
-        return;
-      const i = Array.from(n.shadowRoot.children || []), e = u(i, {
-        filter: t?.filter
-      }).filter(t?.postFilter ?? (() => !0));
-      if (!e.length)
-        return;
-      const s = e[0], c = e[e.length - 1], [a, d] = o.shiftKey ? [s, c] : [c, s];
-      (s.getRootNode().activeElement === a || c.getRootNode().activeElement === a) && (d.focus(), o.preventDefault());
-    }, { signal: this._controller.signal });
-  }
-  isTrapped() {
-    return !!this._controller;
-  }
-  disconnect() {
-    this._controller?.abort(), this._controller = null;
-  }
-}
+].map((t) => `${t}:not([disabled],:disabled,[tabindex="-1"],[inert])`).join(",");
 export {
-  h as IS_FOCUSABLE_QUERY,
-  g as SbbFocusHandler,
-  m as getFirstFocusableElement,
-  u as getFocusableElements
+  e as IS_FOCUSABLE_QUERY
 };

package/core/a11y/input-modality-detector.d.ts

@@ -54,10 +54,5 @@ declare class SbbInputModalityDetector {
     private _updateState;
 }
 export declare const sbbInputModalityDetector: SbbInputModalityDetector;
-/**
- * @deprecated Will be removed with next major version.
- * Set the input modality in order to avoid showing the outline in Safari.
- */
-export declare function setModalityOnNextFocus(elementToFocus: HTMLElement | null | undefined): void;
 export {};
 //# sourceMappingURL=input-modality-detector.d.ts.map

package/core/a11y/input-modality-detector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-modality-detector.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/input-modality-detector.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAmDjF;;;;;;;;;;;;;GAaG;AACH,cAAM,wBAAwB;IAC5B,iDAAiD;IACjD,IAAW,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAEvD;IAED;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAAoC;IAE/D;;;OAGG;IACH,IAAW,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,iBAAiB,CAA4B;IAErD,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAK;;IAUlB,KAAK,IAAI,IAAI;IAKpB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAQhB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY;CAQrB;AAED,eAAO,MAAM,wBAAwB,0BAAiC,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAyB3F"}
+{"version":3,"file":"input-modality-detector.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/input-modality-detector.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC;AAmDjF;;;;;;;;;;;;;GAaG;AACH,cAAM,wBAAwB;IAC5B,iDAAiD;IACjD,IAAW,kBAAkB,IAAI,gBAAgB,GAAG,IAAI,CAEvD;IAED;;;OAGG;IACH,OAAO,CAAC,mBAAmB,CAAoC;IAE/D;;;OAGG;IACH,IAAW,gBAAgB,IAAI,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,iBAAiB,CAA4B;IAErD,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAAK;;IAUlB,KAAK,IAAI,IAAI;IAKpB;;;OAGG;IACH,OAAO,CAAC,UAAU,CAQhB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY,CAWlB;IAEF;;;OAGG;IACH,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY;CAQrB;AAED,eAAO,MAAM,wBAAwB,0BAAiC,CAAC"}

package/core/a11y/input-modality-detector.js

@@ -1,13 +1,13 @@
-import { isServer as n } from "lit";
-import { getEventTarget as i } from "../eventing.js";
-import { isFakeMousedownFromScreenReader as r, isFakeTouchstartFromScreenReader as a } from "./fake-event-detection.js";
-const d = 16, u = 17, c = 18, h = 91, m = 224, l = {
-  ignoreKeys: [c, u, m, h, d]
-}, _ = 650, s = {
+import { isServer as i } from "lit";
+import { getEventTarget as a } from "../eventing.js";
+import { isFakeMousedownFromScreenReader as r, isFakeTouchstartFromScreenReader as c } from "./fake-event-detection.js";
+const u = 16, d = 17, m = 18, h = 91, l = 224, _ = {
+  ignoreKeys: [m, d, l, h, u]
+}, y = 650, o = {
   passive: !0,
   capture: !0
 };
-class y {
+class M {
   /** The most recently detected input modality. */
   get mostRecentModality() {
     return this._mostRecentModality;
@@ -21,38 +21,28 @@ class y {
   }
   constructor() {
     this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = {
-      ...l
+      ..._
     }, this._lastTouchMs = 0, this._onKeydown = (t) => {
-      this._options?.ignoreKeys?.some((o) => o === t.keyCode) || this._updateState("keyboard", t);
+      var e, s;
+      (s = (e = this._options) == null ? void 0 : e.ignoreKeys) != null && s.some((n) => n === t.keyCode) || this._updateState("keyboard", t);
     }, this._onMousedown = (t) => {
-      Date.now() - this._lastTouchMs < _ || this._updateState(r(t) ? "keyboard" : "mouse", t);
+      Date.now() - this._lastTouchMs < y || this._updateState(r(t) ? "keyboard" : "mouse", t);
     }, this._onTouchstart = (t) => {
-      if (a(t)) {
+      if (c(t)) {
         this._updateState("keyboard", t);
         return;
       }
       this._lastTouchMs = Date.now(), this._updateState("touch", t);
-    }, n || (document.addEventListener("keydown", this._onKeydown, s), document.addEventListener("mousedown", this._onMousedown, s), document.addEventListener("touchstart", this._onTouchstart, s));
+    }, i || (document.addEventListener("keydown", this._onKeydown, o), document.addEventListener("mousedown", this._onMousedown, o), document.addEventListener("touchstart", this._onTouchstart, o));
   }
   reset() {
     this._updateState("mouse", null), this._lastTouchMs = 0;
   }
-  _updateState(t, o) {
-    this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = o ? i(o) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
+  _updateState(t, e) {
+    this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = e ? a(e) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
   }
 }
-const M = new y();
-function b(e) {
-  if (!e)
-    return;
-  const t = M.mostRecentModality;
-  e && t !== null && e.addEventListener("focus", () => {
-    e.setAttribute("data-focus-origin", t), e.addEventListener("blur", () => e.removeAttribute("data-focus-origin"), {
-      once: !0
-    });
-  }, { once: !0 });
-}
+const b = new M();
 export {
-  M as sbbInputModalityDetector,
-  b as setModalityOnNextFocus
+  b as sbbInputModalityDetector
 };

package/core/a11y/interactivity-checker.d.ts

@@ -5,12 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-/**
- * @deprecated Will be removed with next major version.
- */
-export interface InterfaceInteractivityChecker {
-    isVisible(element: HTMLElement): boolean;
-}
 /**
  * Configuration for the isFocusable method.
  */
@@ -55,9 +49,4 @@ export declare class InteractivityChecker {
     isFocusable(element: HTMLElement, config?: IsFocusableConfig): boolean;
 }
 export declare const interactivityChecker: InteractivityChecker;
-/**
- * @deprecated Will no longer be available with next major version.
- * TODO: remove export keyword
- */
-export declare function hasGeometry(element: HTMLElement): boolean;
 //# sourceMappingURL=interactivity-checker.d.ts.map

package/core/a11y/interactivity-checker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactivity-checker.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/interactivity-checker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC;CAC1C;AAED;;GAEG;AACH,qBAAa,iBAAiB;IAC5B;;OAEG;IACI,gBAAgB,EAAE,OAAO,CAAS;CAC1C;AAED,qBAAa,oBAAoB;IAC/B;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIhD;;;;;;;OAOG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAI/C;;;;;;OAMG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IA0DhD;;;;;;OAMG;IACI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,OAAO;CAU9E;AAID,eAAO,MAAM,oBAAoB,sBAA6B,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAQzD"}
+{"version":3,"file":"interactivity-checker.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/interactivity-checker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH;;GAEG;AACH,qBAAa,iBAAiB;IAC5B;;OAEG;IACI,gBAAgB,EAAE,OAAO,CAAS;CAC1C;AAED,qBAAa,oBAAoB;IAC/B;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIhD;;;;;;;OAOG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAI/C;;;;;;OAMG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IA0DhD;;;;;;OAMG;IACI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,iBAAiB,GAAG,OAAO;CAU9E;AAID,eAAO,MAAM,oBAAoB,sBAA6B,CAAC"}

package/core/a11y/interactivity-checker.js

@@ -1,4 +1,4 @@
-import { isServer as s } from "lit";
+import { isServer as n } from "lit";
 import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
 /**
  * @license
@@ -7,7 +7,7 @@ import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-class A {
+class C {
   constructor() {
     this.ignoreVisibility = !1;
   }
@@ -41,7 +41,7 @@ class b {
    * @returns Whether the element is tabbable.
    */
   isTabbable(i) {
-    if (s)
+    if (n)
       return !1;
     const r = i.nodeName.toLowerCase(), e = x(i);
     return i.hasAttribute("contenteditable") ? e !== -1 : r === "iframe" || r === "object" || a && o && !I(i) ? !1 : r === "audio" ? i.hasAttribute("controls") ? e !== -1 : !1 : r === "video" ? e === -1 ? !1 : e !== null ? !0 : u || i.hasAttribute("controls") : i.tabIndex >= 0;
@@ -54,10 +54,10 @@ class b {
    * @returns Whether the element is focusable.
    */
   isFocusable(i, r) {
-    return y(i) && !i.inert && !this.isDisabled(i) && (r?.ignoreVisibility || this.isVisible(i));
+    return y(i) && !i.inert && !this.isDisabled(i) && ((r == null ? void 0 : r.ignoreVisibility) || this.isVisible(i));
   }
 }
-const C = new b();
+const v = new b();
 function f(t) {
   return !!(t.offsetWidth || t.offsetHeight || typeof t.getClientRects == "function" && t.getClientRects().length);
 }
@@ -77,14 +77,14 @@ function h(t) {
 function p(t) {
   return t.nodeName.toLowerCase() == "a";
 }
-function n(t) {
+function s(t) {
   if (!t.hasAttribute("tabindex") || t.tabIndex === void 0)
     return !1;
   const i = t.getAttribute("tabindex");
   return !!(i && !isNaN(parseInt(i, 10)));
 }
 function x(t) {
-  if (!n(t))
+  if (!s(t))
     return null;
   const i = parseInt(t.getAttribute("tabindex") || "", 10);
   return isNaN(i) ? -1 : i;
@@ -94,11 +94,10 @@ function I(t) {
   return r === "text" || r === "password" || i === "select" || i === "textarea";
 }
 function y(t) {
-  return d(t) ? !1 : c(t) || l(t) || t.hasAttribute("contenteditable") || n(t);
+  return d(t) ? !1 : c(t) || l(t) || t.hasAttribute("contenteditable") || s(t);
 }
 export {
   b as InteractivityChecker,
-  A as IsFocusableConfig,
-  f as hasGeometry,
-  C as interactivityChecker
+  C as IsFocusableConfig,
+  v as interactivityChecker
 };