@sbb-esta/lyne-elements 1.10.0 → 1.11.0

package/button/mini-button/mini-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAGzE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button/mini-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAGzE;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,yBAAwD;IAChG,OAAuB,MAAM,EAAE,cAAc,CAAS;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/button/mini-button.js

@@ -1,39 +1,37 @@
 import { SbbButtonBaseElement as l } from "../core/base-elements.js";
 import { slotState as d } from "../core/decorators.js";
-import { SbbNegativeMixin as u, SbbFocusableDisabledActionMixin as c } from "../core/mixins.js";
+import { SbbNegativeMixin as u, SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
 import { SbbIconNameMixin as v } from "../icon.js";
 import { customElement as m } from "lit/decorators.js";
 import { css as f } from "lit";
-var p = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = (s, t, r, b) => {
-  for (var o = b > 1 ? void 0 : b ? h(t, r) : t, a = s.length - 1, n; a >= 0; a--)
-    (n = s[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
+var p = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = (e, t, r, b) => {
+  for (var o = b > 1 ? void 0 : b ? h(t, r) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
   return b && o && p(t, r, o), o;
 };
-let e = class extends u(
+let s = class extends u(
   v(l)
 ) {
   renderTemplate() {
     return super.renderIconSlot();
   }
 };
-e = g([
+s = g([
   d()
-], e);
-const k = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{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{--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 .sbb-mini-button{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 .sbb-mini-button: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}::slotted(sbb-icon),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([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-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button: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(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-mini-button: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(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-mini-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-mini-button:before{background-color:var(--sbb-button-color-active-background)}`;
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, _ = (s, t, r, b) => {
-  for (var o = b > 1 ? void 0 : b ? y(t, r) : t, a = s.length - 1, n; a >= 0; a--)
-    (n = s[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
-  return b && o && x(t, r, o), o;
+], s);
+const x = f`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important}:host{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{--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 .sbb-mini-button{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 .sbb-mini-button: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}::slotted(sbb-icon),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([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-black-alpha-0);--sbb-button-color-disabled-border: var(--sbb-color-smoke);--sbb-button-color-disabled-text: var(--sbb-color-smoke)}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button{color:var(--sbb-button-color-disabled-text);cursor:default;pointer-events:none}:host(:is([disabled],[data-disabled],[data-group-disabled])) .sbb-mini-button: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(:is([data-focus-visible],:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch]))) .sbb-mini-button: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(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover){--sbb-button-translate-y-content-hover: -.0625rem}}@media (any-hover: hover){:host(:not([disabled],[data-disabled],[data-group-disabled],:active,[data-active]):hover) .sbb-mini-button:before{background-color:var(--sbb-button-color-hover-background)}}:host(:not([disabled],[data-disabled],[data-group-disabled]):is(:active,[data-active])) .sbb-mini-button:before{background-color:var(--sbb-button-color-active-background)}`;
+var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, _ = (e, t, r, b) => {
+  for (var o = b > 1 ? void 0 : b ? y(t, r) : t, a = e.length - 1, n; a >= 0; a--)
+    (n = e[a]) && (o = (b ? n(t, r, o) : n(o)) || o);
+  return b && o && k(t, r, o), o;
 };
-let i = class extends c(
-  e
-) {
+let i = class extends c(s) {
 };
-i.styles = k;
+i.styles = x;
 i = _([
   m("sbb-mini-button")
 ], i);
 export {
-  e as SbbMiniButtonBaseElement,
+  s as SbbMiniButtonBaseElement,
   i as SbbMiniButtonElement
 };

package/button/secondary-button/secondary-button.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbSecondaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbSecondaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'secondary' variant.
  *

package/button/secondary-button-link/secondary-button-link.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbSecondaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+declare const SbbSecondaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'primary' variant, which will behave as a link.
  *

package/button/secondary-button-link.js

@@ -1,20 +1,20 @@
-import { customElement as s } from "lit/decorators.js";
-import { SbbLinkBaseElement as i } from "../core/base-elements.js";
-import { SbbDisabledMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonSecondaryStyle as S } from "./common.js";
-var a = Object.defineProperty, c = Object.getOwnPropertyDescriptor, v = (l, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? c(t, n) : t, r = l.length - 1, m; r >= 0; r--)
-    (m = l[r]) && (e = (o ? m(t, n, e) : m(e)) || e);
-  return o && e && a(t, n, e), e;
+import { customElement as l } from "lit/decorators.js";
+import { SbbLinkBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as p, SbbDisabledMixin as a } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as S, buttonSecondaryStyle as c } from "./common.js";
+var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, y = (i, t, o, n) => {
+  for (var e = n > 1 ? void 0 : n ? v(t, o) : t, r = i.length - 1, b; r >= 0; r--)
+    (b = i[r]) && (e = (n ? b(t, o, e) : b(e)) || e);
+  return n && e && u(t, o, e), e;
 };
-let b = class extends f(
-  p(i)
+let m = class extends f(
+  p(a(s))
 ) {
 };
-b.styles = [u, S];
-b = v([
-  s("sbb-secondary-button-link")
-], b);
+m.styles = [S, c];
+m = y([
+  l("sbb-secondary-button-link")
+], m);
 export {
-  b as SbbSecondaryButtonLinkElement
+  m as SbbSecondaryButtonLinkElement
 };

package/button/secondary-button.js

@@ -1,17 +1,17 @@
 import { customElement as l } from "lit/decorators.js";
 import { SbbButtonBaseElement as i } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as c, buttonSecondaryStyle as f } from "./common.js";
-var a = Object.defineProperty, S = Object.getOwnPropertyDescriptor, v = (s, e, n, o) => {
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonSecondaryStyle as a } from "./common.js";
+var c = Object.defineProperty, S = Object.getOwnPropertyDescriptor, v = (s, e, n, o) => {
   for (var t = o > 1 ? void 0 : o ? S(e, n) : e, r = s.length - 1, b; r >= 0; r--)
     (b = s[r]) && (t = (o ? b(e, n, t) : b(t)) || t);
-  return o && t && a(e, n, t), t;
+  return o && t && c(e, n, t), t;
 };
-let m = class extends u(
+let m = class extends f(
   p(i)
 ) {
 };
-m.styles = [c, f];
+m.styles = [u, a];
 m = v([
   l("sbb-secondary-button")
 ], m);

package/button/tertiary-button/tertiary-button.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbTertiaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbTertiaryButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'tertiary' variant.
  *

package/button/tertiary-button-link/tertiary-button-link.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbTertiaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+declare const SbbTertiaryButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'tertiary' variant, which will behave as a link.
  *

package/button/tertiary-button-link.js

@@ -1,20 +1,20 @@
 import { customElement as l } from "lit/decorators.js";
 import { SbbLinkBaseElement as s } from "../core/base-elements.js";
-import { SbbDisabledMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonTertiaryStyle as a } from "./common.js";
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, S = (i, e, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? y(e, o) : e, n = i.length - 1, m; n >= 0; n--)
-    (m = i[n]) && (t = (r ? m(e, o, t) : m(t)) || t);
-  return r && t && v(e, o, t), t;
+import { SbbDisabledInteractiveMixin as p, SbbDisabledMixin as a } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonTertiaryStyle as v } from "./common.js";
+var S = Object.defineProperty, y = Object.getOwnPropertyDescriptor, _ = (m, e, n, r) => {
+  for (var t = r > 1 ? void 0 : r ? y(e, n) : e, o = m.length - 1, b; o >= 0; o--)
+    (b = m[o]) && (t = (r ? b(e, n, t) : b(t)) || t);
+  return r && t && S(e, n, t), t;
 };
-let b = class extends f(
-  p(s)
+let i = class extends f(
+  p(a(s))
 ) {
 };
-b.styles = [u, a];
-b = S([
+i.styles = [u, v];
+i = _([
   l("sbb-tertiary-button-link")
-], b);
+], i);
 export {
-  b as SbbTertiaryButtonLinkElement
+  i as SbbTertiaryButtonLinkElement
 };

package/button/tertiary-button.js

@@ -1,19 +1,19 @@
-import { customElement as s } from "lit/decorators.js";
-import { SbbButtonBaseElement as i } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as p } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as u, buttonCommonStyle as f, buttonTertiaryStyle as a } from "./common.js";
-var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, y = (l, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? v(e, r) : e, n = l.length - 1, b; n >= 0; n--)
-    (b = l[n]) && (t = (o ? b(e, r, t) : b(t)) || t);
-  return o && t && c(e, r, t), t;
+import { customElement as l } from "lit/decorators.js";
+import { SbbButtonBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonTertiaryStyle as a } from "./common.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, S = (i, e, o, r) => {
+  for (var t = r > 1 ? void 0 : r ? y(e, o) : e, n = i.length - 1, b; n >= 0; n--)
+    (b = i[n]) && (t = (r ? b(e, o, t) : b(t)) || t);
+  return r && t && v(e, o, t), t;
 };
-let m = class extends u(
-  p(i)
+let m = class extends f(
+  p(s)
 ) {
 };
-m.styles = [f, a];
-m = y([
-  s("sbb-tertiary-button")
+m.styles = [u, a];
+m = S([
+  l("sbb-tertiary-button")
 ], m);
 export {
   m as SbbTertiaryButtonElement

package/button/transparent-button/transparent-button.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-declare const SbbTransparentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+declare const SbbTransparentButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType & import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'transparent' variant.
  *

package/button/transparent-button-link/transparent-button-link.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup } from 'lit';
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbTransparentButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+declare const SbbTransparentButtonLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbButtonCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledInteractiveMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a button enhanced with the SBB Design in the 'transparent' variant, which will behave as a link.
  *

package/button/transparent-button-link.js

@@ -1,20 +1,20 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbLinkBaseElement as p } from "../core/base-elements.js";
-import { SbbDisabledMixin as i } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as a, buttonCommonStyle as f, buttonTransparentStyle as u } from "./common.js";
-var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, _ = (s, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? S(e, r) : e, o = s.length - 1, m; o >= 0; o--)
-    (m = s[o]) && (t = (n ? m(e, r, t) : m(t)) || t);
-  return n && t && v(e, r, t), t;
+import { customElement as i } from "lit/decorators.js";
+import { SbbLinkBaseElement as l } from "../core/base-elements.js";
+import { SbbDisabledInteractiveMixin as p, SbbDisabledMixin as a } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as f, buttonCommonStyle as u, buttonTransparentStyle as v } from "./common.js";
+var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (s, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? _(e, r) : e, o = s.length - 1, b; o >= 0; o--)
+    (b = s[o]) && (t = (n ? b(e, r, t) : b(t)) || t);
+  return n && t && S(e, r, t), t;
 };
-let b = class extends a(
-  i(p)
+let m = class extends f(
+  p(a(l))
 ) {
 };
-b.styles = [f, u];
-b = _([
-  l("sbb-transparent-button-link")
-], b);
+m.styles = [u, v];
+m = c([
+  i("sbb-transparent-button-link")
+], m);
 export {
-  b as SbbTransparentButtonLinkElement
+  m as SbbTransparentButtonLinkElement
 };

package/button/transparent-button.js

@@ -1,18 +1,18 @@
 import { customElement as l } from "lit/decorators.js";
 import { SbbButtonBaseElement as p } from "../core/base-elements.js";
-import { SbbFocusableDisabledActionMixin as a } from "../core/mixins.js";
-import { SbbButtonCommonElementMixin as i, buttonCommonStyle as u, buttonTransparentStyle as f } from "./common.js";
-var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, S = (s, e, o, n) => {
-  for (var t = n > 1 ? void 0 : n ? v(e, o) : e, r = s.length - 1, b; r >= 0; r--)
-    (b = s[r]) && (t = (n ? b(e, o, t) : b(t)) || t);
-  return n && t && c(e, o, t), t;
+import { SbbDisabledTabIndexActionMixin as a } from "../core/mixins.js";
+import { SbbButtonCommonElementMixin as i, buttonCommonStyle as f, buttonTransparentStyle as u } from "./common.js";
+var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, _ = (s, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? S(e, r) : e, o = s.length - 1, b; o >= 0; o--)
+    (b = s[o]) && (t = (n ? b(e, r, t) : b(t)) || t);
+  return n && t && v(e, r, t), t;
 };
 let m = class extends i(
   a(p)
 ) {
 };
-m.styles = [u, f];
-m = S([
+m.styles = [f, u];
+m = _([
   l("sbb-transparent-button")
 ], m);
 export {

package/card/card-badge/card-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-badge/card-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC;;;;;GAKG;AACH,qBAMa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IACK,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAE7E,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"card-badge.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/card-badge/card-badge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC;;;;;GAKG;AACH,qBAKa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,+BAA+B;IACK,KAAK,EAAE,UAAU,GAAG,OAAO,CAAc;IAE7E,OAAO,CAAC,cAAc,CAAC,CAAqB;IAE5B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;cAQzB,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/card/card-badge.js

@@ -1,12 +1,11 @@
 import { css as n, LitElement as i, html as l } from "lit";
 import { property as p, customElement as g } from "lit/decorators.js";
 import { hostAttributes as f } from "../core/decorators.js";
-import { getDocumentWritingMode as h } from "../core/dom.js";
-const v = n`*,:before,:after{box-sizing:border-box}:host{--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);display:block}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-charcoal);--sbb-card-badge-background-color: var(--sbb-color-white);--sbb-card-badge-border-color: var(--sbb-color-aluminium)}:host([color=charcoal]){--sbb-card-badge-color: var(--sbb-color-white);--sbb-card-badge-background-color: var(--sbb-color-charcoal);--sbb-card-badge-border-color: transparent}.sbb-card-badge-wrapper{display:flex;position:relative;height:fit-content;justify-content:end}@media (forced-colors: active){.sbb-card-badge-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-card-badge{position:relative;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x)}.sbb-card-badge-content{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-border-radius-4x);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:skew(16deg)}:host([dir=rtl]) .sbb-card-badge-background{transform:skew(-16deg)}.sbb-card-badge-background:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-border-radius-4x)}@media (forced-colors: active){.sbb-card-badge-background:before{border:none}}`;
-var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (d, r, o, a) => {
-  for (var e = a > 1 ? void 0 : a ? u(r, o) : r, b = d.length - 1, s; b >= 0; b--)
-    (s = d[b]) && (e = (a ? s(r, o, e) : s(e)) || e);
-  return a && e && m(r, o, e), e;
+const h = n`*,:before,:after{box-sizing:border-box}:host{--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);display:block}:host([color=white]){--sbb-card-badge-color: var(--sbb-color-charcoal);--sbb-card-badge-background-color: var(--sbb-color-white);--sbb-card-badge-border-color: var(--sbb-color-aluminium)}:host([color=charcoal]){--sbb-card-badge-color: var(--sbb-color-white);--sbb-card-badge-background-color: var(--sbb-color-charcoal);--sbb-card-badge-border-color: transparent}.sbb-card-badge-wrapper{display:flex;position:relative;height:fit-content;justify-content:end}@media (forced-colors: active){.sbb-card-badge-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid CanvasText}}.sbb-card-badge{position:relative;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-3x)}.sbb-card-badge-content{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;position:relative;display:flex;align-items:center;gap:var(--sbb-card-badge-gap);color:var(--sbb-card-badge-color)}.sbb-card-badge-background{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--sbb-card-badge-background-color);border-end-start-radius:var(--sbb-border-radius-4x);margin-inline-end:calc(var(--sbb-spacing-fixed-3x) * -1);transform:skew(16deg)}:host(:dir(rtl)) .sbb-card-badge-background{transform:skew(-16deg)}.sbb-card-badge-background:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-block-end:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-card-badge-border-color);border-end-start-radius:var(--sbb-border-radius-4x)}@media (forced-colors: active){.sbb-card-badge-background:before{border:none}}`;
+var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (d, r, b, a) => {
+  for (var e = a > 1 ? void 0 : a ? u(r, b) : r, o = d.length - 1, s; o >= 0; o--)
+    (s = d[o]) && (e = (a ? s(r, b, e) : s(e)) || e);
+  return a && e && v(r, b, e), e;
 };
 let t = class extends i {
   constructor() {
@@ -31,7 +30,7 @@ let t = class extends i {
     `;
   }
 };
