@sbb-esta/lyne-elements 4.0.0-next.2 → 4.0.0-next.4

package/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAIhE;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAwC;IAErF,iCAAiC;IACjC,IAAW,QAAQ,IAAI,qBAAqB,EAAE,CAI7C;IAED,oDAAoD;IACpD,IAAW,KAAK,IAAI,qBAAqB,GAAG,IAAI,CAI/C;IAED,kDAAkD;IAClD,IAAW,GAAG,IAAI,qBAAqB,GAAG,IAAI,CAI7C;cAEkB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}

package/{sidebar → icon-sidebar}/icon-sidebar-container/icon-sidebar-container.component.js

@@ -1,7 +1,7 @@
 import { __esDecorate as n, __runInitializers as o } from "tslib";
 import { css as m, LitElement as c, html as b } from "lit";
 import { customElement as d } from "lit/decorators.js";
-import { sidebarContainerCommonStyle as u } from "../common.js";
+import { sidebarContainerCommonStyle as u } from "../../sidebar/common.js";
 const h = m`:host{display:flex}`;
 let S = (() => {
   var e;

package/{sidebar → icon-sidebar}/icon-sidebar-container.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-container/icon-sidebar-container.component.js';
+export * from './icon-sidebar-container/icon-sidebar-container.component.ts';
 //# sourceMappingURL=icon-sidebar-container.d.ts.map

package/icon-sidebar/icon-sidebar-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-container.d.ts","sourceRoot":"","sources":["../../../src/elements/icon-sidebar/icon-sidebar-container.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}

package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-content.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOjF;;;;GAIG;AACH,qBAEM,4BAA6B,SAAQ,UAAU;IACnD,OAAuB,MAAM,EAAE,cAAc,CAAsC;IAEnE,iBAAiB,IAAI,IAAI;cAStB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/{sidebar → icon-sidebar}/icon-sidebar-content/icon-sidebar-content.component.js

@@ -1,7 +1,7 @@
 import { __esDecorate as n, __runInitializers as c } from "tslib";
 import { css as i, LitElement as m, html as b } from "lit";
 import { customElement as u } from "lit/decorators.js";
-import { sidebarContentCommonStyle as d } from "../common.js";
+import { sidebarContentCommonStyle as d } from "../../sidebar/common.js";
 const f = i`:host{flex-grow:1}`;
 let h = (() => {
   var e;

package/{sidebar → icon-sidebar}/icon-sidebar-content.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './icon-sidebar-content/icon-sidebar-content.component.js';
+export * from './icon-sidebar-content/icon-sidebar-content.component.ts';
 //# sourceMappingURL=icon-sidebar-content.d.ts.map

package/icon-sidebar/icon-sidebar-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-content.d.ts","sourceRoot":"","sources":["../../../src/elements/icon-sidebar/icon-sidebar-content.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC"}

package/{sidebar → icon-sidebar}/icon-sidebar-link/icon-sidebar-link.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-import { SbbTooltipDefaultPositions } from '../../tooltip.js';
-declare const SbbIconSidebarLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+import { SbbTooltipDefaultPositions } from '../../tooltip.ts';
+declare const SbbIconSidebarLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../../icon.ts').SbbIconNameMixinType> & typeof SbbLinkBaseElement;
 /**
  * Link to be placed inside `sbb-icon-sidebar`.
  *

package/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-link.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAIjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;;AAEnE;;;;GAIG;AACH,qBAEM,yBACJ,SAAQ,8BACR,YAAW,0BAA0B;IAErC,OAAuB,MAAM,EAAE,cAAc,CAAmD;IAChG,gBAAgB;IAChB,SAAgB,gBAAgB,WAAkC;cAE/C,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

package/{sidebar → icon-sidebar}/icon-sidebar-link/icon-sidebar-link.component.js

@@ -3,7 +3,7 @@ import { customElement as m } from "lit/decorators.js";
 import { SbbLinkBaseElement as c } from "../../core/base-elements.js";
 import { boxSizingStyles as u } from "../../core/styles.js";
 import { SbbIconNameMixin as b } from "../../icon.js";
-import { iconSidebarButtonCommonStyle as d } from "../common.js";
+import { iconSidebarButtonCommonStyle as d } from "../../sidebar/common.js";
 let I = (() => {
   var e;
   let l = [m("sbb-icon-sidebar-link")], a, i = [], t, o = b(c);

package/icon-sidebar/icon-sidebar-link.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './icon-sidebar-link/icon-sidebar-link.component.ts';
+//# sourceMappingURL=icon-sidebar-link.d.ts.map

package/icon-sidebar/icon-sidebar-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar-link.d.ts","sourceRoot":"","sources":["../../../src/elements/icon-sidebar/icon-sidebar-link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oDAAoD,CAAC"}

package/icon-sidebar/icon-sidebar.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @entrypoint
+ */
+export * from './icon-sidebar/icon-sidebar.component.ts';
+//# sourceMappingURL=icon-sidebar.d.ts.map

package/icon-sidebar/icon-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar.d.ts","sourceRoot":"","sources":["../../../src/elements/icon-sidebar/icon-sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0CAA0C,CAAC"}

package/{icon-sidebar-button-common-W6GYJbVt.js → icon-sidebar-button-common-ffAscVDk.js}

@@ -1,5 +1,5 @@
 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)}`;
+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(:is(:state(button),[state--button])){--sbb-icon-sidebar-button-color: ButtonText !important}}@media(forced-colors:active){:host(:is(:state(link),[state--link])){--sbb-icon-sidebar-button-color: LinkText !important}}@media(any-hover:hover){:host(:not(:active,:is(:state(active),[state--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,

package/icon-sidebar.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @entrypoint
+ */
+export * from './icon-sidebar/icon-sidebar.ts';
+export * from './icon-sidebar/icon-sidebar-button.ts';
+export * from './icon-sidebar/icon-sidebar-container.ts';
+export * from './icon-sidebar/icon-sidebar-content.ts';
+export * from './icon-sidebar/icon-sidebar-link.ts';
+//# sourceMappingURL=icon-sidebar.d.ts.map

package/icon-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-sidebar.d.ts","sourceRoot":"","sources":["../../src/elements/icon-sidebar.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,qCAAqC,CAAC"}

package/icon-sidebar.js

@@ -0,0 +1,12 @@
+import { SbbIconSidebarElement as n } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
+import { SbbIconSidebarButtonElement as b } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
+import { SbbIconSidebarContainerElement as m } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
+import { SbbIconSidebarContentElement as i } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
+import { SbbIconSidebarLinkElement as c } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
+export {
+  b as SbbIconSidebarButtonElement,
+  m as SbbIconSidebarContainerElement,
+  i as SbbIconSidebarContentElement,
+  n as SbbIconSidebarElement,
+  c as SbbIconSidebarLinkElement
+};

package/icon.d.ts

@@ -1,9 +1,9 @@
 /**
  * @entrypoint
  */
-export * from './icon/icon.component.js';
-export * from './icon/icon-base.js';
-export * from './icon/icon-request.js';
-export * from './icon/icon-validate.js';
-export * from './icon/icon-name-mixin.js';
+export * from './icon/icon.component.ts';
+export * from './icon/icon-base.ts';
+export * from './icon/icon-request.ts';
+export * from './icon/icon-validate.ts';
+export * from './icon/icon-name-mixin.ts';
 //# sourceMappingURL=icon.d.ts.map

package/image/image.component.d.ts

@@ -17,6 +17,7 @@ export interface InterfaceImageAttributesSizesConfigMediaQuery {
     };
     conditionOperator: false;
 }
+declare const SbbImageElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.ts').SbbElementInternalsConstructor;
 /**
  * It displays an image.
  *
@@ -26,7 +27,7 @@ export interface InterfaceImageAttributesSizesConfigMediaQuery {
  * @cssprop [--sbb-image-object-position] - Can be used to set the object-position CSS property of the image itself if the image itself is cropped.
  * @cssprop [--sbb-image-object-fit=cover] - Can be used to set the object-fit CSS property of the image itself if the image itself is cropped.
  */
-export declare class SbbImageElement extends LitElement {
+export declare class SbbImageElement extends SbbImageElement_base {
     static styles: CSSResultGroup;
     static readonly events: {
         readonly error: "error";
@@ -111,9 +112,9 @@ export declare class SbbImageElement extends LitElement {
      */
     accessor loading: 'eager' | 'lazy';
     /**
-     * With performance.mark you can log a timestamp associated with
+     * With `performance.mark` you can log a timestamp associated with
      * the name you define in performanceMark when a certain event is
-     * happening. In our case we will log the performance.mark into
+     * happening. In our case we will log the `performance.mark` into
      * the PerformanceEntry API once the image is fully loaded.
      * Performance monitoring tools like SpeedCurve or Lighthouse are
      * then able to grab these entries from the PerformanceEntry API
@@ -210,4 +211,5 @@ declare global {
         'sbb-image': SbbImageElement;
     }
 }
+export {};
 //# sourceMappingURL=image.component.d.ts.map

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":"AAUA,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;AAwFD;;;;;;;;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;IAM5B,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":"AAUA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,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;;AAwFD;;;;;;;;GAQG;AACH,qBAEM,eAAgB,SAAQ,oBAAoC;IAChE,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;IAM5B,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

@@ -4,12 +4,13 @@ var be = (o) => {
 var _e = (o, r, l) => r.has(o) || be("Cannot " + l);
 var d = (o, r, l) => (_e(o, r, "read from private field"), l ? l.call(o) : r.get(o)), h = (o, r, l) => r.has(o) ? be("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(o) : r.set(o, l), s = (o, r, l, m) => (_e(o, r, "write to private field"), m ? m.call(o, l) : r.set(o, l), l);
 import { __esDecorate as p, __runInitializers as a } from "tslib";
-import { c as Pe, d as ye, a as Se, S as ze, b as ve, e as xe, f as $e, g as we } from "../sbb-tokens-BNWpZrLn.js";
-import { css as Me, LitElement as Le, nothing as C, html as q } from "lit";
-import { customElement as Ie, property as g, eventOptions as Ce } from "lit/decorators.js";
+import { f as Pe, c as ye, e as Se, b as ze, d as ve, a as xe, g as $e, S as we } from "../sbb-tokens-DruExozg.js";
+import { css as Me, LitElement as Ie, nothing as C, html as q } from "lit";
+import { customElement as Le, property as g, eventOptions as Ce } from "lit/decorators.js";
 import { forceType as u } from "../core/decorators.js";
-import { boxSizingStyles as Fe } from "../core/styles.js";
-const De = Me`: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}`, Ee = (o) => {
+import { SbbElementInternalsMixin as Fe } from "../core/mixins.js";
+import { boxSizingStyles as De } from "../core/styles.js";
+const Ee = Me`: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(:is(:state(loaded),[state--loaded])) .sbb-image__img{opacity:.999999}:host(:not([skip-lqip])) .sbb-image__img{position:absolute;inset:0}:host(:is(:state(loaded),[state--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 = (o) => {
   if (!o || o.length === 0)
     return [];
   let r;
@@ -32,10 +33,10 @@ const De = Me`:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-durat
       D.includes(b) || (m = !0);
     });
   }), l || m ? [] : r.breakpoints;
-}, qe = {
+}, Qe = {
   once: !0,
   passive: !0
-}, Qe = {
+}, Oe = {
   "sbb-breakpoint-zero-min": we,
   "sbb-breakpoint-zero-max": $e,
   "sbb-breakpoint-small-min": xe,
@@ -45,9 +46,9 @@ const De = Me`:host{--sbb-image-aspect-ratio: 16 / 9;--sbb-image-animation-durat
   "sbb-breakpoint-ultra-min": ye,
   "sbb-breakpoint-ultra-max": Pe
 };
-let Ve = (() => {
-  var _, k, P, y, S, z, v, x, $, w, M, L, n;
-  let o = [Ie("sbb-image")], r, l = [], m, F = Le, E = [], D, b = [], Q = [], O, B = [], X = [], Y, j = [], U = [], A, T = [], V = [], R, K = [], N = [], H, W = [], Z = [], G, J = [], ee = [], te, ie = [], ae = [], se, re = [], oe = [], ne, ce = [], le = [], pe, me = [], de = [], he, ge = [], ue = [], fe;
+let Ke = (() => {
+  var _, k, P, y, S, z, v, x, $, w, M, I, n;
+  let o = [Le("sbb-image")], r, l = [], m, F = Fe(Ie), E = [], D, b = [], Q = [], O, B = [], X = [], Y, j = [], U = [], T, V = [], A = [], R, K = [], N = [], H, W = [], Z = [], G, J = [], ee = [], te, ie = [], ae = [], se, re = [], oe = [], ne, ce = [], le = [], pe, me = [], de = [], he, ge = [], ue = [], fe;
   return n = class extends F {
     constructor() {
       super(...arguments);
@@ -62,11 +63,11 @@ let Ve = (() => {
       h(this, $);
       h(this, w);
       h(this, M);
-      h(this, L);
+      h(this, I);
       this._captionElement = a(this, E), this._config = {
         nonRetinaQuality: "45",
         retinaQuality: "20"
-      }, s(this, _, a(this, b, "")), s(this, k, (a(this, Q), a(this, B, !1))), s(this, P, (a(this, X), a(this, j, !1))), s(this, y, (a(this, U), a(this, T, "auto"))), s(this, S, (a(this, V), a(this, K, !1))), s(this, z, (a(this, N), a(this, W, 1))), s(this, v, (a(this, Z), a(this, J, 1))), s(this, x, (a(this, ee), a(this, ie, ""))), s(this, $, (a(this, ae), a(this, re, "high"))), s(this, w, (a(this, oe), a(this, ce, "eager"))), s(this, M, (a(this, le), a(this, me, ""))), s(this, L, (a(this, de), a(this, ge, ""))), a(this, ue);
+      }, s(this, _, a(this, b, "")), s(this, k, (a(this, Q), a(this, B, !1))), s(this, P, (a(this, X), a(this, j, !1))), s(this, y, (a(this, U), a(this, V, "auto"))), s(this, S, (a(this, A), a(this, K, !1))), s(this, z, (a(this, N), a(this, W, 1))), s(this, v, (a(this, Z), a(this, J, 1))), s(this, x, (a(this, ee), a(this, ie, ""))), s(this, $, (a(this, ae), a(this, re, "high"))), s(this, w, (a(this, oe), a(this, ce, "eager"))), s(this, M, (a(this, le), a(this, me, ""))), s(this, I, (a(this, de), a(this, ge, ""))), a(this, ue);
     }
     /**
      * An alt text is not always necessary (e.g. in teaser cards when
@@ -194,9 +195,9 @@ let Ve = (() => {
       s(this, w, t);
     }
     /**
-     * With performance.mark you can log a timestamp associated with
+     * With `performance.mark` you can log a timestamp associated with
      * the name you define in performanceMark when a certain event is
-     * happening. In our case we will log the performance.mark into
+     * happening. In our case we will log the `performance.mark` into
      * the PerformanceEntry API once the image is fully loaded.
      * Performance monitoring tools like SpeedCurve or Lighthouse are
      * then able to grab these entries from the PerformanceEntry API
@@ -281,10 +282,10 @@ let Ve = (() => {
      *  }
      */
     get pictureSizesConfig() {
-      return d(this, L);
+      return d(this, I);
     }
     set pictureSizesConfig(t) {
-      s(this, L, t);
+      s(this, I, t);
     }
     /** Whether the image is finished loading or failed to load. */
     get complete() {
@@ -295,7 +296,7 @@ let Ve = (() => {
     }
     firstUpdated(t) {
       super.firstUpdated(t), this.updateComplete.then(() => {
-        this.complete && this.toggleAttribute("data-loaded", !0);
+        this.complete && this.internals.states.add("loaded");
       });
     }
     _logPerformanceMarks() {
@@ -365,20 +366,20 @@ let Ve = (() => {
             ]
           }
         ]
-      }`, Ee(t);
+      }`, qe(t);
     }
     _createMediaQueryString(t) {
       let e = "";
       return t.forEach((i) => {
         const c = i.conditionFeature;
-        let I;
-        i.conditionFeatureValue.lyneDesignToken ? I = Qe[i.conditionFeatureValue.value] ?? "" : I = i.conditionFeatureValue.value;
+        let L;
+        i.conditionFeatureValue.lyneDesignToken ? L = Oe[i.conditionFeatureValue.value] ?? "" : L = i.conditionFeatureValue.value;
         const f = i.conditionOperator ? ` ${i.conditionOperator} ` : "";
-        e += `(${c}: ${I})${f}`;
+        e += `(${c}: ${L})${f}`;
       }), e;
     }
     _imageLoaded() {
-      this._logPerformanceMarks(), this.toggleAttribute("data-loaded", !0), this.dispatchEvent(new Event("load"));
+      this._logPerformanceMarks(), this.internals.states.add("loaded"), this.dispatchEvent(new Event("load"));
     }
     render() {
       const t = this._prepareImageUrl(this.imageSrc, !0), e = this._prepareImageUrl(this.imageSrc, !1);
@@ -399,12 +400,12 @@ let Ve = (() => {
         <picture>
           <!-- render picture element sources -->
           ${i.map((c) => {
-        const I = c.image.height, f = c.image.width, ke = this._createMediaQueryString(c.mediaQueries);
+        const L = c.image.height, f = c.image.width, ke = this._createMediaQueryString(c.mediaQueries);
         return q`
               <source
                 media=${`${ke}`}
                 sizes=${`${f}px`}
-                srcset=${`${e}&w=${f}&h=${I}&q=${this._config.nonRetinaQuality} ${f}w, ${e}&w=${f * 2}&h=${I * 2}&q=${this._config.retinaQuality} ${f * 2}w`}
+                srcset=${`${e}&w=${f}&h=${L}&q=${this._config.nonRetinaQuality} ${f}w, ${e}&w=${f * 2}&h=${L * 2}&q=${this._config.retinaQuality} ${f * 2}w`}
               ></source>`;
       })}
           <img
@@ -423,17 +424,17 @@ let Ve = (() => {
       </div>
     `;
     }
-  }, _ = new WeakMap(), 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(), m = n, (() => {
+  }, _ = new WeakMap(), 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(), I = new WeakMap(), m = n, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(F[Symbol.metadata] ?? null) : void 0;
-    D = [u(), g()], O = [u(), g({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [u(), g({ attribute: "custom-focal-point", type: Boolean })], A = [g()], R = [u(), g({ attribute: "focal-point-debug", type: Boolean })], H = [u(), g({ attribute: "focal-point-x", type: Number })], G = [u(), g({ attribute: "focal-point-y", type: Number })], te = [u(), g({ attribute: "image-src" })], se = [g()], ne = [g()], pe = [u(), g({ attribute: "performance-mark" })], he = [u(), g({ attribute: "picture-sizes-config" })], fe = [Ce(qe)], p(n, null, D, { kind: "accessor", name: "alt", static: !1, private: !1, access: { has: (e) => "alt" in e, get: (e) => e.alt, set: (e, i) => {
+    D = [u(), g()], O = [u(), g({ attribute: "skip-lqip", type: Boolean, reflect: !0 })], Y = [u(), g({ attribute: "custom-focal-point", type: Boolean })], T = [g()], R = [u(), g({ attribute: "focal-point-debug", type: Boolean })], H = [u(), g({ attribute: "focal-point-x", type: Number })], G = [u(), g({ attribute: "focal-point-y", type: Number })], te = [u(), g({ attribute: "image-src" })], se = [g()], ne = [g()], pe = [u(), g({ attribute: "performance-mark" })], he = [u(), g({ attribute: "picture-sizes-config" })], fe = [Ce(Qe)], p(n, null, D, { 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 }, b, 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) => {
       e.skipLqip = i;
     } }, metadata: t }, B, 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;
-    } }, metadata: t }, j, U), p(n, null, A, { kind: "accessor", name: "decoding", static: !1, private: !1, access: { has: (e) => "decoding" in e, get: (e) => e.decoding, set: (e, i) => {
+    } }, metadata: t }, j, U), p(n, null, T, { kind: "accessor", name: "decoding", static: !1, private: !1, access: { has: (e) => "decoding" in e, get: (e) => e.decoding, set: (e, i) => {
       e.decoding = i;
-    } }, metadata: t }, T, V), p(n, null, R, { kind: "accessor", name: "focalPointDebug", static: !1, private: !1, access: { has: (e) => "focalPointDebug" in e, get: (e) => e.focalPointDebug, set: (e, i) => {
+    } }, metadata: t }, V, A), p(n, null, R, { 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 }, K, 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) => {
       e.focalPointX = i;
@@ -450,11 +451,11 @@ let Ve = (() => {
     } }, metadata: t }, me, de), p(n, null, he, { 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, ue), 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, r = { value: m }, o, { kind: "class", name: m.name, metadata: t }, null, l), m = r.value, t && Object.defineProperty(m, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), n.styles = [Fe, De], n.events = {
+  })(), n.styles = [De, Ee], n.events = {
     error: "error",
     load: "load"
   }, a(m, l), m;
 })();
 export {
-  Ve as SbbImageElement
+  Ke as SbbImageElement
 };

package/image.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './image/image.component.js';
+export * from './image/image.component.ts';
 //# sourceMappingURL=image.d.ts.map

package/index.d.ts

@@ -38,11 +38,6 @@ import { SbbSidebarContentElement } from "./sidebar/sidebar-content/sidebar-cont
 import { SbbSidebarContainerElement } from "./sidebar/sidebar-container/sidebar-container.component.js";
 import { SbbSidebarCloseButtonElement } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
 import { SbbSidebarElement } from "./sidebar/sidebar/sidebar.component.js";
-import { SbbIconSidebarLinkElement } from "./sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { SbbIconSidebarContentElement } from "./sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
-import { SbbIconSidebarContainerElement } from "./sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
-import { SbbIconSidebarButtonElement } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { SbbIconSidebarElement } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
 import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
 import { SbbSelectElement } from "./select/select.component.js";
@@ -50,7 +45,7 @@ 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 { SbbPopoverElement } from "./popover/popover/popover.component.js";
+import { SbbPopoverElement } from "./popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
 import { SbbOverlayElement } from "./overlay/overlay.component.js";
@@ -86,6 +81,11 @@ import { SbbBlockLinkElement } from "./link/block-link/block-link.component.js";
 import { SbbLeadContainerElement } from "./lead-container/lead-container.component.js";
 import { SbbJourneyHeaderElement } from "./journey-header/journey-header.component.js";
 import { SbbImageElement } from "./image/image.component.js";
+import { SbbIconSidebarLinkElement } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
+import { SbbIconSidebarContentElement } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
+import { SbbIconSidebarContainerElement } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
+import { SbbIconSidebarButtonElement } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
+import { SbbIconSidebarElement } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbIconElement } from "./icon/icon.component.js";
 import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
 import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
@@ -93,7 +93,7 @@ import { SbbHeaderButtonElement } from "./header/header-button/header-button.com
 import { SbbHeaderElement } from "./header/header/header.component.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldElement } from "./form-field/form-field/form-field.component.js";
-import { SbbFormErrorElement } from "./form-error/form-error.component.js";
+import { SbbErrorElement } from "./form-field/error/error.component.js";
 import { SbbFooterElement } from "./footer/footer.component.js";
 import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
 import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.component.js";
@@ -148,12 +148,6 @@ import { SbbAccentButtonLinkElement } from "./button/accent-button-link/accent-b
 import { SbbAccentButtonElement } from "./button/accent-button/accent-button.component.js";
 import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
 import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
-import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 import { SbbAutocompleteElement } from "./autocomplete/autocomplete.component.js";
 import { SbbAlertGroupElement } from "./alert/alert-group/alert-group.component.js";
 import { SbbAlertElement } from "./alert/alert/alert.component.js";
@@ -169,12 +163,6 @@ declare global {
   var SbbAlertElement: SbbAlertElement;
   var SbbAlertGroupElement: SbbAlertGroupElement;
   var SbbAutocompleteElement: SbbAutocompleteElement;
-  var SbbAutocompleteGridButtonElement: SbbAutocompleteGridButtonElement;
-  var SbbAutocompleteGridCellElement: SbbAutocompleteGridCellElement;
-  var SbbAutocompleteGridElement: SbbAutocompleteGridElement;
-  var SbbAutocompleteGridOptgroupElement: SbbAutocompleteGridOptgroupElement;
-  var SbbAutocompleteGridOptionElement: SbbAutocompleteGridOptionElement;
-  var SbbAutocompleteGridRowElement: SbbAutocompleteGridRowElement;
   var SbbBlockLinkButtonElement: SbbBlockLinkButtonElement;
   var SbbBlockLinkElement: SbbBlockLinkElement;
   var SbbBlockLinkStaticElement: SbbBlockLinkStaticElement;
@@ -211,6 +199,7 @@ declare global {
   var SbbDialogElement: SbbDialogElement;
   var SbbDialogTitleElement: SbbDialogTitleElement;
   var SbbDividerElement: SbbDividerElement;
+  var SbbErrorElement: SbbErrorElement;
   var SbbExpansionPanelContentElement: SbbExpansionPanelContentElement;
   var SbbExpansionPanelElement: SbbExpansionPanelElement;
   var SbbExpansionPanelHeaderElement: SbbExpansionPanelHeaderElement;
@@ -220,7 +209,6 @@ declare global {
   var SbbFlipCardElement: SbbFlipCardElement;
   var SbbFlipCardSummaryElement: SbbFlipCardSummaryElement;
   var SbbFooterElement: SbbFooterElement;
-  var SbbFormErrorElement: SbbFormErrorElement;
   var SbbFormFieldClearElement: SbbFormFieldClearElement;
   var SbbFormFieldElement: SbbFormFieldElement;
   var SbbHeaderButtonElement: SbbHeaderButtonElement;

package/index.js

@@ -38,11 +38,6 @@ import { SbbSidebarContentElement } from "./sidebar/sidebar-content/sidebar-cont
 import { SbbSidebarContainerElement } from "./sidebar/sidebar-container/sidebar-container.component.js";
 import { SbbSidebarCloseButtonElement } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
 import { SbbSidebarElement } from "./sidebar/sidebar/sidebar.component.js";
-import { SbbIconSidebarLinkElement } from "./sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-import { SbbIconSidebarContentElement } from "./sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
-import { SbbIconSidebarContainerElement } from "./sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
-import { SbbIconSidebarButtonElement } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { SbbIconSidebarElement } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbSelectionExpansionPanelElement } from "./selection-expansion-panel/selection-expansion-panel.component.js";
 import { SbbSelectionActionPanelElement } from "./selection-action-panel/selection-action-panel.component.js";
 import { SbbSelectElement } from "./select/select.component.js";
@@ -50,7 +45,7 @@ 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 { SbbPopoverElement } from "./popover/popover/popover.component.js";
+import { SbbPopoverElement } from "./popover/popover.component.js";
 import { SbbPaginatorElement } from "./paginator/paginator/paginator.component.js";
 import { SbbCompactPaginatorElement } from "./paginator/compact-paginator/compact-paginator.component.js";
 import { SbbOverlayElement } from "./overlay/overlay.component.js";
@@ -86,6 +81,11 @@ import { SbbBlockLinkElement } from "./link/block-link/block-link.component.js";
 import { SbbLeadContainerElement } from "./lead-container/lead-container.component.js";
 import { SbbJourneyHeaderElement } from "./journey-header/journey-header.component.js";
 import { SbbImageElement } from "./image/image.component.js";
+import { SbbIconSidebarLinkElement } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
+import { SbbIconSidebarContentElement } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
+import { SbbIconSidebarContainerElement } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
+import { SbbIconSidebarButtonElement } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
+import { SbbIconSidebarElement } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbIconElement } from "./icon/icon.component.js";
 import { SbbHeaderLinkElement } from "./header/header-link/header-link.component.js";
 import { SbbHeaderEnvironmentElement } from "./header/header-environment/header-environment.component.js";
@@ -93,7 +93,7 @@ import { SbbHeaderButtonElement } from "./header/header-button/header-button.com
 import { SbbHeaderElement } from "./header/header/header.component.js";
 import { SbbFormFieldClearElement } from "./form-field/form-field-clear/form-field-clear.component.js";
 import { SbbFormFieldElement } from "./form-field/form-field/form-field.component.js";
-import { SbbFormErrorElement } from "./form-error/form-error.component.js";
+import { SbbErrorElement } from "./form-field/error/error.component.js";
 import { SbbFooterElement } from "./footer/footer.component.js";
 import { SbbFlipCardSummaryElement } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
 import { SbbFlipCardDetailsElement } from "./flip-card/flip-card-details/flip-card-details.component.js";
@@ -148,12 +148,6 @@ import { SbbAccentButtonLinkElement } from "./button/accent-button-link/accent-b
 import { SbbAccentButtonElement } from "./button/accent-button/accent-button.component.js";
 import { SbbBreadcrumbGroupElement } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
 import { SbbBreadcrumbElement } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
-import { SbbAutocompleteGridRowElement } from "./autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js";
-import { SbbAutocompleteGridOptionElement } from "./autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js";
-import { SbbAutocompleteGridOptgroupElement } from "./autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js";
-import { SbbAutocompleteGridCellElement } from "./autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js";
-import { SbbAutocompleteGridButtonElement } from "./autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js";
-import { SbbAutocompleteGridElement } from "./autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js";
 import { SbbAutocompleteElement } from "./autocomplete/autocomplete.component.js";
 import { SbbAlertGroupElement } from "./alert/alert-group/alert-group.component.js";
 import { SbbAlertElement } from "./alert/alert/alert.component.js";
@@ -168,12 +162,6 @@ globalThis.SbbActionGroupElement = SbbActionGroupElement;
 globalThis.SbbAlertElement = SbbAlertElement;
 globalThis.SbbAlertGroupElement = SbbAlertGroupElement;
 globalThis.SbbAutocompleteElement = SbbAutocompleteElement;
-globalThis.SbbAutocompleteGridButtonElement = SbbAutocompleteGridButtonElement;
-globalThis.SbbAutocompleteGridCellElement = SbbAutocompleteGridCellElement;
-globalThis.SbbAutocompleteGridElement = SbbAutocompleteGridElement;
-globalThis.SbbAutocompleteGridOptgroupElement = SbbAutocompleteGridOptgroupElement;
-globalThis.SbbAutocompleteGridOptionElement = SbbAutocompleteGridOptionElement;
-globalThis.SbbAutocompleteGridRowElement = SbbAutocompleteGridRowElement;
 globalThis.SbbBlockLinkButtonElement = SbbBlockLinkButtonElement;
 globalThis.SbbBlockLinkElement = SbbBlockLinkElement;
 globalThis.SbbBlockLinkStaticElement = SbbBlockLinkStaticElement;
@@ -210,6 +198,7 @@ globalThis.SbbDialogContentElement = SbbDialogContentElement;
 globalThis.SbbDialogElement = SbbDialogElement;
 globalThis.SbbDialogTitleElement = SbbDialogTitleElement;
 globalThis.SbbDividerElement = SbbDividerElement;
+globalThis.SbbErrorElement = SbbErrorElement;
 globalThis.SbbExpansionPanelContentElement = SbbExpansionPanelContentElement;
 globalThis.SbbExpansionPanelElement = SbbExpansionPanelElement;
 globalThis.SbbExpansionPanelHeaderElement = SbbExpansionPanelHeaderElement;
@@ -219,7 +208,6 @@ globalThis.SbbFlipCardDetailsElement = SbbFlipCardDetailsElement;
 globalThis.SbbFlipCardElement = SbbFlipCardElement;
 globalThis.SbbFlipCardSummaryElement = SbbFlipCardSummaryElement;
 globalThis.SbbFooterElement = SbbFooterElement;
-globalThis.SbbFormErrorElement = SbbFormErrorElement;
 globalThis.SbbFormFieldClearElement = SbbFormFieldClearElement;
 globalThis.SbbFormFieldElement = SbbFormFieldElement;
 globalThis.SbbHeaderButtonElement = SbbHeaderButtonElement;

package/journey-header/journey-header.component.d.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
-import { SbbTitleBase } from '../title.js';
+import { SbbTitleBase } from '../title.ts';
 export type JourneyHeaderSize = 's' | 'm' | 'l';
-declare const SbbJourneyHeaderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof SbbTitleBase;
+declare const SbbJourneyHeaderElement_base: import('../core/mixins.ts').AbstractConstructor<import('../core/mixins.ts').SbbNegativeMixinType> & typeof SbbTitleBase;
 /**
  * Combined with the `sbb-journey-summary`, it displays the journey's detail.
  */

package/journey-header.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './journey-header/journey-header.component.js';
+export * from './journey-header/journey-header.component.ts';
 //# sourceMappingURL=journey-header.d.ts.map

package/lead-container.d.ts

@@ -1,5 +1,5 @@
 /**
  * @entrypoint
  */
-export * from './lead-container/lead-container.component.js';
+export * from './lead-container/lead-container.component.ts';
 //# sourceMappingURL=lead-container.d.ts.map

package/link/block-link/block-link.component.d.ts

@@ -1,5 +1,5 @@
-import { SbbLinkBaseElement } from '../../core/base-elements.js';
-declare const SbbBlockLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+import { SbbLinkBaseElement } from '../../core/base-elements.ts';
+declare const SbbBlockLinkElement_base: import('../../core/mixins.ts').AbstractConstructor<import('../common.ts').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.ts').AbstractConstructor<import('../../core/mixins.ts').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link enhanced with the SBB Design.
  *