@sbb-esta/lyne-elements 3.12.0 → 4.0.0-next

package/icon/icon-base.js

@@ -2,35 +2,36 @@ var $ = (s) => {
   throw TypeError(s);
 };
 var A = (s, a, i) => a.has(s) || $("Cannot " + i);
-var g = (s, a, i) => (A(s, a, "read from private field"), i ? i.call(s) : a.get(s)), u = (s, a, i) => a.has(s) ? $("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), d = (s, a, i, o) => (A(s, a, "write to private field"), o ? o.call(s, i) : a.set(s, i), i);
-import { __esDecorate as p, __runInitializers as l } from "tslib";
+var g = (s, a, i) => (A(s, a, "read from private field"), i ? i.call(s) : a.get(s)), p = (s, a, i) => a.has(s) ? $("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), u = (s, a, i, o) => (A(s, a, "write to private field"), o ? o.call(s, i) : a.set(s, i), i);
+import { __esDecorate as d, __runInitializers as l } from "tslib";
 import { css as j, LitElement as B, html as E } from "lit";
 import { state as D, property as L } from "lit/decorators.js";
 import { unsafeHTML as M } from "lit/directives/unsafe-html.js";
 import { until as O } from "lit/directives/until.js";
 import { hostAttributes as C, forceType as H } from "../core/decorators.js";
 import { SbbElementInternalsMixin as P } from "../core/mixins.js";
-import { getSvgContent as q } from "./icon-request.js";
-const F = j`*,:before,:after{box-sizing:border-box}:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host([data-empty]){--sbb-icon-default-dimension: 0}:host([data-empty][data-namespace=default][name$=-extra-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small)}:host([data-empty][data-namespace=default][name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host([data-empty][data-namespace=default][name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host([data-empty][data-namespace=default][name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, _ = "default";
-let Z = (() => {
+import { boxSizingStyles as q } from "../core/styles.js";
+import { getSvgContent as F } from "./icon-request.js";
+const G = j`:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host([data-empty]){--sbb-icon-default-dimension: 0}:host([data-empty][data-namespace=default][name$=-extra-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small)}:host([data-empty][data-namespace=default][name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host([data-empty][data-namespace=default][name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host([data-empty][data-namespace=default][name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, _ = "default";
+let et = (() => {
   var c, m, h, n;
   let s = [C({
     "data-namespace": _,
     "data-empty": ""
-  })], a, i = [], o, b = P(B), v, f = [], y = [], I, z = [], S = [], k, w = [], N = [];
-  return n = class extends b {
+  })], a, i = [], o, v = P(B), b, f = [], y = [], I, z = [], S = [], k, w = [], N = [];
+  return n = class extends v {
     constructor() {
       super(...arguments);
-      u(this, c, l(this, f, _));
-      u(this, m, (l(this, y), l(this, z, null)));
-      u(this, h, (l(this, S), l(this, w, !1)));
+      p(this, c, l(this, f, _));
+      p(this, m, (l(this, y), l(this, z, null)));
+      p(this, h, (l(this, S), l(this, w, !1)));
       l(this, N);
     }
     get _svgNamespace() {
       return g(this, c);
     }
     set _svgNamespace(e) {
-      d(this, c, e);
+      u(this, c, e);
     }
     /**
      * The icon svg content rendered on the page: <svg>...</svg>.
@@ -39,7 +40,7 @@ let Z = (() => {
       return g(this, m);
     }
     set _svgIcon(e) {
-      d(this, m, e);
+      u(this, m, e);
     }
     /**
      * When set to `true`, SVG content that is HTTP fetched will not be checked
@@ -51,7 +52,7 @@ let Z = (() => {
       return g(this, h);
     }
     set noSanitize(e) {
-      d(this, h, e);
+      u(this, h, e);
     }
     async loadSvgIcon(e) {
       if (!e)
@@ -67,7 +68,7 @@ let Z = (() => {
       }
     }
     async fetchSvgIcon(e, t) {
-      return await q(e, t, !this.noSanitize);
+      return await F(e, t, !this.noSanitize);
     }
     _splitIconName(e) {
       if (!e)
@@ -92,16 +93,16 @@ let Z = (() => {
     >`;
     }
   }, c = new WeakMap(), m = new WeakMap(), h = new WeakMap(), o = n, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-    v = [D()], I = [D()], k = [H(), L({ attribute: "no-sanitize", type: Boolean })], p(n, null, v, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (t) => "_svgNamespace" in t, get: (t) => t._svgNamespace, set: (t, r) => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    b = [D()], I = [D()], k = [H(), L({ attribute: "no-sanitize", type: Boolean })], d(n, null, b, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (t) => "_svgNamespace" in t, get: (t) => t._svgNamespace, set: (t, r) => {
       t._svgNamespace = r;
-    } }, metadata: e }, f, y), p(n, null, I, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (t) => "_svgIcon" in t, get: (t) => t._svgIcon, set: (t, r) => {
+    } }, metadata: e }, f, y), d(n, null, I, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (t) => "_svgIcon" in t, get: (t) => t._svgIcon, set: (t, r) => {
       t._svgIcon = r;
-    } }, metadata: e }, z, S), p(n, null, k, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (t) => "noSanitize" in t, get: (t) => t.noSanitize, set: (t, r) => {
+    } }, metadata: e }, z, S), d(n, null, k, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (t) => "noSanitize" in t, get: (t) => t.noSanitize, set: (t, r) => {
       t.noSanitize = r;
-    } }, metadata: e }, w, N), p(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, i), o = a.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.styles = F, n.role = "img", l(o, i), o;
+    } }, metadata: e }, w, N), d(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, i), o = a.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), n.styles = [q, G], n.role = "img", l(o, i), o;
 })();
 export {
-  Z as SbbIconBase
+  et as SbbIconBase
 };

package/icon/icon-name-mixin.d.ts

@@ -1,11 +1,12 @@
 import { LitElement, TemplateResult } from 'lit';
-import { AbstractConstructor } from '../core/mixins.js';
+import { AbstractConstructor, SbbElementInternalsMixinType } from '../core/mixins.js';
 export declare class SbbIconNameMixinType {
     accessor iconName: string;
     protected renderIconSlot(classname?: string): TemplateResult;
+    protected renderIconName(): string;
 }
 /**
  * Enhance your component with an iconName property and provides a template for the icon slot.
  */
-export declare const SbbIconNameMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbIconNameMixinType> & T;
+export declare const SbbIconNameMixin: <T extends AbstractConstructor<LitElement & SbbElementInternalsMixinType>>(superClass: T) => AbstractConstructor<SbbIconNameMixinType> & T;
 //# sourceMappingURL=icon-name-mixin.d.ts.map

package/icon/icon-name-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-name-mixin.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-name-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc;CAC7D;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,EACxE,YAAY,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAuB9C,CAAC"}
+{"version":3,"file":"icon-name-mixin.d.ts","sourceRoot":"","sources":["../../../src/elements/icon/icon-name-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AAE3F,OAAO,qBAAqB,CAAC;AAE7B,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,SAAgB,QAAQ,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc;IAC5D,SAAS,CAAC,cAAc,IAAI,MAAM;CACnC;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAC3B,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,4BAA4B,CAAC,EAExE,YAAY,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAmC9C,CAAC"}

package/icon/icon-name-mixin.js

@@ -2,20 +2,20 @@ var l = (e) => {
   throw TypeError(e);
 };
 var u = (e, t, a) => t.has(e) || l("Cannot " + a);
-var b = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), p = (e, t, a) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), N = (e, t, a, i) => (u(e, t, "write to private field"), i ? i.call(e, a) : t.set(e, a), a);
-import { __esDecorate as y, __runInitializers as f } from "tslib";
-import { nothing as _, html as d } from "lit";
-import { property as S } from "lit/decorators.js";
-import { forceType as g, omitEmptyConverter as v } from "../core/decorators.js";
+var N = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), d = (e, t, a, i) => (u(e, t, "write to private field"), i ? i.call(e, a) : t.set(e, a), a);
+import { __esDecorate as y, __runInitializers as p } from "tslib";
+import { nothing as h, html as _ } from "lit";
+import { property as I } from "lit/decorators.js";
+import { forceType as S, omitEmptyConverter as g } from "../core/decorators.js";
 import "./icon.component.js";
 const k = (e) => (() => {
-  var n, o;
-  let a = e, i, s = [], m = [];
-  return o = class extends a {
+  var c, r;
+  let a = e, i, m = [], s = [];
+  return r = class extends a {
     constructor() {
       super(...arguments);
-      p(this, n, f(this, s, ""));
-      f(this, m);
+      b(this, c, p(this, m, ""));
+      p(this, s);
     }
     /**
      * The icon name we want to use, choose from the small icon variants
@@ -23,24 +23,32 @@ const k = (e) => (() => {
      * https://icons.app.sbb.ch.
      */
     get iconName() {
-      return b(this, n);
+      return N(this, c);
     }
-    set iconName(r) {
-      N(this, n, r);
+    set iconName(n) {
+      d(this, c, n);
     }
-    renderIconSlot(r) {
-      return d`
+    renderIconSlot(n) {
+      const o = this._renderIconName();
+      return _`
         <slot name="icon">
-          ${this.iconName ? d`<sbb-icon name=${this.iconName} class=${r || _}></sbb-icon>` : _}
+          ${o ? _`<sbb-icon name=${o} class=${n || h}></sbb-icon>` : h}
         </slot>
       `;
     }
-  }, n = new WeakMap(), (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    i = [g(), S({ attribute: "icon-name", reflect: !0, converter: v })], y(o, null, i, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (c) => "iconName" in c, get: (c) => c.iconName, set: (c, h) => {
-      c.iconName = h;
-    } }, metadata: r }, s, m), r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), o;
+    renderIconName() {
+      return this.iconName;
+    }
+    _renderIconName() {
+      const n = this.renderIconName();
+      return this.toggleState("has-icon-name", !!n), n;
+    }
+  }, c = new WeakMap(), (() => {
+    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
+    i = [S(), I({ attribute: "icon-name", converter: g })], y(r, null, i, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (o) => "iconName" in o, get: (o) => o.iconName, set: (o, f) => {
+      o.iconName = f;
+    } }, metadata: n }, m, s), n && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
+  })(), r;
 })();
 export {
   k as SbbIconNameMixin

package/icon-sidebar-button-common-W6GYJbVt.js

@@ -0,0 +1,7 @@
+import { css as o } from "lit";
+const i = o`:host{position:absolute;inset:0}`, b = o`:host{position:relative;display:block;height:100%;overflow:auto;outline-color:var(--sbb-focus-outline-color)}`, r = o`:host{display:block;outline:none!important;--sbb-icon-sidebar-button-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-icon-sidebar-button-transition-easing-function: var(--sbb-animation-easing);--sbb-icon-sidebar-button-dimension: var(--sbb-size-element-m);--sbb-icon-sidebar-button-border-radius: var(--sbb-border-radius-4x);--sbb-icon-sidebar-button-color: var(--sbb-color-granite);--sbb-icon-sidebar-button-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-icon-sidebar-button-current-color: var(--sbb-color-3);--sbb-icon-sidebar-button-current-border-width: var(--sbb-border-width-3x);--sbb-icon-sidebar-button-current-border-inset-block: var(--sbb-spacing-fixed-2x);--sbb-icon-sidebar-button__current-border-inset-inline-start: 0;--sbb-icon-sidebar-button__color: var(--sbb-icon-sidebar-button-color)}@media(forced-colors:active){:host{--sbb-icon-sidebar-button-current-color: Highlight !important}}@media(forced-colors:active){:host([data-button]){--sbb-icon-sidebar-button-color: ButtonText !important}}@media(forced-colors:active){:host([data-link]){--sbb-icon-sidebar-button-color: LinkText !important}}@media(any-hover:hover){:host(:not(:active,[data-active]):hover){--sbb-icon-sidebar-button__hover-shift: .0625rem;--sbb-icon-sidebar-button__cursor: var(--sbb-cursor-pointer)}}.sbb-action-base{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--sbb-icon-sidebar-button-dimension);padding-block:0 calc(2 * var(--sbb-icon-sidebar-button__hover-shift, 0rem));color:var(--sbb-icon-sidebar-button__color);border-radius:var(--sbb-icon-sidebar-button-border-radius);cursor:var(--sbb-icon-sidebar-button__cursor);-webkit-user-select:none;user-select:none;transition-duration:var(--sbb-icon-sidebar-button-transition-duration);transition-timing-function:var(--sbb-icon-sidebar-button-transition-easing-function);transition-property:color,padding}:host(.sbb-active) .sbb-action-base{color:var(--sbb-icon-sidebar-button-current-color)}:host(.sbb-active) .sbb-action-base:before{content:"";display:block;position:absolute;inset-block:var(--sbb-icon-sidebar-button-current-border-inset-block);inset-inline:var(--sbb-icon-sidebar-button__current-border-inset-inline-start) 0;border-inline-start:var(--sbb-icon-sidebar-button-current-border-width) solid currentcolor}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:calc(-1 * var(--sbb-focus-outline-width) - .3125rem)}`;
+export {
+  b as a,
+  r as i,
+  i as s
+};

package/image/image.component.d.ts

@@ -175,7 +175,7 @@ export declare class SbbImageElement extends LitElement {
      *            "conditionFeature": "max-width",
      *            "conditionFeatureValue": {
      *              "lyneDesignToken": true,
-     *              "value": "sbb-breakpoint-micro-max"
+     *              "value": "sbb-breakpoint-small-max"
      *            },
      *            "conditionOperator": "and"
      *          },

package/image/image.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAiBA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAOb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AAgGD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"image.component.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.component.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAQb,MAAM,WAAW,mCAAmC;IAClD,WAAW,EAAE,6CAA6C,EAAE,CAAC;CAC9D;AAED,MAAM,WAAW,6CAA6C;IAC5D,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,6CAA6C,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,6CAA6C;IAC5D,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,iBAAiB,EAAE,KAAK,CAAC;CAC1B;AA0FD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAA4B;IACzE,gBAAuB,MAAM;;;MAGlB;IAEX,OAAO,CAAC,eAAe,CAAC,CAAc;IACtC,OAAO,CAAC,eAAe,CAAC,CAA8B;IACtD,OAAO,CAAC,OAAO,CAGb;IAEF;;;;;;OAMG;IACH,SAEgB,GAAG,EAAE,MAAM,CAAM;IAEjC;;;;;;OAMG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C;;;;OAIG;IACH,SAEgB,gBAAgB,EAAE,OAAO,CAAS;IAElD;;;;;;OAMG;IACH,SAA4B,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAU;IAEzE;;;OAGG;IACH,SAEgB,eAAe,EAAE,OAAO,CAAS;IAEjD;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;OAEG;IACH,SAEgB,WAAW,EAAE,MAAM,CAAK;IAExC;;;;;;;;;OASG;IACH,SAEgB,QAAQ,EAAE,MAAM,CAAM;IAEtC;;;;;;;;OAQG;IACH,SAA4B,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAU;IAEzE;;;;;;;;;OASG;IACH,SAA4B,OAAO,EAAE,OAAO,GAAG,MAAM,CAAW;IAEhE;;;;;;;;;;;;OAYG;IACH,SAEgB,eAAe,EAAE,MAAM,CAAM;IAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAmEG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+DAA+D;IAC/D,IAAW,QAAQ,IAAI,OAAO,CAE7B;cAEkB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBtD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gCAAgC;IAMxC,OAAO,CAAC,gBAAgB;IA0CxB,OAAO,CAAC,0BAA0B;IAgElC,OAAO,CAAC,uBAAuB;IAwB/B,OAAO,CAAC,YAAY;cAQD,MAAM,IAAI,cAAc;CAoE5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/image/image.component.js

@@ -2,13 +2,14 @@ var _e = (r) => {
   throw TypeError(r);
 };
 var ke = (r, o, l) => o.has(r) || _e("Cannot " + l);
-var h = (r, o, l) => (ke(r, o, "read from private field"), l ? l.call(r) : o.get(r)), u = (r, o, l) => o.has(r) ? _e("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), s = (r, o, l, d) => (ke(r, o, "write to private field"), d ? d.call(r, l) : o.set(r, l), l);
+var d = (r, o, l) => (ke(r, o, "read from private field"), l ? l.call(r) : o.get(r)), h = (r, o, l) => o.has(r) ? _e("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(r) : o.set(r, l), s = (r, o, l, m) => (ke(r, o, "write to private field"), m ? m.call(r, l) : o.set(r, l), l);
 import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { S as Se, d as ye, e as ze, f as ve, g as xe, h as Me, i as $e, a as we, c as Le, b as Ie, j as Ce, k as Fe, l as De, m as Be, n as Ee } from "../sbb-tokens-B3Eka-Tz.js";
-import { css as Qe, LitElement as qe, nothing as F, html as Q } from "lit";
-import { customElement as Oe, property as g, eventOptions as Te } from "lit/decorators.js";
-import { forceType as b } from "../core/decorators.js";
-const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:inherit;overflow:hidden}`, Ye = (r) => {
+import { S as ye, d as Se, e as ze, a as ve, c as xe, b as $e, f as we, g as Me, h as Le } from "../sbb-tokens-CB1Hgctn.js";
+import { css as Ie, LitElement as Ce, nothing as F, html as q } from "lit";
+import { customElement as Fe, property as u, eventOptions as De } from "lit/decorators.js";
+import { forceType as g } from "../core/decorators.js";
+import { boxSizingStyles as Ee } from "../core/styles.js";
+const Qe = Ie`:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block;border-radius:var(--sbb-border-radius-4x)}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset:0}:host([data-loaded]) .sbb-image__blurred{opacity:0}picture{display:contents}:is(.sbb-image__img,.sbb-image__blurred){width:100%;height:100%;object-fit:var(--sbb-image-object-fit);object-position:var(--sbb-image-object-position);transition:opacity var(--sbb-image-animation-duration) var(--sbb-animation-easing)}.sbb-image__wrapper{display:flex;position:relative;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:inherit;overflow:hidden}`, qe = (r) => {
   if (!r || r.length === 0)
     return [];
   let o;
@@ -21,57 +22,51 @@ const Xe = Qe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-aspect-ra
     return [];
   if (!Array.isArray(o.breakpoints))
     return [];
-  let l = !1, d = !1;
+  let l = !1, m = !1;
   const D = ["image", "mediaQueries"];
-  return o.breakpoints.forEach((E) => {
-    const B = Object.keys(E);
-    B.forEach((_) => {
+  return o.breakpoints.forEach((Q) => {
+    const E = Object.keys(Q);
+    E.forEach((_) => {
       D.includes(_) || (l = !0);
     }), D.forEach((_) => {
-      B.includes(_) || (d = !0);
+      E.includes(_) || (m = !0);
     });
-  }), l || d ? [] : o.breakpoints;
-}, je = {
+  }), l || m ? [] : o.breakpoints;
+}, Oe = {
   once: !0,
   passive: !0
-}, m = (r) => r / Se, Ue = {
-  "sbb-breakpoint-zero-min": m(Ee),
-  "sbb-breakpoint-zero-max": m(Be),
-  "sbb-breakpoint-micro-min": m(De),
-  "sbb-breakpoint-micro-max": m(Fe),
-  "sbb-breakpoint-small-min": m(Ce),
-  "sbb-breakpoint-small-max": m(Ie),
-  "sbb-breakpoint-medium-min": m(Le),
-  "sbb-breakpoint-medium-max": m(we),
-  "sbb-breakpoint-large-min": m($e),
-  "sbb-breakpoint-large-max": m(Me),
-  "sbb-breakpoint-wide-min": m(xe),
-  "sbb-breakpoint-wide-max": m(ve),
-  "sbb-breakpoint-ultra-min": m(ze),
-  "sbb-breakpoint-ultra-max": m(ye)
+}, b = (r) => r / ye, Be = {
+  "sbb-breakpoint-zero-min": b(Le),
+  "sbb-breakpoint-zero-max": b(Me),
+  "sbb-breakpoint-small-min": b(we),
+  "sbb-breakpoint-small-max": b($e),
+  "sbb-breakpoint-large-min": b(xe),
+  "sbb-breakpoint-large-max": b(ve),
+  "sbb-breakpoint-ultra-min": b(ze),
+  "sbb-breakpoint-ultra-max": b(Se)
 };
-let Ze = (() => {
-  var k, P, S, y, z, v, x, M, $, w, L, I, n;
-  let r = [Oe("sbb-image")], o, l = [], d, D = qe, E = [], B, _ = [], q = [], O, T = [], X = [], Y, j = [], U = [], A, V = [], R = [], K, W = [], N = [], H, Z = [], G = [], J, ee = [], te = [], ie, ae = [], se = [], re, oe = [], ne = [], ce, le = [], pe = [], me, de = [], he = [], ue, ge = [], be = [], fe;
+let Ke = (() => {
+  var k, P, y, S, z, v, x, $, w, M, L, I, n;
+  let r = [Fe("sbb-image")], o, l = [], m, D = Ce, Q = [], E, _ = [], O = [], B, T = [], X = [], Y, j = [], U = [], A, V = [], R = [], K, N = [], H = [], W, Z = [], G = [], J, ee = [], te = [], ie, ae = [], se = [], re, oe = [], ne = [], ce, le = [], pe = [], me, de = [], he = [], ue, ge = [], be = [], fe;
   return n = class extends D {
     constructor() {
       super(...arguments);
-      u(this, k);
-      u(this, P);
-      u(this, S);
-      u(this, y);
-      u(this, z);
-      u(this, v);
-      u(this, x);
-      u(this, M);
-      u(this, $);
-      u(this, w);
-      u(this, L);
-      u(this, I);
-      this._captionElement = a(this, E), this._config = {
+      h(this, k);
+      h(this, P);
+      h(this, y);
+      h(this, S);
+      h(this, z);
+      h(this, v);
+      h(this, x);
+      h(this, $);
+      h(this, w);
+      h(this, M);
+      h(this, L);
+      h(this, I);
+      this._captionElement = a(this, Q), this._config = {
         nonRetinaQuality: "45",
         retinaQuality: "20"
-      }, s(this, k, a(this, _, "")), s(this, P, (a(this, q), a(this, T, !1))), s(this, S, (a(this, X), a(this, j, !1))), s(this, y, (a(this, U), a(this, V, "auto"))), s(this, z, (a(this, R), a(this, W, !1))), s(this, v, (a(this, N), a(this, Z, 1))), s(this, x, (a(this, G), a(this, ee, 1))), s(this, M, (a(this, te), a(this, ae, ""))), s(this, $, (a(this, se), a(this, oe, "high"))), s(this, w, (a(this, ne), a(this, le, "eager"))), s(this, L, (a(this, pe), a(this, de, ""))), s(this, I, (a(this, he), a(this, ge, ""))), a(this, be);
+      }, s(this, k, a(this, _, "")), s(this, P, (a(this, O), a(this, T, !1))), s(this, y, (a(this, X), a(this, j, !1))), s(this, S, (a(this, U), a(this, V, "auto"))), s(this, z, (a(this, R), a(this, N, !1))), s(this, v, (a(this, H), a(this, Z, 1))), s(this, x, (a(this, G), a(this, ee, 1))), s(this, $, (a(this, te), a(this, ae, ""))), s(this, w, (a(this, se), a(this, oe, "high"))), s(this, M, (a(this, ne), a(this, le, "eager"))), s(this, L, (a(this, pe), a(this, de, ""))), s(this, I, (a(this, he), a(this, ge, ""))), a(this, be);
     }
     /**
      * An alt text is not always necessary (e.g. in teaser cards when
@@ -81,7 +76,7 @@ let Ze = (() => {
      * technology, that they can skip the image.
      */
     get alt() {
-      return h(this, k);
+      return d(this, k);
     }
     set alt(t) {
       s(this, k, t);
@@ -94,7 +89,7 @@ let Ze = (() => {
      * https://medium.com/@imgix/lqip-your-images-for-fast-loading-2523d9ee4a62
      */
     get skipLqip() {
-      return h(this, P);
+      return d(this, P);
     }
     set skipLqip(t) {
       s(this, P, t);
@@ -105,10 +100,10 @@ let Ze = (() => {
      * https://docs.imgix.com/apis/rendering/focalpoint-crop
      */
     get customFocalPoint() {
-      return h(this, S);
+      return d(this, y);
     }
     set customFocalPoint(t) {
-      s(this, S, t);
+      s(this, y, t);
     }
     /**
      * If the lazy property is set to true, the module will automatically
@@ -118,17 +113,17 @@ let Ze = (() => {
      * https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding
      */
     get decoding() {
-      return h(this, y);
+      return d(this, S);
     }
     set decoding(t) {
-      s(this, y, t);
+      s(this, S, t);
     }
     /**
      * Set this to true, to receive visual guidance where the custom focal
      * point is currently set.
      */
     get focalPointDebug() {
-      return h(this, z);
+      return d(this, z);
     }
     set focalPointDebug(t) {
       s(this, z, t);
@@ -137,7 +132,7 @@ let Ze = (() => {
      * Pass in a floating number between 0 (left) and 1 (right).
      */
     get focalPointX() {
-      return h(this, v);
+      return d(this, v);
     }
     set focalPointX(t) {
       s(this, v, t);
@@ -146,7 +141,7 @@ let Ze = (() => {
      * Pass in a floating number between 0 (top) and 1 (bottom).
      */
     get focalPointY() {
-      return h(this, x);
+      return d(this, x);
     }
     set focalPointY(t) {
       s(this, x, t);
@@ -162,10 +157,10 @@ let Ze = (() => {
      * LYNE Core Team.
      */
     get imageSrc() {
-      return h(this, M);
+      return d(this, $);
     }
     set imageSrc(t) {
-      s(this, M, t);
+      s(this, $, t);
     }
     /**
      * The importance attribute is fairly new attribute which should
@@ -177,10 +172,10 @@ let Ze = (() => {
      * the fold, will set the attribute value to 'low'.
      */
     get importance() {
-      return h(this, $);
+      return d(this, w);
     }
     set importance(t) {
-      s(this, $, t);
+      s(this, w, t);
     }
     /**
      * With the support of native image lazy loading, we can now
@@ -193,10 +188,10 @@ let Ze = (() => {
      * of the initial viewport.
      */
     get loading() {
-      return h(this, w);
+      return d(this, M);
     }
     set loading(t) {
-      s(this, w, t);
+      s(this, M, t);
     }
     /**
      * With performance.mark you can log a timestamp associated with
@@ -212,7 +207,7 @@ let Ze = (() => {
      * here, separate words with underscores or dashes.
      */
     get performanceMark() {
-      return h(this, L);
+      return d(this, L);
     }
     set performanceMark(t) {
       s(this, L, t);
@@ -268,7 +263,7 @@ let Ze = (() => {
      *            "conditionFeature": "max-width",
      *            "conditionFeatureValue": {
      *              "lyneDesignToken": true,
-     *              "value": "sbb-breakpoint-micro-max"
+     *              "value": "sbb-breakpoint-small-max"
      *            },
      *            "conditionOperator": "and"
      *          },
@@ -286,7 +281,7 @@ let Ze = (() => {
      *  }
      */
     get pictureSizesConfig() {
-      return h(this, I);
+      return d(this, I);
     }
     set pictureSizesConfig(t) {
       s(this, I, t);
@@ -307,7 +302,7 @@ let Ze = (() => {
       this.performanceMark && (performance.clearMarks(this.performanceMark), performance.mark(this.performanceMark));
     }
     _matchMediaQueryDesignToken(t) {
-      const e = Ue[t];
+      const e = Be[t];
       return e ? `${e}rem` : "";
     }
     _addFocusAbilityToLinksInCaption() {
@@ -351,7 +346,7 @@ let Ze = (() => {
                 "conditionFeature": "min-width",
                 "conditionFeatureValue": {
                   "lyneDesignToken": true,
-                  "value": "sbb-breakpoint-micro-min"
+                  "value": "sbb-breakpoint-small-min"
                 },
                 "conditionOperator": false
               }
@@ -374,7 +369,7 @@ let Ze = (() => {
             ]
           }
         ]
-      }`, Ye(t);
+      }`, qe(t);
     }
     _createMediaQueryString(t) {
       let e = "";
@@ -393,9 +388,9 @@ let Ze = (() => {
       const t = this._prepareImageUrl(this.imageSrc, !0), e = this._prepareImageUrl(this.imageSrc, !1);
       this.loading === "lazy" && (this.decoding = "async", this.importance = "low");
       const i = this._preparePictureSizeConfigs();
-      return Q`
+      return q`
       <div class="sbb-image__wrapper">
-        ${this.skipLqip ? F : Q`<img
+        ${this.skipLqip ? F : q`<img
               alt=""
               class="sbb-image__blurred"
               src=${t}
@@ -409,7 +404,7 @@ let Ze = (() => {
           <!-- render picture element sources -->
           ${i.map((c) => {
         const C = c.image.height, f = c.image.width, Pe = this._createMediaQueryString(c.mediaQueries);
-        return Q`
+        return q`
               <source
                 media=${`${Pe}`}
                 sizes=${`${f}px`}
@@ -432,11 +427,11 @@ let Ze = (() => {
       </div>
     `;
     }
-  }, k = new WeakMap(), P = new WeakMap(), S = new WeakMap(), y = new WeakMap(), z = new WeakMap(), v = new WeakMap(), x = new WeakMap(), M = new WeakMap(), $ = new WeakMap(), w = new WeakMap(), L = new WeakMap(), I = new WeakMap(), d = n, (() => {
+  }, k = new WeakMap(), P = new WeakMap(), y = new WeakMap(), S = new WeakMap(), z = new WeakMap(), v = new WeakMap(), x = new WeakMap(), $ = new WeakMap(), w = new WeakMap(), M = new WeakMap(), L = new WeakMap(), I = new WeakMap(), m = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(D[Symbol.metadata] ?? null) : void 0;
-    B = [b(), g()], O = [b(), g({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [b(), g({ attribute: "custom-focal-point", type: Boolean })], A = [g()], K = [b(), g({ attribute: "focal-point-debug", type: Boolean })], H = [b(), g({ attribute: "focal-point-x", type: Number })], J = [b(), g({ attribute: "focal-point-y", type: Number })], ie = [b(), g({ attribute: "image-src" })], re = [g()], ce = [g()], me = [b(), g({ attribute: "performance-mark" })], ue = [b(), g({ attribute: "picture-sizes-config" })], fe = [Te(je)], p(n, null, B, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (e) => "alt" in e, get: (e) => e.alt, set: (e, i) => {
+    E = [g(), u()], B = [g(), u({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [g(), u({ attribute: "custom-focal-point", type: Boolean })], A = [u()], K = [g(), u({ attribute: "focal-point-debug", type: Boolean })], W = [g(), u({ attribute: "focal-point-x", type: Number })], J = [g(), u({ attribute: "focal-point-y", type: Number })], ie = [g(), u({ attribute: "image-src" })], re = [u()], ce = [u()], me = [g(), u({ attribute: "performance-mark" })], ue = [g(), u({ attribute: "picture-sizes-config" })], fe = [De(Oe)], p(n, null, E, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (e) => "alt" in e, get: (e) => e.alt, set: (e, i) => {
       e.alt = i;
-    } }, metadata: t }, _, q), p(n, null, O, { kind: "accessor", name: "skipLqip", static: !1, private: !1, access: { has: (e) => "skipLqip" in e, get: (e) => e.skipLqip, set: (e, i) => {
+    } }, metadata: t }, _, O), p(n, null, B, { kind: "accessor", name: "skipLqip", static: !1, private: !1, access: { has: (e) => "skipLqip" in e, get: (e) => e.skipLqip, set: (e, i) => {
       e.skipLqip = i;
     } }, metadata: t }, T, X), p(n, null, Y, { kind: "accessor", name: "customFocalPoint", static: !1, private: !1, access: { has: (e) => "customFocalPoint" in e, get: (e) => e.customFocalPoint, set: (e, i) => {
       e.customFocalPoint = i;
@@ -444,7 +439,7 @@ let Ze = (() => {
       e.decoding = i;
     } }, metadata: t }, V, R), p(n, null, K, { kind: "accessor", name: "focalPointDebug", static: !1, private: !1, access: { has: (e) => "focalPointDebug" in e, get: (e) => e.focalPointDebug, set: (e, i) => {
       e.focalPointDebug = i;
-    } }, metadata: t }, W, N), p(n, null, H, { kind: "accessor", name: "focalPointX", static: !1, private: !1, access: { has: (e) => "focalPointX" in e, get: (e) => e.focalPointX, set: (e, i) => {
+    } }, metadata: t }, N, H), p(n, null, W, { kind: "accessor", name: "focalPointX", static: !1, private: !1, access: { has: (e) => "focalPointX" in e, get: (e) => e.focalPointX, set: (e, i) => {
       e.focalPointX = i;
     } }, metadata: t }, Z, G), p(n, null, J, { kind: "accessor", name: "focalPointY", static: !1, private: !1, access: { has: (e) => "focalPointY" in e, get: (e) => e.focalPointY, set: (e, i) => {
       e.focalPointY = i;
@@ -458,12 +453,12 @@ let Ze = (() => {
       e.performanceMark = i;
     } }, metadata: t }, de, he), p(n, null, ue, { kind: "accessor", name: "pictureSizesConfig", static: !1, private: !1, access: { has: (e) => "pictureSizesConfig" in e, get: (e) => e.pictureSizesConfig, set: (e, i) => {
       e.pictureSizesConfig = i;
-    } }, metadata: t }, ge, be), p(n, null, fe, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (e) => "_imageLoaded" in e, get: (e) => e._imageLoaded }, metadata: t }, null, E), p(null, o = { value: d }, r, { kind: "class", name: d.name, metadata: t }, null, l), d = o.value, t && Object.defineProperty(d, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = Xe, n.events = {
+    } }, metadata: t }, ge, be), p(n, null, fe, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (e) => "_imageLoaded" in e, get: (e) => e._imageLoaded }, metadata: t }, null, Q), p(null, o = { value: m }, r, { kind: "class", name: m.name, metadata: t }, null, l), m = o.value, t && Object.defineProperty(m, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), n.styles = [Ee, Qe], n.events = {
     error: "error",
     load: "load"
-  }, a(d, l), d;
+  }, a(m, l), m;
 })();
 export {
-  Ze as SbbImageElement
+  Ke as SbbImageElement
 };

package/index.d.ts

@@ -50,7 +50,6 @@ import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-o
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
 import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
-import { SbbPopoverTriggerElement } from "./popover/popover-trigger/popover-trigger.component.js";
 import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
@@ -116,7 +115,6 @@ import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/da
 import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
 import { SbbDateInputElement } from "./date-input/date-input.component.js";
 import {  } from "./core/decorators/host-attributes.js";
-import {  } from "./core/decorators/slot-state.js";
 import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
 import { SbbContainerElement } from "./container/container/container.component.js";
 import { SbbClockElement } from "./clock/clock.component.js";
@@ -269,7 +267,6 @@ declare global {
   var SbbOverlayElement: SbbOverlayElement;
   var SbbPaginatorElement: SbbPaginatorElement;
   var SbbPopoverElement: SbbPopoverElement;
-  var SbbPopoverTriggerElement: SbbPopoverTriggerElement;
   var SbbRadioButtonElement: SbbRadioButtonElement;
   var SbbRadioButtonGroupElement: SbbRadioButtonGroupElement;
   var SbbRadioButtonPanelElement: SbbRadioButtonPanelElement;

package/index.js

@@ -50,7 +50,6 @@ import { SbbScreenReaderOnlyElement } from "./screen-reader-only/screen-reader-o
 import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
 import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
 import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.component.js";
-import { SbbPopoverTriggerElement } from "./popover/popover-trigger/popover-trigger.component.js";
 import { SbbPopoverElement } from "./popover/popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
@@ -116,7 +115,6 @@ import { SbbDatepickerNextDayElement } from "./datepicker/datepicker-next-day/da
 import { SbbDatepickerElement } from "./datepicker/datepicker/datepicker.component.js";
 import { SbbDateInputElement } from "./date-input/date-input.component.js";
 import {  } from "./core/decorators/host-attributes.js";
-import {  } from "./core/decorators/slot-state.js";
 import { SbbStickyBarElement } from "./container/sticky-bar/sticky-bar.component.js";
 import { SbbContainerElement } from "./container/container/container.component.js";
 import { SbbClockElement } from "./clock/clock.component.js";
@@ -268,7 +266,6 @@ globalThis.SbbOptionHintElement = SbbOptionHintElement;
 globalThis.SbbOverlayElement = SbbOverlayElement;
 globalThis.SbbPaginatorElement = SbbPaginatorElement;
 globalThis.SbbPopoverElement = SbbPopoverElement;
-globalThis.SbbPopoverTriggerElement = SbbPopoverTriggerElement;
 globalThis.SbbRadioButtonElement = SbbRadioButtonElement;
 globalThis.SbbRadioButtonGroupElement = SbbRadioButtonGroupElement;
 globalThis.SbbRadioButtonPanelElement = SbbRadioButtonPanelElement;