-t.styles = v;
+t.styles = h;
 c([
   p({ reflect: !0 })
 ], t.prototype, "color", 2);
@@ -39,8 +38,7 @@ t = c([
   g("sbb-card-badge"),
   f({
     slot: "badge",
-    role: "text",
-    dir: h()
+    role: "text"
   })
 ], t);
 export {

package/card/common/card-action-common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IAC/C,MAAM,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAuF7D,CAAC"}
+{"version":3,"file":"card-action-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/card/common/card-action-common.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAKhE,OAAO,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,mCAAmC;IAC/C,MAAM,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzC;AAGD,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS,mBAAmB,CAAC,oBAAoB,CAAC,cAEvC,CAAC,KACZ,mBAAmB,CAAC,mCAAmC,CAAC,GAAG,CAqF7D,CAAC"}

package/card/common.js

@@ -1,22 +1,24 @@
-import { property as n } from "lit/decorators.js";
+import { MutationController as n } from "@lit-labs/observers/mutation-controller.js";
+import { property as l } from "lit/decorators.js";
 import { html as b } from "lit/static-html.js";
-import { IS_FOCUSABLE_QUERY as l } from "../core/a11y.js";
-import { hostAttributes as d } from "../core/decorators.js";
-import { AgnosticMutationObserver as u } from "../core/observers.js";
+import { IS_FOCUSABLE_QUERY as d } from "../core/a11y.js";
+import { hostAttributes as u } from "../core/decorators.js";
 import { css as h } from "lit";
 import "../screen-reader-only.js";
 const f = h`*,:before,:after{box-sizing:border-box}:host{display:block;outline:none!important;position:absolute;top:0;right:0;bottom:0;left:0}:is(.sbb-card-button,.sbb-card-link){display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-card-border-radius);cursor:pointer;outline:none}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-card-button,.sbb-card-link),:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) :is(.sbb-card-button,.sbb-card-link):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
-var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (s, e, t, r) => {
-  for (var o = r > 1 ? void 0 : r ? _(e, t) : e, a = s.length - 1, i; a >= 0; a--)
-    (i = s[a]) && (o = (r ? i(e, t, o) : i(o)) || o);
-  return r && o && m(e, t, o), o;
+var m = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, c = (i, o, t, r) => {
+  for (var e = r > 1 ? void 0 : r ? _(o, t) : o, a = i.length - 1, s; a >= 0; a--)
+    (s = i[a]) && (e = (r ? s(o, t, e) : s(e)) || e);
+  return r && e && m(o, t, e), e;
 };
-const S = (s) => {
-  let e = class extends s {
+const S = (i) => {
+  let o = class extends i {
     constructor() {
-      super(...arguments), this._active = !1, this._card = null, this._cardMutationObserver = new u(
-        () => this._checkForSlottedActions()
-      );
+      super(...arguments), this._active = !1, this._card = null, this._cardMutationObserver = new n(this, {
+        target: null,
+        config: { childList: !0, subtree: !0 },
+        callback: () => this._checkForSlottedActions()
+      });
     }
     set active(t) {
       this._active = t, this._onActiveChange();
@@ -28,23 +30,20 @@ const S = (s) => {
       this._card && this._card.toggleAttribute("data-has-active-action", this.active);
     }
     _checkForSlottedActions() {
-      var r, o;
+      var r, e;
       const t = "data-card-focusable";
-      Array.from(((o = (r = this._card) == null ? void 0 : r.querySelectorAll) == null ? void 0 : o.call(r, l)) ?? []).filter(
+      Array.from(((e = (r = this._card) == null ? void 0 : r.querySelectorAll) == null ? void 0 : e.call(r, d)) ?? []).filter(
         (a) => a.localName !== "sbb-card-link" && a.localName !== "sbb-card-button" && !a.hasAttribute(t)
       ).forEach((a) => a.setAttribute(t, ""));
     }
     connectedCallback() {
       var t;
-      super.connectedCallback(), this._card = (t = this.closest) == null ? void 0 : t.call(this, "sbb-card"), this._card && (this._card.toggleAttribute("data-has-action", !0), this._card.toggleAttribute("data-has-active-action", this.active), this._card.setAttribute("data-action-role", this.actionRole), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card, {
-        childList: !0,
-        subtree: !0
-      }));
+      super.connectedCallback(), this._card = (t = this.closest) == null ? void 0 : t.call(this, "sbb-card"), this._card && (this._card.toggleAttribute("data-has-action", !0), this._card.toggleAttribute("data-has-active-action", this.active), this._card.setAttribute("data-action-role", this.actionRole), this._checkForSlottedActions(), this._cardMutationObserver.observe(this._card));
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._card && (["data-has-action", "data-has-active-action", "data-action-role"].forEach(
         (t) => this._card.removeAttribute(t)
-      ), this._card.querySelectorAll("[data-card-focusable]").forEach((t) => t.removeAttribute("data-card-focusable")), this._card = null), this._cardMutationObserver.disconnect();
+      ), this._card.querySelectorAll("[data-card-focusable]").forEach((t) => t.removeAttribute("data-card-focusable")), this._card = null);
     }
     renderTemplate() {
       return b`
@@ -54,13 +53,13 @@ const S = (s) => {
       `;
     }
   };
-  return e.styles = f, c([
-    n({ reflect: !0, type: Boolean })
-  ], e.prototype, "active", 1), e = c([
-    d({
+  return o.styles = f, c([
+    l({ reflect: !0, type: Boolean })
+  ], o.prototype, "active", 1), o = c([
+    u({
       slot: "action"
     })
-  ], e), e;
+  ], o), o;
 };
 export {
   S as SbbCardActionCommonElementMixin

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

@@ -19,7 +19,6 @@ export declare class SbbStickyBarElement extends LitElement {
     connectedCallback(): void;
     protected firstUpdated(changedProperties: PropertyValues<this>): void;
     private _toggleShadowVisibility;
-    disconnectedCallback(): void;
     protected render(): TemplateResult;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"sticky-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb;;;;;;;;;;GAUG;AACH,qBAIa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2DAA2D;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7D,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAEf;IAEc,iBAAiB,IAAI,IAAI;cAYtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,uBAAuB;IAOf,oBAAoB,IAAI,IAAI;cAKzB,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"sticky-bar.d.ts","sourceRoot":"","sources":["../../../../src/elements/container/sticky-bar/sticky-bar.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb;;;;;;;;;;GAUG;AACH,qBAIa,mBAAoB,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2DAA2D;IACvB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7D,OAAO,CAAC,YAAY,CAAC,CAAkB;IACvC,OAAO,CAAC,SAAS,CAKd;IAEa,iBAAiB,IAAI,IAAI;cAYtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU9E,OAAO,CAAC,uBAAuB;cAOZ,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/container/sticky-bar.js

@@ -1,18 +1,21 @@
-import { css as d, LitElement as c, html as l } from "lit";
-import { property as v, customElement as p } from "lit/decorators.js";
-import { hostAttributes as k } from "../core/decorators.js";
-import { AgnosticIntersectionObserver as h } from "../core/observers.js";
-const y = d`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);display:contents}:host([data-sticking]){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) )}:host([data-sticking][color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking][color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}.sbb-sticky-bar__wrapper{position:sticky;inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index)}.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);transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius)}:host([data-sticking]) .sbb-sticky-bar__wrapper:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]) .sbb-sticky-bar__wrapper:after{border-block-start:var(--sbb-border-width-1x) solid CanvasText;border-radius:0}}.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-fade-out-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]) .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);transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}: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:transparent;pointer-events:none;transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing)}:host([data-sticking]) .sbb-sticky-bar__intersector:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration);background-color:var(--sbb-sticky-bar-sticky-background-color)}`;
-var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (a, s, o, r) => {
-  for (var t = r > 1 ? void 0 : r ? g(s, o) : s, e = a.length - 1, b; e >= 0; e--)
-    (b = a[e]) && (t = (r ? b(s, o, t) : b(t)) || t);
-  return r && t && u(s, o, t), t;
+import { IntersectionController as d } from "@lit-labs/observers/intersection-controller.js";
+import { css as c, LitElement as l, html as v } from "lit";
+import { property as p, customElement as k } from "lit/decorators.js";
+import { hostAttributes as h } from "../core/decorators.js";
+const y = c`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);display:contents}:host([data-sticking]){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) )}:host([data-sticking][color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking][color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}.sbb-sticky-bar__wrapper{position:sticky;inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index)}.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);transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius)}:host([data-sticking]) .sbb-sticky-bar__wrapper:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]) .sbb-sticky-bar__wrapper:after{border-block-start:var(--sbb-border-width-1x) solid CanvasText;border-radius:0}}.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-fade-out-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]) .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);transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration)}: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:transparent;pointer-events:none;transition:background-color var(--sbb-sticky-bar-fade-out-animation-duration) var(--sbb-sticky-bar-animation-easing)}:host([data-sticking]) .sbb-sticky-bar__intersector:after{transition-duration:var(--sbb-sticky-bar-fade-in-animation-duration);background-color:var(--sbb-sticky-bar-sticky-background-color)}`;
+var u = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (a, r, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? g(r, o) : r, b = a.length - 1, e; b >= 0; b--)
+    (e = a[b]) && (t = (s ? e(r, o, t) : e(t)) || t);
+  return s && t && u(r, o, t), t;
 };
-let i = class extends c {
+let i = class extends l {
   constructor() {
-    super(...arguments), this._observer = new h(
-      (a) => this._toggleShadowVisibility(a[0])
-    );
+    super(...arguments), this._observer = new d(this, {
+      // Although `this` is observed, we have to postpone observing
+      // into firstUpdated() to achieve a correct initial state.
+      target: null,
+      callback: (a) => this._toggleShadowVisibility(a[0])
+    });
   }
   connectedCallback() {
     super.connectedCallback();
@@ -28,11 +31,8 @@ let i = class extends c {
       !a.isIntersecting && a.boundingClientRect.top > 0
     );
   }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._observer.disconnect();
-  }
   render() {
-    return l`
+    return v`
       <div class="sbb-sticky-bar__wrapper">
         <div class="sbb-sticky-bar">
           <slot></slot>
@@ -44,11 +44,11 @@ let i = class extends c {
 };
 i.styles = y;
 n([
-  v({ reflect: !0 })
+  p({ reflect: !0 })
 ], i.prototype, "color", 2);
 i = n([
-  p("sbb-sticky-bar"),
-  k({
+  k("sbb-sticky-bar"),
+  h({
     slot: "sticky-bar"
   })
 ], i);

package/core/a11y/arrow-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/arrow-navigation.ts"],"names":[],"mappings":"AAeA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEvE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEnE;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEzE;AAkBD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAS/F"}
+{"version":3,"file":"arrow-navigation.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/a11y/arrow-navigation.ts"],"names":[],"mappings":"AAaA;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEvE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEnE;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAEzE;AAkBD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAS/F"}