@sbb-esta/lyne-elements 1.14.1 → 1.15.1

package/file-selector/file-selector.d.ts

@@ -39,6 +39,11 @@ export declare class SbbFileSelectorElement extends SbbFileSelectorElement_base
     set files(value: File[]);
     get files(): File[];
     private _files;
+    /**
+     * Form type of element.
+     * @default 'file'
+     */
+    get type(): string;
     /** An event which is emitted each time the file list changes. */
     private _fileChangedEvent;
     private _counter;

package/file-selector/file-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAAoD;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACxD,SAA4B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAExE,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,kDAAkD;IAClD,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,+EAA+E;IAC/E,SACgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAEnE,qEAAqE;IACrE,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/elements/file-selector/file-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBpF,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC;;AAExC;;;;;;;;GAQG;AACH,qBAGM,sBAAuB,SAAQ,2BAAoD;IACvF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,wDAAwD;IACxD,SAA4B,OAAO,EAAE,SAAS,GAAG,UAAU,CAAa;IAExE,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,kDAAkD;IAClD,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,+EAA+E;IAC/E,SACgB,YAAY,EAAE,SAAS,GAAG,YAAY,CAAa;IAEnE,qEAAqE;IACrE,SAEgB,MAAM,EAAE,MAAM,CAAM;IAEpC,iDAAiD;IACjD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,wEAAwE;IACxE,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,oFAAoF;IACpF,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAM7C;IACD,IAAoB,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzC;IAED;;OAEG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,EAS7B;IACD,IAAW,KAAK,IAAI,IAAI,EAAE,CAEzB;IACD,OAAO,CAAC,MAAM,CAAc;IAE5B;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED,iEAAiE;IACjE,OAAO,CAAC,iBAAiB,CAGvB;IAIF,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,WAAW,CAAmC;IACtD,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,SAAS,CAA2C;IAC5D,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;IACI,QAAQ,IAAI,IAAI,EAAE;IAIT,iBAAiB,IAAI,IAAI;IAIzB,wBAAwB,CACtC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,IAAI;cAOY,eAAe,IAAI,IAAI;IAM1C,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;IAUnB,uDAAuD;IACvD,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,eAAe;cA4BJ,MAAM,IAAI,cAAc;CA2C5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/file-selector.js

@@ -101,6 +101,13 @@ let Ce = (() => {
     get files() {
       return this._files;
     }
+    /**
+     * Form type of element.
+     * @default 'file'
+     */
+    get type() {
+      return "file";
+    }
     /**
      * @deprecated use the 'files' property instead
      */

package/flip-card/flip-card/flip-card.d.ts

@@ -26,15 +26,19 @@ export declare class SbbFlipCardElement extends SbbFlipCardElement_base {
     get summary(): SbbFlipCardSummaryElement | null;
     /** Returns the slotted sbb-flip-card-details. */
     get details(): SbbFlipCardDetailsElement | null;
+    /** Returns the card details content element wrapper. */
+    private get _detailsContentElement();
     /** Whether the flip card is flipped. */
     get isFlipped(): boolean;
     /** Whether the card is flipped or not. */
     private accessor _flipped;
     private _abort;
     private _language;
+    private _cardDetailsResizeObserver;
     connectedCallback(): void;
     /** Toggles the state of the sbb-flip-card. */
     toggle(): void;
+    private _setCardDetailsHeight;
     private _accessibilityLabel;
     protected render(): TemplateResult;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"flip-card.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/flip-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAO3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;;GAMG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+CAA+C;IAC/C,SAAS,CAAC,IAAI,EAAE,YAAY,CAA0D;IAEtF,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAgBzC,8CAA8C;IACvC,MAAM,IAAI,IAAI;YASP,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"flip-card.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/flip-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAO3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AACjD,OAAO,6BAA6B,CAAC;;AAErC;;;;;;GAMG;AACH,qBAEM,kBAAmB,SAAQ,uBAA6B;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,SAEgB,kBAAkB,EAAE,MAAM,CAAM;IAEhD,+CAA+C;IAC/C,SAAS,CAAC,IAAI,EAAE,YAAY,CAA0D;IAEtF,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,GAAG,IAAI,CAErD;IAED,wDAAwD;IACxD,OAAO,KAAK,sBAAsB,GAEjC;IAED,wCAAwC;IACxC,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;IAE3C,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,0BAA0B,CAI/B;IAEa,iBAAiB,IAAI,IAAI;IAgBzC,8CAA8C;IACvC,MAAM,IAAI,IAAI;IAerB,OAAO,CAAC,qBAAqB;YAKf,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAsB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/flip-card/flip-card-details.js

@@ -4,12 +4,12 @@ import { css as p, html as f, LitElement as m } from "lit";
 import { customElement as u } from "lit/decorators.js";
 import { IS_FOCUSABLE_QUERY as v } from "../core/a11y.js";
 import { hostAttributes as y } from "../core/decorators.js";
-const g = p`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{display:grid;grid-template-rows:0fr;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:grid-template-rows,transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{grid-template-rows:1fr;transition-delay:0s,var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
-let k = (() => {
+const h = p`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-details-opacity: 0;--sbb-flip-card-details-translate-y: var(--sbb-spacing-fixed-2x);--sbb-flip-card-details-transition-delay: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-flip-card-details-padding: var(--sbb-spacing-responsive-s);--sbb-flip-card-details-padding-block-end: calc( var(--sbb-spacing-responsive-s) + var(--sbb-spacing-responsive-xs) + var(--sbb-size-element-m) );display:contents}.sbb-flip-card-details--wrapper{position:absolute;pointer-events:none;color:var(--sbb-color-milk);opacity:var(--sbb-flip-card-details-opacity);transform:translateY(var(--sbb-flip-card-details-translate-y));transition-property:transform,opacity;transition-duration:var(--sbb-flip-card-details-transition-duration)}:host([data-flipped]) .sbb-flip-card-details--wrapper{transition-delay:var(--sbb-flip-card-details-transition-delay),var(--sbb-flip-card-details-transition-delay)}.sbb-flip-card-details{overflow:hidden;padding:var(--sbb-flip-card-details-padding);padding-block-end:var(--sbb-flip-card-details-padding-block-end)}`;
+let E = (() => {
   var a;
   let d = [u("sbb-flip-card-details"), y({
     slot: "details"
-  })], r, i = [], t, l = m;
+  })], i, r = [], t, l = m;
   return a = class extends l {
     constructor() {
       super(), new c(this, {
@@ -36,9 +36,9 @@ let k = (() => {
     }
   }, t = a, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-    n(null, r = { value: t }, d, { kind: "class", name: t.name, metadata: e }, null, i), t = r.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), a.styles = g, b(t, i), t;
+    n(null, i = { value: t }, d, { kind: "class", name: t.name, metadata: e }, null, r), t = i.value, e && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), a.styles = h, b(t, r), t;
 })();
 export {
-  k as SbbFlipCardDetailsElement
+  E as SbbFlipCardDetailsElement
 };

package/flip-card/flip-card-summary/flip-card-summary.d.ts

@@ -10,7 +10,7 @@ export declare class SbbFlipCardSummaryElement extends LitElement {
     static styles: CSSResultGroup;
     /** The position where to render the image. */
     accessor imageAlignment: SbbFlipCardImageAlignment;
-    protected willUpdate(_changedProperties: PropertyValues): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected render(): TemplateResult;
 }
 declare global {

package/flip-card/flip-card-summary/flip-card-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card-summary.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;cAEjD,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cAQpD,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}
+{"version":3,"file":"flip-card-summary.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/flip-card-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1D;;;;;GAKG;AACH,qBAKM,yBAA0B,SAAQ,UAAU;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,8CAA8C;IAC9C,SACgB,cAAc,EAAE,yBAAyB,CAAW;cAEjD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/flip-card/flip-card-summary.js

@@ -1,18 +1,18 @@
-var p = (e) => {
-  throw TypeError(e);
+var p = (a) => {
+  throw TypeError(a);
 };
-var u = (e, a, t) => a.has(e) || p("Cannot " + t);
-var f = (e, a, t) => (u(e, a, "read from private field"), t ? t.call(e) : a.get(e)), h = (e, a, t) => a.has(e) ? p("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, t), y = (e, a, t, i) => (u(e, a, "write to private field"), i ? i.call(e, t) : a.set(e, t), t);
+var u = (a, e, t) => e.has(a) || p("Cannot " + t);
+var f = (a, e, t) => (u(a, e, "read from private field"), t ? t.call(a) : e.get(a)), h = (a, e, t) => e.has(a) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(a) : e.set(a, t), y = (a, e, t, i) => (u(a, e, "write to private field"), i ? i.call(a, t) : e.set(a, t), t);
 import { __esDecorate as v, __runInitializers as o } from "tslib";
 import { css as w, html as _, LitElement as A } from "lit";
 import { customElement as x, property as S } from "lit/decorators.js";
 import { hostAttributes as z } from "../core/decorators.js";
-const E = w`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;position:absolute;pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:1fr;grid-template-rows:auto 1fr;width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media (min-width: 37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (min-width: 52.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{max-height:var(--sbb-flip-card-min-height);grid-area:2/1/3/2}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted(img){object-fit:cover;width:100%;height:100%}::slotted(sbb-image){--sbb-image-border-radius: 0;--sbb-image-aspect-ratio: auto;width:100%;height:100%}`;
+const E = w`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-summary-opacity: 1;--sbb-flip-card-summary-pointer-events: all;display:contents}.sbb-flip-card-summary{display:grid;min-height:var(--sbb-flip-card-min-height);pointer-events:var(--sbb-flip-card-summary-pointer-events);opacity:var(--sbb-flip-card-summary-opacity);border-radius:var(--sbb-flip-card-border-radius);overflow:hidden;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;transition:all var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay)}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}}::slotted(sbb-title){padding-inline:var(--sbb-spacing-responsive-s);padding-block:var(--sbb-spacing-responsive-s) var(--sbb-spacing-responsive-xs);margin:0;grid-area:1/1/2/2}@media (min-width: 37.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/3}}@media (min-width: 52.5rem){:host([image-alignment=after]) ::slotted(sbb-title){grid-area:1/1/2/2}}::slotted(*:not([slot=image])){transform:translateY(var(--sbb-flip-card-translate-title-y-hover, 0rem));transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x)) var(--sbb-animation-easing)}.sbb-flip-card-summary--image-wrapper{grid-area:2/1/3/2}@media (min-width: 37.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/3/2/4}}@media (min-width: 52.5rem){:host([image-alignment=after]) .sbb-flip-card-summary--image-wrapper{grid-area:1/2/2/3}}::slotted(img){object-fit:cover;width:100%;height:100%}::slotted(sbb-image){--sbb-image-border-radius: 0;--sbb-image-aspect-ratio: auto;width:100%;height:100%}`;
 let C = (() => {
   var l, s;
-  let e = [x("sbb-flip-card-summary"), z({
+  let a = [x("sbb-flip-card-summary"), z({
     slot: "summary"
-  })], a, t = [], i, d = A, b, g = [], c = [];
+  })], e, t = [], i, d = A, b, g = [], c = [];
   return s = class extends d {
     constructor() {
       super(...arguments);
@@ -44,7 +44,7 @@ let C = (() => {
     const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
     b = [S({ attribute: "image-alignment", reflect: !0 })], v(s, null, b, { kind: "accessor", name: "imageAlignment", static: !1, private: !1, access: { has: (m) => "imageAlignment" in m, get: (m) => m.imageAlignment, set: (m, n) => {
       m.imageAlignment = n;
-    } }, metadata: r }, g, c), v(null, a = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, t), i = a.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+    } }, metadata: r }, g, c), v(null, e = { value: i }, a, { kind: "class", name: i.name, metadata: r }, null, t), i = e.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
   })(), s.styles = E, o(i, t), i;
 })();
 export {

package/flip-card/flip-card.js

@@ -1,30 +1,35 @@
-var w = (e) => {
+var C = (e) => {
   throw TypeError(e);
 };
-var z = (e, a, s) => a.has(e) || w("Cannot " + s);
-var m = (e, a, s) => (z(e, a, "read from private field"), s ? s.call(e) : a.get(e)), f = (e, a, s) => a.has(e) ? w("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), d = (e, a, s, r) => (z(e, a, "write to private field"), r ? r.call(e, s) : a.set(e, s), s);
-import { __runInitializers as c, __esDecorate as u } from "tslib";
-import { css as L, LitElement as S, isServer as C, html as E } from "lit";
-import { customElement as $, property as F, state as I } from "lit/decorators.js";
-import { until as A } from "lit/directives/until.js";
-import { IS_FOCUSABLE_QUERY as D } from "../core/a11y.js";
-import { SbbConnectedAbortController as O, SbbLanguageController as T } from "../core/controllers.js";
-import { forceType as j } from "../core/decorators.js";
-import { EventEmitter as q } from "../core/eventing.js";
-import { i18nFlipCard as H, i18nReverseCard as R } from "../core/i18n.js";
-import { SbbHydrationMixin as U } from "../core/mixins.js";
+var k = (e, a, s) => a.has(e) || C("Cannot " + s);
+var m = (e, a, s) => (k(e, a, "read from private field"), s ? s.call(e) : a.get(e)), f = (e, a, s) => a.has(e) ? C("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, s), d = (e, a, s, r) => (k(e, a, "write to private field"), r ? r.call(e, s) : a.set(e, s), s);
+import { __runInitializers as c, __esDecorate as h } from "tslib";
+import { ResizeController as w } from "@lit-labs/observers/resize-controller.js";
+import { css as L, LitElement as S, isServer as E, html as D } from "lit";
+import { customElement as H, property as R, state as $ } from "lit/decorators.js";
+import { until as I } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY as O } from "../core/a11y.js";
+import { SbbConnectedAbortController as F, SbbLanguageController as A } from "../core/controllers.js";
+import { forceType as T } from "../core/decorators.js";
+import { EventEmitter as j } from "../core/eventing.js";
+import { i18nFlipCard as q, i18nReverseCard as M } from "../core/i18n.js";
+import { SbbHydrationMixin as P } from "../core/mixins.js";
 import "../button/secondary-button-static.js";
 import "../screen-reader-only.js";
-const B = L`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-toggle-icon-transform: rotate(0);--sbb-flip-card-background-color: var(--sbb-color-cloud);--sbb-flip-card-border-radius: var(--sbb-border-radius-4x);--sbb-flip-card-min-height: 17.5rem;--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );position:relative;display:block}@media (min-width: 52.5rem){:host{--sbb-flip-card-min-height: 20rem}}@media (any-hover: hover){:host(:hover){--sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host([data-flipped]){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host([data-flipped]) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host([data-flipped]) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media (min-width: 37.5rem) and (max-width: 52.4375rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 15rem}}@media (min-width: 80rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;gap:var(--sbb-spacing-responsive-xs);min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:var(--sbb-flip-card-summary-transition-duration) ease-out;transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:pointer}@media (forced-colors: active){.sbb-flip-card:after{content:"";border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}}@media (forced-colors: active) and (any-hover: hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:"";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s);background-color:var(--sbb-color-midnight);width:var(--sbb-size-element-xs);height:var(--sbb-size-element-xs);border-radius:16rem;transition:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease-out}:host([data-flipped]) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s)}:host([data-flipped]) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:pointer}.sbb-flip-card-button:not([data-focus-origin=mouse],[data-focus-origin=touch]):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
-let ei = (() => {
+const U = L`*,:before,:after{box-sizing:border-box}:host{--sbb-flip-card-toggle-icon-transform: rotate(0);--sbb-flip-card-background-color: var(--sbb-color-cloud);--sbb-flip-card-border-radius: var(--sbb-border-radius-4x);--sbb-flip-card-min-height: 17.5rem;--sbb-flip-card-summary-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x) );--sbb-flip-card-summary-transition-delay: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );position:relative;display:block}@media (min-width: 52.5rem){:host{--sbb-flip-card-min-height: 20rem}}@media (any-hover: hover){:host(:hover){--sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80);--sbb-flip-card-translate-title-y-hover: -.0625rem}}:host([data-flipped]){--sbb-flip-card-toggle-icon-transform: rotate(45deg);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-flip-card-summary-transition-delay: 0s}:host([data-flipped]) ::slotted(sbb-flip-card-summary){--sbb-flip-card-summary-opacity: 0;--sbb-flip-card-summary-pointer-events: none}:host([data-flipped]) ::slotted(sbb-flip-card-details){--sbb-flip-card-details-opacity: 1;--sbb-flip-card-details-translate-y: 0}@media (min-width: 37.5rem) and (max-width: 52.4375rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 15rem}}@media (min-width: 80rem){:host([data-image-alignment=after]){--sbb-flip-card-min-height: 25rem}}.sbb-flip-card{position:relative;display:flex;height:100%;flex-flow:wrap;flex-direction:column;gap:var(--sbb-spacing-responsive-xs);min-height:var(--sbb-flip-card-min-height);background-color:var(--sbb-flip-card-background-color);border-radius:var(--sbb-flip-card-border-radius);transition:all var(--sbb-flip-card-summary-transition-duration) ease-out,min-height var(--sbb-flip-card-details-transition-duration);transition-delay:var(--sbb-flip-card-summary-transition-delay);cursor:pointer}:host([data-flipped]) .sbb-flip-card{min-height:max(var(--sbb-flip-card-min-height),var(--sbb-flip-card-details-height))}@media (forced-colors: active){.sbb-flip-card:after{content:"";border:var(--sbb-border-width-2x) solid CanvasText;border-radius:var(--sbb-flip-card-border-radius);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}}@media (forced-colors: active) and (any-hover: hover){:host(:hover) .sbb-flip-card:after{border-color:Highlight}}.sbb-flip-card:before{content:"";opacity:0;pointer-events:none;position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s);background-color:var(--sbb-color-midnight);width:var(--sbb-size-element-xs);height:var(--sbb-size-element-xs);border-radius:16rem;transition:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-3x)) ease-out}:host([data-flipped]) .sbb-flip-card:before{opacity:1;inset-inline-start:0;inset-block-end:0;width:100%;height:100%;border-radius:var(--sbb-flip-card-border-radius);transition-duration:var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-5x))}.sbb-flip-card--toggle-button{position:absolute;inset-inline-start:var(--sbb-spacing-responsive-s);inset-block-end:var(--sbb-spacing-responsive-s)}:host([data-flipped]) .sbb-flip-card--toggle-button{--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-flip-card--toggle-button-icon{transform:var(--sbb-flip-card-toggle-icon-transform);transition:transform var(--sbb-flip-card-summary-transition-duration) ease-out}.sbb-flip-card-button{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border-radius:var(--sbb-flip-card-border-radius);cursor:pointer}.sbb-flip-card-button:not([data-focus-origin=mouse],[data-focus-origin=touch]):focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width)}`;
+let st = (() => {
   var l, n, o;
-  let e = [$("sbb-flip-card")], a, s = [], r, h = U(S), g, v = [], y = [], _, x = [], k = [];
-  var p = (o = class extends h {
+  let e = [H("sbb-flip-card")], a, s = [], r, u = P(S), g, v = [], _ = [], y, x = [], z = [];
+  var p = (o = class extends u {
     constructor() {
       super(...arguments);
       f(this, l);
       f(this, n);
-      d(this, l, c(this, v, "")), this.flip = (c(this, y), new q(this, p.events.flip)), d(this, n, c(this, x, !1)), this._abort = (c(this, k), new O(this)), this._language = new T(this);
+      d(this, l, c(this, v, "")), this.flip = (c(this, _), new j(this, p.events.flip)), d(this, n, c(this, x, !1)), this._abort = (c(this, z), new F(this)), this._language = new A(this), this._cardDetailsResizeObserver = new w(this, {
+        target: null,
+        skipInitial: !0,
+        callback: () => this._setCardDetailsHeight()
+      });
     }
     /**
      * This will be forwarded as aria-label to the action in the non flipped state.
@@ -33,18 +38,22 @@ let ei = (() => {
     get accessibilityLabel() {
       return m(this, l);
     }
-    set accessibilityLabel(i) {
-      d(this, l, i);
+    set accessibilityLabel(t) {
+      d(this, l, t);
     }
     /** Returns the slotted sbb-flip-card-summary. */
     get summary() {
-      var i;
-      return (i = this.querySelector) == null ? void 0 : i.call(this, "sbb-flip-card-summary");
+      var t;
+      return (t = this.querySelector) == null ? void 0 : t.call(this, "sbb-flip-card-summary");
     }
     /** Returns the slotted sbb-flip-card-details. */
     get details() {
-      var i;
-      return (i = this.querySelector) == null ? void 0 : i.call(this, "sbb-flip-card-details");
+      var t;
+      return (t = this.querySelector) == null ? void 0 : t.call(this, "sbb-flip-card-details");
+    }
+    /** Returns the card details content element wrapper. */
+    get _detailsContentElement() {
+      return this.details.shadowRoot.firstElementChild;
     }
     /** Whether the flip card is flipped. */
     get isFlipped() {
@@ -54,32 +63,37 @@ let ei = (() => {
     get _flipped() {
       return m(this, n);
     }
-    set _flipped(i) {
-      d(this, n, i);
+    set _flipped(t) {
+      d(this, n, t);
     }
     connectedCallback() {
-      super.connectedCallback(), this.addEventListener("click", (i) => {
-        var t, b;
-        (i.target === this || !((b = (t = i.target) == null ? void 0 : t.matches) != null && b.call(t, D))) && this.toggle();
+      super.connectedCallback(), this.addEventListener("click", (t) => {
+        var i, b;
+        (t.target === this || !((b = (i = t.target) == null ? void 0 : i.matches) != null && b.call(i, O))) && this.toggle();
       }, { signal: this._abort.signal });
     }
     /** Toggles the state of the sbb-flip-card. */
     toggle() {
-      this._flipped = !this._flipped, this.toggleAttribute("data-flipped", this._flipped), this.details.toggleAttribute("data-flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.flip.emit();
+      this._flipped = !this._flipped, this._flipped ? (this._setCardDetailsHeight(), this._cardDetailsResizeObserver.observe(this._detailsContentElement)) : this._cardDetailsResizeObserver.unobserve(this._detailsContentElement), this.toggleAttribute("data-flipped", this._flipped), this.details.toggleAttribute("data-flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.flip.emit();
+    }
+    _setCardDetailsHeight() {
+      var i;
+      const t = Math.floor(this._detailsContentElement.offsetHeight);
+      (i = this.style) == null || i.setProperty("--sbb-flip-card-details-height", `${t}px`);
     }
     async _accessibilityLabel() {
-      var i, t;
-      return C ? "" : (await this.hydrationComplete, this._flipped ? R[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : (t = (i = this.summary) == null ? void 0 : i.textContent) == null ? void 0 : t.trim()) ?? ""}, ${H[this._language.current]}`);
+      var t, i;
+      return E ? "" : (await this.hydrationComplete, this._flipped ? M[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : (i = (t = this.summary) == null ? void 0 : t.textContent) == null ? void 0 : i.trim()) ?? ""}, ${q[this._language.current]}`);
     }
     render() {
-      return E`
+      return D`
       <div class="sbb-flip-card">
         <button
           class="sbb-flip-card-button"
           aria-expanded=${this._flipped.toString()}
           type="button"
         >
-          <sbb-screen-reader-only>${A(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
+          <sbb-screen-reader-only>${I(this._accessibilityLabel(), "")}</sbb-screen-reader-only>
         </button>
         <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <slot name="details" @slotchange=${() => this.details.inert = !this._flipped}></slot>
@@ -94,17 +108,17 @@ let ei = (() => {
     `;
     }
   }, l = new WeakMap(), n = new WeakMap(), r = o, (() => {
-    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-    g = [j(), F({ attribute: "accessibility-label" })], _ = [I()], u(o, null, g, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (t) => "accessibilityLabel" in t, get: (t) => t.accessibilityLabel, set: (t, b) => {
-      t.accessibilityLabel = b;
-    } }, metadata: i }, v, y), u(o, null, _, { kind: "accessor", name: "_flipped", static: !1, private: !1, access: { has: (t) => "_flipped" in t, get: (t) => t._flipped, set: (t, b) => {
-      t._flipped = b;
-    } }, metadata: i }, x, k), u(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: i }, null, s), p = r = a.value, i && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), o.styles = B, o.events = {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    g = [T(), R({ attribute: "accessibility-label" })], y = [$()], h(o, null, g, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (i) => "accessibilityLabel" in i, get: (i) => i.accessibilityLabel, set: (i, b) => {
+      i.accessibilityLabel = b;
+    } }, metadata: t }, v, _), h(o, null, y, { kind: "accessor", name: "_flipped", static: !1, private: !1, access: { has: (i) => "_flipped" in i, get: (i) => i._flipped, set: (i, b) => {
+      i._flipped = b;
+    } }, metadata: t }, x, z), h(null, a = { value: r }, e, { kind: "class", name: r.name, metadata: t }, null, s), p = r = a.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.styles = U, o.events = {
     flip: "flip"
   }, c(r, s), o);
   return p = r;
 })();
 export {
-  ei as SbbFlipCardElement
+  st as SbbFlipCardElement
 };

package/icon/icon.d.ts

@@ -1,7 +1,7 @@
 import { PropertyValues, TemplateResult } from 'lit';
 import { SbbIconBase } from './icon-base.js';
 /**
- * It displays an icon loaded from a registered namespace.
+ * Displays an icon loaded from a registered namespace.
  */
 export declare class SbbIconElement extends SbbIconBase {
     /**

package/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/elements/image/image.ts"],"names":[],"mappings":"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"}

package/image.js

@@ -1,16 +1,17 @@
 var qt = (r) => {
   throw TypeError(r);
 };
-var Tt = (r, n, g) => n.has(r) || qt("Cannot " + g);
-var p = (r, n, g) => (Tt(r, n, "read from private field"), g ? g.call(r) : n.get(r)), h = (r, n, g) => n.has(r) ? qt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, g), s = (r, n, g, b) => (Tt(r, n, "write to private field"), b ? b.call(r, g) : n.set(r, g), g);
+var Tt = (r, n, m) => n.has(r) || qt("Cannot " + m);
+var p = (r, n, m) => (Tt(r, n, "read from private field"), m ? m.call(r) : n.get(r)), h = (r, n, m) => n.has(r) ? qt("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, m), s = (r, n, m, b) => (Tt(r, n, "write to private field"), b ? b.call(r, m) : n.set(r, m), m);
 import { __esDecorate as c, __runInitializers as a } from "tslib";
-import { css as At, html as T, nothing as _, LitElement as Ut } from "lit";
-import { customElement as Vt, property as d, eventOptions as Kt } from "lit/decorators.js";
-import { ref as Wt } from "lit/directives/ref.js";
+import { S as At, a as Ut, b as Vt, c as Kt, d as Wt, e as Nt, f as Zt, g as Gt, h as Jt, i as te, j as ee, k as ie, l as ae, m as se, n as re } from "./sbb-tokens-Dx20OtVg.js";
+import { css as oe, html as T, nothing as _, LitElement as ne } from "lit";
+import { customElement as ce, property as d, eventOptions as le } from "lit/decorators.js";
+import { ref as pe } from "lit/directives/ref.js";
 import { forceType as u } from "./core/decorators.js";
-import { hostContext as Nt } from "./core/dom.js";
-const Zt = 0, Gt = 359, Jt = 360, te = 599, ee = 600, ie = 839, ae = 840, se = 1023, re = 1024, oe = 1279, ne = 1280, ce = 1439, le = 1440, pe = 2579, he = 16, de = At`*,:before,:after{box-sizing:border-box}:host{--sbb-image-border-radius: var(--sbb-border-radius-4x);--sbb-image-aspect-ratio: auto;--sbb-image-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block}:host([aspect-ratio="1-1"]){--sbb-image-aspect-ratio: 1 / 1}:host([aspect-ratio="1-2"]){--sbb-image-aspect-ratio: 1 / 2}:host([aspect-ratio="2-1"]){--sbb-image-aspect-ratio: 2 / 1}:host([aspect-ratio="2-3"]){--sbb-image-aspect-ratio: 2 / 3}:host([aspect-ratio="3-2"]){--sbb-image-aspect-ratio: 3 / 2}:host([aspect-ratio="3-4"]){--sbb-image-aspect-ratio: 3 / 4}:host([aspect-ratio="4-3"]){--sbb-image-aspect-ratio: 4 / 3}:host([aspect-ratio="4-5"]){--sbb-image-aspect-ratio: 4 / 5}:host([aspect-ratio="5-4"]){--sbb-image-aspect-ratio: 5 / 4}:host([aspect-ratio="16-9"]){--sbb-image-aspect-ratio: 16 / 9}:host([aspect-ratio="9-16"]){--sbb-image-aspect-ratio: 9 / 16}:host([data-teaser]){--sbb-image-aspect-ratio: 1 / 1}@media (min-width: 37.5rem){:host([data-teaser]){--sbb-image-aspect-ratio: 16 / 9}}:host(:is([border-radius=none],[data-teaser])){--sbb-image-border-radius: 0}:host([border-radius=round]:not([data-teaser])){--sbb-image-border-radius: var(--sbb-border-radius-infinity)}.sbb-image__figure{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-4x);margin:0;height:100%}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;top:0;right:0;bottom:0;left: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;overflow:hidden;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:var(--sbb-image-border-radius)}.sbb-image__caption{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}`;
-var jt = Object.freeze, ge = Object.defineProperty, me = (r, n) => jt(ge(r, "raw", { value: jt(r.slice()) })), Xt;
+import { hostContext as he } from "./core/dom.js";
+const de = oe`*,:before,:after{box-sizing:border-box}:host{--sbb-image-border-radius: var(--sbb-border-radius-4x);--sbb-image-aspect-ratio: auto;--sbb-image-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-image-object-fit: cover;display:block}:host([aspect-ratio="1-1"]){--sbb-image-aspect-ratio: 1 / 1}:host([aspect-ratio="1-2"]){--sbb-image-aspect-ratio: 1 / 2}:host([aspect-ratio="2-1"]){--sbb-image-aspect-ratio: 2 / 1}:host([aspect-ratio="2-3"]){--sbb-image-aspect-ratio: 2 / 3}:host([aspect-ratio="3-2"]){--sbb-image-aspect-ratio: 3 / 2}:host([aspect-ratio="3-4"]){--sbb-image-aspect-ratio: 3 / 4}:host([aspect-ratio="4-3"]){--sbb-image-aspect-ratio: 4 / 3}:host([aspect-ratio="4-5"]){--sbb-image-aspect-ratio: 4 / 5}:host([aspect-ratio="5-4"]){--sbb-image-aspect-ratio: 5 / 4}:host([aspect-ratio="16-9"]){--sbb-image-aspect-ratio: 16 / 9}:host([aspect-ratio="9-16"]){--sbb-image-aspect-ratio: 9 / 16}:host([data-teaser]){--sbb-image-aspect-ratio: 1 / 1}@media (min-width: 37.5rem){:host([data-teaser]){--sbb-image-aspect-ratio: 16 / 9}}:host(:is([border-radius=none],[data-teaser])){--sbb-image-border-radius: 0}:host([border-radius=round]:not([data-teaser])){--sbb-image-border-radius: var(--sbb-border-radius-infinity)}.sbb-image__figure{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-4x);margin:0;height:100%}.sbb-image__img{opacity:.000001}:host([data-loaded]) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;top:0;right:0;bottom:0;left: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;overflow:hidden;width:100%;height:100%;aspect-ratio:var(--sbb-image-aspect-ratio);border-radius:var(--sbb-image-border-radius)}.sbb-image__caption{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}`;
+var jt = Object.freeze, me = Object.defineProperty, ge = (r, n) => jt(me(r, "raw", { value: jt(r.slice()) })), Xt;
 const be = (r) => {
   if (!r || r.length === 0)
     return [];
@@ -24,38 +25,38 @@ const be = (r) => {
     return [];
   if (!Array.isArray(n.breakpoints))
     return [];
-  let g = !1, b = !1;
+  let m = !1, b = !1;
   const Q = ["image", "mediaQueries"];
   return n.breakpoints.forEach((j) => {
     const H = Object.keys(j);
     H.forEach((k) => {
-      Q.includes(k) || (g = !0);
+      Q.includes(k) || (m = !0);
     }), Q.forEach((k) => {
       H.includes(k) || (b = !0);
     });
-  }), g || b ? [] : n.breakpoints;
+  }), m || b ? [] : n.breakpoints;
 }, ue = {
   once: !0,
   passive: !0
-}, m = (r) => r / he, _e = {
-  "sbb-breakpoint-zero-min": m(Zt),
-  "sbb-breakpoint-zero-max": m(Gt),
-  "sbb-breakpoint-micro-min": m(Jt),
-  "sbb-breakpoint-micro-max": m(te),
-  "sbb-breakpoint-small-min": m(ee),
-  "sbb-breakpoint-small-max": m(ie),
-  "sbb-breakpoint-medium-min": m(ae),
-  "sbb-breakpoint-medium-max": m(se),
-  "sbb-breakpoint-large-min": m(re),
-  "sbb-breakpoint-large-max": m(oe),
-  "sbb-breakpoint-wide-min": m(ne),
-  "sbb-breakpoint-wide-max": m(ce),
-  "sbb-breakpoint-ultra-min": m(le),
-  "sbb-breakpoint-ultra-max": m(pe)
+}, g = (r) => r / At, _e = {
+  "sbb-breakpoint-zero-min": g(Ut),
+  "sbb-breakpoint-zero-max": g(Vt),
+  "sbb-breakpoint-micro-min": g(Kt),
+  "sbb-breakpoint-micro-max": g(Wt),
+  "sbb-breakpoint-small-min": g(Nt),
+  "sbb-breakpoint-small-max": g(Zt),
+  "sbb-breakpoint-medium-min": g(Gt),
+  "sbb-breakpoint-medium-max": g(Jt),
+  "sbb-breakpoint-large-min": g(te),
+  "sbb-breakpoint-large-max": g(ee),
+  "sbb-breakpoint-wide-min": g(ie),
+  "sbb-breakpoint-wide-max": g(ae),
+  "sbb-breakpoint-ultra-min": g(se),
+  "sbb-breakpoint-ultra-max": g(re)
 };
-let $e = (() => {
-  var y, z, P, v, x, S, $, M, w, I, L, C, R, D, F, B, E, o;
-  let r = [Vt("sbb-image")], n, g = [], b, Q = Ut, j = [], H, k = [], X = [], Y, A = [], U = [], V, K = [], W = [], N, Z = [], G = [], J, tt = [], et = [], it, at = [], st = [], rt, ot = [], nt = [], ct, lt = [], pt = [], ht, dt = [], gt = [], mt, bt = [], ut = [], _t, ft = [], kt = [], yt, zt = [], Pt = [], vt, xt = [], St = [], $t, Mt = [], wt = [], It, Lt = [], Ct = [], Rt, Dt = [], Ft = [], Bt, Et = [], Qt = [], Ht;
+let Me = (() => {
+  var y, z, P, v, S, x, $, M, w, I, L, C, R, D, F, B, E, o;
+  let r = [ce("sbb-image")], n, m = [], b, Q = ne, j = [], H, k = [], X = [], Y, A = [], U = [], V, K = [], W = [], N, Z = [], G = [], J, tt = [], et = [], it, at = [], st = [], rt, ot = [], nt = [], ct, lt = [], pt = [], ht, dt = [], mt = [], gt, bt = [], ut = [], _t, ft = [], kt = [], yt, zt = [], Pt = [], vt, St = [], xt = [], $t, Mt = [], wt = [], It, Lt = [], Ct = [], Rt, Dt = [], Ft = [], Bt, Et = [], Qt = [], Ht;
   return o = class extends Q {
     constructor() {
       super(...arguments);
@@ -63,8 +64,8 @@ let $e = (() => {
       h(this, z);
       h(this, P);
       h(this, v);
-      h(this, x);
       h(this, S);
+      h(this, x);
       h(this, $);
       h(this, M);
       h(this, w);
@@ -79,7 +80,7 @@ let $e = (() => {
       this._captionElement = a(this, j), this._config = {
         nonRetinaQuality: "45",
         retinaQuality: "20"
-      }, s(this, y, a(this, k, "")), s(this, z, (a(this, X), a(this, A, !1))), s(this, P, (a(this, U), a(this, K, ""))), s(this, v, (a(this, W), a(this, Z, ""))), s(this, x, (a(this, G), a(this, tt, "Organization"))), s(this, S, (a(this, et), a(this, at, !1))), s(this, $, (a(this, st), a(this, ot, "auto"))), s(this, M, (a(this, nt), a(this, lt, !1))), s(this, w, (a(this, pt), a(this, dt, 1))), s(this, I, (a(this, gt), a(this, bt, 1))), s(this, L, (a(this, ut), a(this, ft, ""))), s(this, C, (a(this, kt), a(this, zt, "high"))), s(this, R, (a(this, Pt), a(this, xt, "eager"))), s(this, D, (a(this, St), a(this, Mt, ""))), s(this, F, (a(this, wt), a(this, Lt, ""))), s(this, B, (a(this, Ct), a(this, Dt, "default"))), s(this, E, (a(this, Ft), a(this, Et, "16-9"))), a(this, Qt);
+      }, s(this, y, a(this, k, "")), s(this, z, (a(this, X), a(this, A, !1))), s(this, P, (a(this, U), a(this, K, ""))), s(this, v, (a(this, W), a(this, Z, ""))), s(this, S, (a(this, G), a(this, tt, "Organization"))), s(this, x, (a(this, et), a(this, at, !1))), s(this, $, (a(this, st), a(this, ot, "auto"))), s(this, M, (a(this, nt), a(this, lt, !1))), s(this, w, (a(this, pt), a(this, dt, 1))), s(this, I, (a(this, mt), a(this, bt, 1))), s(this, L, (a(this, ut), a(this, ft, ""))), s(this, C, (a(this, kt), a(this, zt, "high"))), s(this, R, (a(this, Pt), a(this, St, "eager"))), s(this, D, (a(this, xt), a(this, Mt, ""))), s(this, F, (a(this, wt), a(this, Lt, ""))), s(this, B, (a(this, Ct), a(this, Dt, "default"))), s(this, E, (a(this, Ft), a(this, Et, "16-9"))), a(this, Qt);
     }
     /**
      * An alt text is not always necessary (e.g. in teaser cards when
@@ -134,10 +135,10 @@ let $e = (() => {
      * Copyright holder can either be an Organization or a Person
      */
     get copyrightHolder() {
-      return p(this, x);
+      return p(this, S);
     }
     set copyrightHolder(e) {
-      s(this, x, e);
+      s(this, S, e);
     }
     /**
      * Set this to true, if you want to pass a custom focal point
@@ -145,10 +146,10 @@ let $e = (() => {
      * https://docs.imgix.com/apis/rendering/focalpoint-crop
      */
     get customFocalPoint() {
-      return p(this, S);
+      return p(this, x);
     }
     set customFocalPoint(e) {
-      s(this, S, e);
+      s(this, x, e);
     }
     /**
      * If the lazy property is set to true, the module will automatically
@@ -357,7 +358,7 @@ let $e = (() => {
       return ((i = (t = (e = this.shadowRoot) == null ? void 0 : e.querySelector) == null ? void 0 : t.call(e, ".sbb-image__img")) == null ? void 0 : i.complete) ?? !1;
     }
     connectedCallback() {
-      super.connectedCallback(), this.toggleAttribute("data-teaser", !!Nt("sbb-teaser-hero", this) || !!this.closest("sbb-teaser-paid"));
+      super.connectedCallback(), this.toggleAttribute("data-teaser", !!he("sbb-teaser-hero", this) || !!this.closest("sbb-teaser-paid"));
     }
     updated(e) {
       super.updated(e), this._captionElement && (this._linksInCaption = this._captionElement.querySelectorAll("a"), this._linksInCaption && this._addFocusAbilityToLinksInCaption());
@@ -507,17 +508,17 @@ let $e = (() => {
         ${e ? T`<figcaption
               class="sbb-image__caption"
               .innerHTML=${e}
-              ${Wt((f) => {
+              ${pe((f) => {
         this._captionElement = f;
       })}
             ></figcaption>` : _}
-        ${t ? T(Xt || (Xt = me(['<script type="application/ld+json" .innerHTML=', "><\/script>"])), t) : _}
+        ${t ? T(Xt || (Xt = ge(['<script type="application/ld+json" .innerHTML=', "><\/script>"])), t) : _}
       </figure>
     `;
     }
-  }, y = new WeakMap(), z = new WeakMap(), P = new WeakMap(), v = new WeakMap(), x = new WeakMap(), S = new WeakMap(), $ = new WeakMap(), M = new WeakMap(), w = new WeakMap(), I = new WeakMap(), L = new WeakMap(), C = new WeakMap(), R = new WeakMap(), D = new WeakMap(), F = new WeakMap(), B = new WeakMap(), E = new WeakMap(), b = o, (() => {
+  }, y = new WeakMap(), z = new WeakMap(), P = new WeakMap(), v = new WeakMap(), S = new WeakMap(), x = new WeakMap(), $ = new WeakMap(), M = new WeakMap(), w = new WeakMap(), I = new WeakMap(), L = new WeakMap(), C = new WeakMap(), R = new WeakMap(), D = new WeakMap(), F = new WeakMap(), B = new WeakMap(), E = new WeakMap(), b = o, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(Q[Symbol.metadata] ?? null) : void 0;
-    H = [u(), d()], Y = [u(), d({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], V = [u(), d()], N = [u(), d()], J = [d({ attribute: "copyright-holder" })], it = [u(), d({ attribute: "custom-focal-point", type: Boolean })], rt = [d()], ct = [u(), d({ attribute: "focal-point-debug", type: Boolean })], ht = [u(), d({ attribute: "focal-point-x", type: Number })], mt = [u(), d({ attribute: "focal-point-y", type: Number })], _t = [u(), d({ attribute: "image-src" })], yt = [d()], vt = [d()], $t = [u(), d({ attribute: "performance-mark" })], It = [u(), d({ attribute: "picture-sizes-config" })], Rt = [d({ attribute: "border-radius", reflect: !0 })], Bt = [d({ attribute: "aspect-ratio", reflect: !0 })], Ht = [Kt(ue)], c(o, null, H, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (t) => "alt" in t, get: (t) => t.alt, set: (t, i) => {
+    H = [u(), d()], Y = [u(), d({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], V = [u(), d()], N = [u(), d()], J = [d({ attribute: "copyright-holder" })], it = [u(), d({ attribute: "custom-focal-point", type: Boolean })], rt = [d()], ct = [u(), d({ attribute: "focal-point-debug", type: Boolean })], ht = [u(), d({ attribute: "focal-point-x", type: Number })], gt = [u(), d({ attribute: "focal-point-y", type: Number })], _t = [u(), d({ attribute: "image-src" })], yt = [d()], vt = [d()], $t = [u(), d({ attribute: "performance-mark" })], It = [u(), d({ attribute: "picture-sizes-config" })], Rt = [d({ attribute: "border-radius", reflect: !0 })], Bt = [d({ attribute: "aspect-ratio", reflect: !0 })], Ht = [le(ue)], c(o, null, H, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (t) => "alt" in t, get: (t) => t.alt, set: (t, i) => {
       t.alt = i;
     } }, metadata: e }, k, X), c(o, null, Y, { kind: "accessor", name: "skipLqip", static: !1, private: !1, access: { has: (t) => "skipLqip" in t, get: (t) => t.skipLqip, set: (t, i) => {
       t.skipLqip = i;
@@ -535,7 +536,7 @@ let $e = (() => {
       t.focalPointDebug = i;
     } }, metadata: e }, lt, pt), c(o, null, ht, { kind: "accessor", name: "focalPointX", static: !1, private: !1, access: { has: (t) => "focalPointX" in t, get: (t) => t.focalPointX, set: (t, i) => {
       t.focalPointX = i;
-    } }, metadata: e }, dt, gt), c(o, null, mt, { kind: "accessor", name: "focalPointY", static: !1, private: !1, access: { has: (t) => "focalPointY" in t, get: (t) => t.focalPointY, set: (t, i) => {
+    } }, metadata: e }, dt, mt), c(o, null, gt, { kind: "accessor", name: "focalPointY", static: !1, private: !1, access: { has: (t) => "focalPointY" in t, get: (t) => t.focalPointY, set: (t, i) => {
       t.focalPointY = i;
     } }, metadata: e }, bt, ut), c(o, null, _t, { kind: "accessor", name: "imageSrc", static: !1, private: !1, access: { has: (t) => "imageSrc" in t, get: (t) => t.imageSrc, set: (t, i) => {
       t.imageSrc = i;
@@ -543,7 +544,7 @@ let $e = (() => {
       t.importance = i;
     } }, metadata: e }, zt, Pt), c(o, null, vt, { kind: "accessor", name: "loading", static: !1, private: !1, access: { has: (t) => "loading" in t, get: (t) => t.loading, set: (t, i) => {
       t.loading = i;
-    } }, metadata: e }, xt, St), c(o, null, $t, { kind: "accessor", name: "performanceMark", static: !1, private: !1, access: { has: (t) => "performanceMark" in t, get: (t) => t.performanceMark, set: (t, i) => {
+    } }, metadata: e }, St, xt), c(o, null, $t, { kind: "accessor", name: "performanceMark", static: !1, private: !1, access: { has: (t) => "performanceMark" in t, get: (t) => t.performanceMark, set: (t, i) => {
       t.performanceMark = i;
     } }, metadata: e }, Mt, wt), c(o, null, It, { kind: "accessor", name: "pictureSizesConfig", static: !1, private: !1, access: { has: (t) => "pictureSizesConfig" in t, get: (t) => t.pictureSizesConfig, set: (t, i) => {
       t.pictureSizesConfig = i;
@@ -551,12 +552,12 @@ let $e = (() => {
       t.borderRadius = i;
     } }, metadata: e }, Dt, Ft), c(o, null, Bt, { kind: "accessor", name: "aspectRatio", static: !1, private: !1, access: { has: (t) => "aspectRatio" in t, get: (t) => t.aspectRatio, set: (t, i) => {
       t.aspectRatio = i;
-    } }, metadata: e }, Et, Qt), c(o, null, Ht, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (t) => "_imageLoaded" in t, get: (t) => t._imageLoaded }, metadata: e }, null, j), c(null, n = { value: b }, r, { kind: "class", name: b.name, metadata: e }, null, g), b = n.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+    } }, metadata: e }, Et, Qt), c(o, null, Ht, { kind: "method", name: "_imageLoaded", static: !1, private: !1, access: { has: (t) => "_imageLoaded" in t, get: (t) => t._imageLoaded }, metadata: e }, null, j), c(null, n = { value: b }, r, { kind: "class", name: b.name, metadata: e }, null, m), b = n.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
   })(), o.styles = de, o.events = {
     error: "error",
     load: "load"
-  }, a(b, g), b;
+  }, a(b, m), b;
 })();
 export {
-  $e as SbbImageElement
+  Me as SbbImageElement
 };