@sbb-esta/lyne-elements 1.6.0 → 1.7.0

package/development/train/train-formation.js

@@ -32,12 +32,12 @@ const style = css`/**
 }
 
 :host {
+  display: block;
   --sbb-train-formation-inline-padding: var(--sbb-spacing-fixed-4x);
   --sbb-train-formation-background-color: var(--sbb-color-white);
   --sbb-train-formation-sector-label-color: var(--sbb-color-metal);
   --sbb-train-formation-sector-line-color: var(--sbb-color-smoke);
   --sbb-train-formation-blocked-passage-width: 1rem;
-  display: block;
 }
 @media (forced-colors: active) {
   :host {
@@ -59,11 +59,6 @@ const style = css`/**
   --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   /* Scrollbar itself */
   /* Hide button (top and bottom of the scrollbar) */
-  display: grid;
-  grid-template: "start sectors end" auto "start trains end" auto/auto 1fr auto;
-  position: relative;
-  overflow-x: auto;
-  background-color: var(--sbb-train-formation-background-color);
 }
 .sbb-train-formation::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -92,6 +87,13 @@ const style = css`/**
     scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
   }
 }
+.sbb-train-formation {
+  display: grid;
+  grid-template: "start sectors end" auto "start trains end" auto/auto 1fr auto;
+  position: relative;
+  overflow-x: auto;
+  background-color: var(--sbb-train-formation-background-color);
+}
 .sbb-train-formation::before, .sbb-train-formation::after {
   content: "";
   display: block;
@@ -296,4 +298,4 @@ SbbTrainFormationElement = __decorateClass([
 export {
   SbbTrainFormationElement
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tZm9ybWF0aW9uL3RyYWluLWZvcm1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5TZWN0b3IsIGkxOG5TZWN0b3JTaG9ydCwgaTE4blRyYWlucyB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi8uLi9jb3JlL29ic2VydmVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdHJhaW4tZm9ybWF0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmludGVyZmFjZSBBZ2dyZWdhdGVkU2VjdG9yIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgd2Fnb25Db3VudDogbnVtYmVyO1xuICBibG9ja2VkUGFzc2FnZUNvdW50OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0cmFpbiBjb21wb3NpdGlvbiwgYWN0aW5nIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLXRyYWluYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgJ3NiYi10cmFpbicgZWxlbWVudHMgdG8gdGhlIGBzYmItdHJhaW4tZm9ybWF0aW9uYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuZXhwb3J0IGNsYXNzIFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5FbGVtZW50LFxuICB0eXBlb2YgTGl0RWxlbWVudFxuPihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRyYWluJ107XG5cbiAgLyoqIE9wdGlvbiB0byBoaWRlIGFsbCB3YWdvbiBsYWJlbHMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hpZGUtd2Fnb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBoaWRlV2Fnb25MYWJlbCA9XG4gICAgZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfc2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdID0gW107XG5cbiAgLyoqIEVsZW1lbnQgdGhhdCBkZWZpbmVzIHRoZSB2aXNpYmxlIGNvbnRlbnQgd2lkdGguICovXG4gIHByaXZhdGUgX2Zvcm1hdGlvbkRpdiE6IEhUTUxEaXZFbGVtZW50O1xuICBwcml2YXRlIF9jb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLl9hcHBseUNzc1dpZHRoKCkpO1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCd0cmFpblNsb3RDaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignc2VjdG9yQ2hhbmdlJywgKGUpID0+IHRoaXMuX3JlYWRTZWN0b3JzKGUpLCB7IHNpZ25hbCB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogQXBwbHkgd2lkdGggb2YgdGhlIHNjcm9sbGFibGUgc3BhY2Ugb2YgdGhlIGZvcm1hdGlvbiBhcyBhIGNzcyB2YXJpYWJsZS4gVGhpcyB3aWxsIGJlIHVzZWQgZnJvbVxuICAgKiBldmVyeSBzbG90dGVkIHNiYi10cmFpbiBmb3IgdGhlIGRpcmVjdGlvbi1sYWJlbFxuICAgKi9cbiAgcHJpdmF0ZSBfYXBwbHlDc3NXaWR0aCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZW50V2lkdGggPSB0aGlzLl9mb3JtYXRpb25EaXYuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgdGhpcy5fZm9ybWF0aW9uRGl2LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi10cmFpbi1kaXJlY3Rpb24td2lkdGgnLCBgJHtjb250ZW50V2lkdGh9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlYWRTZWN0b3JzKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBLZWVwIHRoZSBldmVudCBpbnRlcm5hbC5cbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLl9zZWN0b3JzID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQ+KFxuICAgICAgICAnc2JiLXRyYWluLXdhZ29uLHNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICAgICAgKSA/PyBbXSxcbiAgICApLnJlZHVjZShcbiAgICAgIChcbiAgICAgICAgYWdncmVnYXRlZFNlY3RvcnM6IEFnZ3JlZ2F0ZWRTZWN0b3JbXSxcbiAgICAgICAgaXRlbTogU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgICAgICkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50QWdncmVnYXRlZFNlY3RvciA9IGFnZ3JlZ2F0ZWRTZWN0b3JzW2FnZ3JlZ2F0ZWRTZWN0b3JzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi13YWdvbicpIHtcbiAgICAgICAgICBjb25zdCBzZWN0b3JBdHRyaWJ1dGUgPVxuICAgICAgICAgICAgKGl0ZW0gYXMgU2JiVHJhaW5XYWdvbkVsZW1lbnQpLnNlY3RvciA/PyBpdGVtLmdldEF0dHJpYnV0ZSgnc2VjdG9yJyk7XG5cbiAgICAgICAgICBpZiAoIWN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsICYmIHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPSBzZWN0b3JBdHRyaWJ1dGU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFzZWN0b3JBdHRyaWJ1dGUgfHwgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPT09IHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudCsrO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9ycy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IHNlY3RvckF0dHJpYnV0ZSxcbiAgICAgICAgICAgICAgd2Fnb25Db3VudDogMSxcbiAgICAgICAgICAgICAgYmxvY2tlZFBhc3NhZ2VDb3VudDogMCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnKSB7XG4gICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudCsrO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFnZ3JlZ2F0ZWRTZWN0b3JzO1xuICAgICAgfSxcbiAgICAgIFt7IHdhZ29uQ291bnQ6IDAsIGJsb2NrZWRQYXNzYWdlQ291bnQ6IDAgfSBhcyBBZ2dyZWdhdGVkU2VjdG9yXSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfdXBkYXRlRm9ybWF0aW9uRGl2KGVsOiBFbGVtZW50IHwgdW5kZWZpbmVkKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCFlbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9jb250ZW50UmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIHRoaXMuX2Zvcm1hdGlvbkRpdiA9IGVsIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2Zvcm1hdGlvbkRpdik7XG4gICAgLy8gVGhlcmUgc2VlbXMgdG8gYmUgYSBzbGlnaHQgZGlmZmVyZW5jZSBiZXR3ZWVuIGJyb3dzZXIsIGluIGhvdyB0aGVcbiAgICAvLyBvYnNlcnZlciBpcyBjYWxsZWQuIEluIG9yZGVyIHRvIGJlIGNvbnNpc3RlbnQgYWNyb3NzIGJyb3dzZXJzXG4gICAgLy8gd2Ugc2V0IHRoZSB3aWR0aCBtYW51YWxseSBvbmNlIHRoZSBjb21wb25lbnQgdXBkYXRlIGlzIGNvbXBsZXRlLlxuICAgIGF3YWl0IHRoaXMudXBkYXRlQ29tcGxldGU7XG4gICAgdGhpcy5fYXBwbHlDc3NXaWR0aCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5fcmVhZFNlY3RvcnMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uXCIgJHtyZWYodGhpcy5fdXBkYXRlRm9ybWF0aW9uRGl2KX0+XG4gICAgICAgICR7dGhpcy5fc2VjdG9ycy5sZW5ndGggJiYgdGhpcy5fc2VjdG9yc1swXS5sYWJlbCAhPT0gdW5kZWZpbmVkXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICR7dGhpcy5fc2VjdG9ycy5tYXAoXG4gICAgICAgICAgICAgICAgKGFnZ3JlZ2F0ZWRTZWN0b3IpID0+XG4gICAgICAgICAgICAgICAgICBodG1sYDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tY291bnQ6ICR7YWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50fTtcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tYmxvY2tlZC1wYXNzYWdlLWNvdW50OiAke2FnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudH1cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3NlY3Rvci1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICR7YCR7XG4gICAgICAgICAgICAgICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9yLndhZ29uQ291bnQgPT09IDEgJiYgYWdncmVnYXRlZFNlY3Rvci5sYWJlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICA/IGkxOG5TZWN0b3JTaG9ydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGkxOG5TZWN0b3JbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgICAgICAgICAgICAgICB9ICR7YWdncmVnYXRlZFNlY3Rvci5sYWJlbCA/IGFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgOiAnJ31gfVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+YCxcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3RyYWluc1wiPlxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICAgIGNsYXNzOiAnc2JiLXRyYWluLWZvcm1hdGlvbl9fdHJhaW4tbGlzdCcsXG4gICAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5UcmFpbnNbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRyYWluLWZvcm1hdGlvbic6IFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWlDTyxJQUFNLDJCQUFOLGNBQXVDLHNCQUc1QyxVQUFVLEVBQUU7QUFBQSxFQUhQLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUt1QixTQUFBLHNCQUFzQixDQUFDLFdBQVc7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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tZm9ybWF0aW9uL3RyYWluLWZvcm1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5TZWN0b3IsIGkxOG5TZWN0b3JTaG9ydCwgaTE4blRyYWlucyB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi8uLi9jb3JlL29ic2VydmVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdHJhaW4tZm9ybWF0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmludGVyZmFjZSBBZ2dyZWdhdGVkU2VjdG9yIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgd2Fnb25Db3VudDogbnVtYmVyO1xuICBibG9ja2VkUGFzc2FnZUNvdW50OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0cmFpbiBjb21wb3NpdGlvbiwgYWN0aW5nIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLXRyYWluYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgJ3NiYi10cmFpbicgZWxlbWVudHMgdG8gdGhlIGBzYmItdHJhaW4tZm9ybWF0aW9uYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuZXhwb3J0IGNsYXNzIFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5FbGVtZW50LFxuICB0eXBlb2YgTGl0RWxlbWVudFxuPihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRyYWluJ107XG5cbiAgLyoqIE9wdGlvbiB0byBoaWRlIGFsbCB3YWdvbiBsYWJlbHMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hpZGUtd2Fnb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBoaWRlV2Fnb25MYWJlbCA9XG4gICAgZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfc2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdID0gW107XG5cbiAgLyoqIEVsZW1lbnQgdGhhdCBkZWZpbmVzIHRoZSB2aXNpYmxlIGNvbnRlbnQgd2lkdGguICovXG4gIHByaXZhdGUgX2Zvcm1hdGlvbkRpdiE6IEhUTUxEaXZFbGVtZW50O1xuICBwcml2YXRlIF9jb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLl9hcHBseUNzc1dpZHRoKCkpO1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCd0cmFpblNsb3RDaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignc2VjdG9yQ2hhbmdlJywgKGUpID0+IHRoaXMuX3JlYWRTZWN0b3JzKGUpLCB7IHNpZ25hbCB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogQXBwbHkgd2lkdGggb2YgdGhlIHNjcm9sbGFibGUgc3BhY2Ugb2YgdGhlIGZvcm1hdGlvbiBhcyBhIGNzcyB2YXJpYWJsZS4gVGhpcyB3aWxsIGJlIHVzZWQgZnJvbVxuICAgKiBldmVyeSBzbG90dGVkIHNiYi10cmFpbiBmb3IgdGhlIGRpcmVjdGlvbi1sYWJlbFxuICAgKi9cbiAgcHJpdmF0ZSBfYXBwbHlDc3NXaWR0aCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZW50V2lkdGggPSB0aGlzLl9mb3JtYXRpb25EaXYuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgdGhpcy5fZm9ybWF0aW9uRGl2LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi10cmFpbi1kaXJlY3Rpb24td2lkdGgnLCBgJHtjb250ZW50V2lkdGh9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlYWRTZWN0b3JzKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBLZWVwIHRoZSBldmVudCBpbnRlcm5hbC5cbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLl9zZWN0b3JzID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQ+KFxuICAgICAgICAnc2JiLXRyYWluLXdhZ29uLHNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICAgICAgKSA/PyBbXSxcbiAgICApLnJlZHVjZShcbiAgICAgIChcbiAgICAgICAgYWdncmVnYXRlZFNlY3RvcnM6IEFnZ3JlZ2F0ZWRTZWN0b3JbXSxcbiAgICAgICAgaXRlbTogU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgICAgICkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50QWdncmVnYXRlZFNlY3RvciA9IGFnZ3JlZ2F0ZWRTZWN0b3JzW2FnZ3JlZ2F0ZWRTZWN0b3JzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi13YWdvbicpIHtcbiAgICAgICAgICBjb25zdCBzZWN0b3JBdHRyaWJ1dGUgPVxuICAgICAgICAgICAgKGl0ZW0gYXMgU2JiVHJhaW5XYWdvbkVsZW1lbnQpLnNlY3RvciA/PyBpdGVtLmdldEF0dHJpYnV0ZSgnc2VjdG9yJyk7XG5cbiAgICAgICAgICBpZiAoIWN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsICYmIHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPSBzZWN0b3JBdHRyaWJ1dGU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFzZWN0b3JBdHRyaWJ1dGUgfHwgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPT09IHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudCsrO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9ycy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IHNlY3RvckF0dHJpYnV0ZSxcbiAgICAgICAgICAgICAgd2Fnb25Db3VudDogMSxcbiAgICAgICAgICAgICAgYmxvY2tlZFBhc3NhZ2VDb3VudDogMCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnKSB7XG4gICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudCsrO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFnZ3JlZ2F0ZWRTZWN0b3JzO1xuICAgICAgfSxcbiAgICAgIFt7IHdhZ29uQ291bnQ6IDAsIGJsb2NrZWRQYXNzYWdlQ291bnQ6IDAgfSBhcyBBZ2dyZWdhdGVkU2VjdG9yXSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfdXBkYXRlRm9ybWF0aW9uRGl2KGVsOiBFbGVtZW50IHwgdW5kZWZpbmVkKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCFlbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9jb250ZW50UmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIHRoaXMuX2Zvcm1hdGlvbkRpdiA9IGVsIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2Zvcm1hdGlvbkRpdik7XG4gICAgLy8gVGhlcmUgc2VlbXMgdG8gYmUgYSBzbGlnaHQgZGlmZmVyZW5jZSBiZXR3ZWVuIGJyb3dzZXIsIGluIGhvdyB0aGVcbiAgICAvLyBvYnNlcnZlciBpcyBjYWxsZWQuIEluIG9yZGVyIHRvIGJlIGNvbnNpc3RlbnQgYWNyb3NzIGJyb3dzZXJzXG4gICAgLy8gd2Ugc2V0IHRoZSB3aWR0aCBtYW51YWxseSBvbmNlIHRoZSBjb21wb25lbnQgdXBkYXRlIGlzIGNvbXBsZXRlLlxuICAgIGF3YWl0IHRoaXMudXBkYXRlQ29tcGxldGU7XG4gICAgdGhpcy5fYXBwbHlDc3NXaWR0aCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5fcmVhZFNlY3RvcnMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uXCIgJHtyZWYodGhpcy5fdXBkYXRlRm9ybWF0aW9uRGl2KX0+XG4gICAgICAgICR7dGhpcy5fc2VjdG9ycy5sZW5ndGggJiYgdGhpcy5fc2VjdG9yc1swXS5sYWJlbCAhPT0gdW5kZWZpbmVkXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICR7dGhpcy5fc2VjdG9ycy5tYXAoXG4gICAgICAgICAgICAgICAgKGFnZ3JlZ2F0ZWRTZWN0b3IpID0+XG4gICAgICAgICAgICAgICAgICBodG1sYDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tY291bnQ6ICR7YWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50fTtcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tYmxvY2tlZC1wYXNzYWdlLWNvdW50OiAke2FnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudH1cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3NlY3Rvci1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICR7YCR7XG4gICAgICAgICAgICAgICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9yLndhZ29uQ291bnQgPT09IDEgJiYgYWdncmVnYXRlZFNlY3Rvci5sYWJlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICA/IGkxOG5TZWN0b3JTaG9ydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGkxOG5TZWN0b3JbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgICAgICAgICAgICAgICB9ICR7YWdncmVnYXRlZFNlY3Rvci5sYWJlbCA/IGFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgOiAnJ31gfVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+YCxcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3RyYWluc1wiPlxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICAgIGNsYXNzOiAnc2JiLXRyYWluLWZvcm1hdGlvbl9fdHJhaW4tbGlzdCcsXG4gICAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5UcmFpbnNbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRyYWluLWZvcm1hdGlvbic6IFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBaUNPLElBQU0sMkJBQU4sY0FBdUMsc0JBRzVDLFVBQVUsRUFBRTtBQUFBLEVBSFAsY0FBQTtBQUFBLFVBQUEsR0FBQSxTQUFBO0FBS3VCLFNBQUEsc0JBQXNCLENBQUMsV0FB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

package/development/train/train-wagon/train-wagon.d.ts

@@ -1,7 +1,6 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
 import { SbbOccupancy } from '../../core/interfaces.js';
 import { SbbIconElement } from '../../icon.js';
-
 declare const SbbTrainWagonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbIconElement>> & typeof LitElement;
 /**
  * It displays a train compartment within a `sbb-train` component.

package/development/train/train-wagon.js

@@ -34,6 +34,7 @@ const style = css`/**
 }
 
 :host {
+  display: block;
   --sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);
   --sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);
   --sbb-train-wagon-inner-padding: var(--sbb-spacing-fixed-3x);
@@ -44,7 +45,6 @@ const style = css`/**
   --sbb-train-wagon-gap: var(--sbb-spacing-fixed-2x);
   --sbb-train-wagon-icons-gap: var(--sbb-spacing-fixed-1x);
   --sbb-train-wagon-icons-height: 0.875rem;
-  display: block;
 }
 @media (forced-colors: active) {
   :host {

package/development/train/train.js

@@ -33,6 +33,7 @@ const style = css`/**
 }
 
 :host {
+  display: block;
   --sbb-train-direction-spacing: var(--sbb-spacing-fixed-4x);
   --sbb-train-direction-label-padding: var(--sbb-spacing-fixed-1x);
   --sbb-train-direction-station-padding: var(--sbb-spacing-fixed-3x);
@@ -45,7 +46,6 @@ const style = css`/**
   --sbb-train-direction-indicator-arrow-offset-start: calc(
     var(--sbb-train-direction-indicator-arrow-offset-end) * -1
   );
-  display: block;
 }
 @media (forced-colors: active) {
   :host {

package/development/visual-checkbox/visual-checkbox.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 import { SbbCheckboxSize } from '../checkbox/common.js';
-
 declare const SbbVisualCheckboxElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It visually displays a non-interactive checkbox.

package/development/visual-checkbox.js

@@ -28,6 +28,7 @@ const style = css`/**
 }
 
 :host {
+  display: block;
   --sbb-visual-checkbox-dimension: var(--sbb-size-icon-ui-small);
   --sbb-visual-checkbox-background-color: var(--sbb-color-white);
   --sbb-visual-checkbox-border-color: var(--sbb-color-smoke);
@@ -35,7 +36,6 @@ const style = css`/**
   --sbb-visual-checkbox-border-width: var(--sbb-border-width-1x);
   --sbb-visual-checkbox-selection-color: var(--sbb-color-red);
   --sbb-visual-checkbox-cursor: pointer;
-  display: block;
 }
 @media (forced-colors: active) {
   :host {

package/dialog/dialog/dialog.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { SbbOverlayBaseElement } from '../../overlay.js';
-
 /**
  * It displays an interactive overlay element.
  *

package/dialog/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;;;;GAWG;AACH,qBACa,gBAAiB,SAAQ,qBAAqB;IACzD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IACsB,cAAc,EAAE,OAAO,GAAG,MAAM,CAAW;IAM9F,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,qBAAqB,CAAwC;IACrE,OAAO,CAAC,2BAA2B,CAAkB;IACrD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAA4B;IAC7C,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IAEtD,2BAA2B;IACpB,IAAI,IAAI,IAAI;IA2BH,iBAAiB,IAAI,IAAI;cAYtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;cAKzB,uBAAuB,IAAI,IAAI;IAgBlD,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAoC5D,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,2BAA2B;IAWnC,OAAO,CAAC,0BAA0B;cAMf,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;;;;GAWG;AACH,qBACa,gBAAiB,SAAQ,qBAAqB;IACzD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IACsB,cAAc,EAAE,OAAO,GAAG,MAAM,CAAW;IAM9F,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,qBAAqB,CAAwC;IACrE,OAAO,CAAC,2BAA2B,CAAkB;IACrD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAA4B;IAC7C,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IAEtD,2BAA2B;IACpB,IAAI,IAAI,IAAI;IA2BH,iBAAiB,IAAI,IAAI;cAYtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ5D,oBAAoB,IAAI,IAAI;cAKzB,uBAAuB,IAAI,IAAI;IAgBlD,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAsC5D,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,0BAA0B;cAMf,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/dialog/dialog-actions/dialog-actions.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbActionGroupElement } from '../../action-group.js';
-
 /**
  * Use this component to display a footer into an `sbb-dialog` with an action group.
  *

package/dialog/dialog-content/dialog-content.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 /**
  * Use this component to provide a content for an `sbb-dialog`.
  *

package/dialog/dialog-content.js

@@ -1,6 +1,6 @@
 import { css as n, LitElement as e, html as i } from "lit";
 import { customElement as d } from "lit/decorators.js";
-const g = n`*,:before,:after{box-sizing:border-box}:host{display:contents}.sbb-dialog-content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);overflow:auto;margin-block:var(--sbb-dialog-header-margin-block-start) 0;transition:margin var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing)}.sbb-dialog-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-dialog-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-dialog-content::-webkit-scrollbar-button,.sbb-dialog-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-dialog-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}`;
+const g = n`*,:before,:after{box-sizing:border-box}:host{display:contents}.sbb-dialog-content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-dialog-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-dialog-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-dialog-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-dialog-content::-webkit-scrollbar-button,.sbb-dialog-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-dialog-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-dialog-content{padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-padding-block);overflow:auto;margin-block:var(--sbb-dialog-header-margin-block-start) 0;transition:margin var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing)}`;
 var v = Object.defineProperty, h = Object.getOwnPropertyDescriptor, p = (c, o, a, b) => {
   for (var r = b > 1 ? void 0 : b ? h(o, a) : o, l = c.length - 1, t; l >= 0; l--)
     (t = c[l]) && (r = (b ? t(o, a, r) : t(r)) || r);

package/dialog/dialog-title/dialog-title.d.ts

@@ -1,7 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { Breakpoint } from '../../core/dom.js';
 import { SbbTitleBase } from '../../title.js';
-
 /**
  * It displays a title inside a dialog header.
  *

package/dialog/dialog.js

@@ -3,7 +3,7 @@ import { html as g } from "lit/static-html.js";
 import { setModalityOnNextFocus as r, getFirstFocusableElement as m } from "../core/a11y.js";
 import { isBreakpoint as v } from "../core/dom.js";
 import { AgnosticResizeObserver as p } from "../core/observers.js";
-import { applyInertMechanism as u, removeInertMechanism as f } from "../core/overlay.js";
+import { applyInertMechanism as f, removeInertMechanism as u } from "../core/overlay.js";
 import { SbbOverlayBaseElement as _, overlayRefs as d } from "../overlay.js";
 import { css as w } from "lit";
 import "../screen-reader-only.js";
@@ -58,14 +58,14 @@ let k = 0, s = class extends _ {
   // To avoid entering a corrupt state, exit when state is not expected.
   onOverlayAnimationEnd(t) {
     var e, a, i;
-    t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), u(this), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(
+    t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), f(this), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(
       () => {
         var o;
         return this.setAriaLiveRefContent(
           this.accessibilityLabel || ((o = this._dialogTitleElement) == null ? void 0 : o.innerText.trim())
         );
       }
-    ), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", f(), r(this.lastFocusedElement), (a = this.lastFocusedElement) == null || a.focus(), (i = this.openOverlayController) == null || i.abort(), this.focusHandler.disconnect(), this._dialogContentResizeObserver.disconnect(), this.removeInstanceFromGlobalCollection(), !d.length && this.scrollHandler.enableScroll(), this.didClose.emit({
+    ), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", u(), r(this.lastFocusedElement), (a = this.lastFocusedElement) == null || a.focus(), (i = this.openOverlayController) == null || i.abort(), this.focusHandler.disconnect(), this._dialogContentResizeObserver.disconnect(), this.removeInstanceFromGlobalCollection(), d.length || this.scrollHandler.enableScroll(), this.didClose.emit({
       returnValue: this.returnValue,
       closeTarget: this.overlayCloseElement
     }));

package/divider/divider.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { SbbOrientation } from '../core/interfaces.js';
-
 declare const SbbDividerElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays a divider between sections.

package/expansion-panel/expansion-panel/expansion-panel.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { SbbTitleLevel } from '../../title.js';
-
 declare const SbbExpansionPanelElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
  * It displays an expandable summary-details widget.

package/expansion-panel/expansion-panel-content/expansion-panel-content.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 /**
  * It can be used as a container for the content of the `sbb-expansion-panel` component.
  *

package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-
 declare const SbbExpansionPanelHeaderElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../icon.js').SbbIconNameMixinType> & typeof SbbButtonBaseElement;
 /**
  * It acts as a native `summary` tag for the `sbb-expansion-panel` component.

package/expansion-panel/expansion-panel-header.js

@@ -6,7 +6,7 @@ import { hostAttributes as g } from "../core/decorators.js";
 import { EventEmitter as v } from "../core/eventing.js";
 import { SbbDisabledTabIndexActionMixin as m } from "../core/mixins.js";
 import { SbbIconNameMixin as f } from "../icon.js";
-const u = l`*,:before,:after{box-sizing:border-box}:host{--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x);display:block}@media (forced-colors: active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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);display:flex;justify-content:space-between;align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
+const u = l`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media (forced-colors: active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);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);display:flex;justify-content:space-between;align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
 var _ = Object.defineProperty, E = Object.getOwnPropertyDescriptor, w = (e, n, o, t) => {
   for (var a = t > 1 ? void 0 : t ? E(n, o) : n, i = e.length - 1, r; i >= 0; i--)
     (r = e[i]) && (a = (t ? r(n, o, a) : r(a)) || a);

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

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 export type DOMEvent = globalThis.Event;
 declare const SbbFileSelectorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & typeof LitElement;
 /**

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

@@ -1,26 +1,41 @@
-import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
+import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
+import { EventEmitter } from '../../core/eventing.js';
 import { SbbFlipCardDetailsElement } from '../flip-card-details.js';
 import { SbbFlipCardSummaryElement } from '../flip-card-summary.js';
-
 declare const SbbFlipCardElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbHydrationMixinType> & typeof LitElement;
 /**
- * Displays an informative card that reveals more informations upon being clicked.
+ * Displays an informative card that reveals more information upon being clicked.
  *
- * @slot summary - Use this slot to provide a sbb-flip-card-summary component.
- * @slot details - Use this slot to provide a sbb-flip-card-details component.
+ * @slot - Use the unnamed slot to add a `sbb-flip-card-summary` and a `sbb-flip-card-details` element.
+ * @event {CustomEvent<void>} flip - Emits when the flip card flips.
  *
  */
 export declare class SbbFlipCardElement extends SbbFlipCardElement_base {
     static styles: CSSResultGroup;
+    static readonly events: {
+        readonly flip: "flip";
+    };
+    /**
+     * This will be forwarded as aria-label to the action in the non flipped state.
+     * If not set, the textContent of the `sbb-flip-card-summary` is taken.
+     */
+    accessibilityLabel: string | undefined;
+    /** Emits whenever the component is flipped. */
+    protected flip: EventEmitter;
     /** Returns the slotted sbb-flip-card-summary. */
-    get summary(): SbbFlipCardSummaryElement;
+    get summary(): SbbFlipCardSummaryElement | null;
     /** Returns the slotted sbb-flip-card-details. */
-    get details(): SbbFlipCardDetailsElement;
+    get details(): SbbFlipCardDetailsElement | null;
+    /** Whether the flip card is flipped. */
+    get isFlipped(): boolean;
     /** Whether the card is flipped or not. */
     private _flipped;
+    private _abort;
     private _language;
+    connectedCallback(): void;
     /** Toggles the state of the sbb-flip-card. */
     toggle(): void;
+    private _accessibilityLabel;
     protected render(): TemplateResult;
 }
 declare global {

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,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAIzE,OAAO,kCAAkC,CAAC;;AAE1C;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,uBAA6B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,CAE9C;IAED,iDAAiD;IACjD,IAAW,OAAO,IAAI,yBAAyB,CAE9C;IAED,0CAA0C;IACjC,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,SAAS,CAAmC;IAEpD,8CAA8C;IACvC,MAAM,IAAI,IAAI;cAOF,MAAM,IAAI,cAAc;CAqB5C;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":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAM3F,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,qBACa,kBAAmB,SAAQ,uBAA6B;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACoD,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9F,+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,CAAS;IAElC,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAgBzC,8CAA8C;IACvC,MAAM,IAAI,IAAI;YAQP,mBAAmB;cAWd,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

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

@@ -1,5 +1,4 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-
 /**
  * Combined with a `sbb-flip-card`, it displays its content when the card is flipped.
  *

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

@@ -1,5 +1,4 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
-
 export type SbbFlipCardImageAlignment = 'after' | 'below';
 /**
  * Combined with a `sbb-flip-card`, it displays its content when the card is not flipped.

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

@@ -1,8 +1,8 @@
-import { css as d, LitElement as o, html as p } from "lit";
-import { property as b, customElement as g } from "lit/decorators.js";
+import { css as n, LitElement as o, html as b } from "lit";
+import { property as p, customElement as g } from "lit/decorators.js";
 import { hostAttributes as f } from "../core/decorators.js";
-const c = d`*,: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}}.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){width:100%;height:100%}`;
-var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, n = (i, e, a, t) => {
+const c = n`*,: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}}.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%}`;
+var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, d = (i, e, a, t) => {
   for (var r = t > 1 ? void 0 : t ? h(e, a) : e, m = i.length - 1, l; m >= 0; m--)
     (l = i[m]) && (r = (t ? l(e, a, r) : l(r)) || r);
   return t && r && u(e, a, r), r;
@@ -16,7 +16,7 @@ let s = class extends o {
     super.willUpdate(i), i.has("imageAlignment") && ((a = (e = this.closest) == null ? void 0 : e.call(this, "sbb-flip-card")) == null || a.setAttribute("data-image-alignment", this.imageAlignment));
   }
   render() {
-    return p`
+    return b`
       <div class="sbb-flip-card-summary">
         <slot></slot>
         <div class="sbb-flip-card-summary--image-wrapper">
@@ -27,10 +27,10 @@ let s = class extends o {
   }
 };
 s.styles = c;
-n([
-  b({ attribute: "image-alignment", reflect: !0 })
+d([
+  p({ attribute: "image-alignment", reflect: !0 })
 ], s.prototype, "imageAlignment", 2);
-s = n([
+s = d([
   g("sbb-flip-card-summary"),
   f({
     slot: "summary"

package/flip-card/flip-card.js

@@ -1,58 +1,89 @@
-import { css as b, LitElement as d, html as p } from "lit";
-import { state as c, customElement as m } from "lit/decorators.js";
-import { SbbLanguageController as f } from "../core/controllers.js";
-import { i18nFlipCard as u, i18nReverseCard as h } from "../core/i18n.js";
-import { SbbHydrationMixin as g } from "../core/mixins.js";
-import "../button/secondary-button.js";
-const v = b`*,:before,:after{box-sizing:border-box}:host{--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-details-min-height: var(--sbb-flip-card-min-height);--sbb-flip-card-summary-transition-duration: var(--sbb-animation-duration-5x);--sbb-flip-card-summary-transition-delay: var(--sbb-animation-duration-2x);--sbb-flip-card-details-transition-duration: var(--sbb-animation-duration-4x);--sbb-flip-card-details-transition-delay: var(--sbb-disable-animation-zero-time);position:relative;display:block}@media (min-width: 52.5rem){:host{--sbb-flip-card-min-height: 20rem}}:host(:hover){--sbb-flip-card-background-color: var(--sbb-color-cloud-alpha-80)}:host([data-flipped]){--sbb-flip-card-background-color: var(--sbb-color-midnight);--sbb-flip-card-details-transition-duration: var(--sbb-animation-duration-2x);--sbb-flip-card-details-transition-delay: var(--sbb-animation-duration-5x);--sbb-flip-card-summary-transition-delay: var(--sbb-disable-animation-zero-time);--sbb-flip-card-details-min-height: fit-content}: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)}.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)}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;cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--sbb-flip-card-border-radius)}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)}`;
-var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (n, t, s, a) => {
-  for (var i = a > 1 ? void 0 : a ? _(t, s) : t, e = n.length - 1, o; e >= 0; e--)
-    (o = n[e]) && (i = (a ? o(t, s, i) : o(i)) || i);
-  return a && i && y(t, s, i), i;
+import { css as l, LitElement as d, isServer as p, html as c } from "lit";
+import { property as m, state as f, customElement as u } from "lit/decorators.js";
+import { until as h } from "lit/directives/until.js";
+import { IS_FOCUSABLE_QUERY as g } from "../core/a11y.js";
+import { SbbConnectedAbortController as v, SbbLanguageController as y } from "../core/controllers.js";
+import { EventEmitter as _ } from "../core/eventing.js";
+import { i18nFlipCard as x, i18nReverseCard as w } from "../core/i18n.js";
+import { SbbHydrationMixin as C } from "../core/mixins.js";
+import "../button/secondary-button-static.js";
+import "../screen-reader-only.js";
+const S = l`*,:before,:after{box-sizing:border-box}:host{--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-details-min-height: var(--sbb-flip-card-min-height);--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-animation-duration-2x);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-flip-card-details-transition-delay: 0s;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)}}:host([data-flipped]){--sbb-flip-card-background-color: var(--sbb-color-midnight);--sbb-flip-card-details-transition-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-2x) );--sbb-flip-card-details-transition-delay: var(--sbb-animation-duration-5x);--sbb-flip-card-summary-transition-delay: 0s;--sbb-flip-card-details-min-height: fit-content}: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--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-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)}`;
+var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, n = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? L(t, e) : t, o = i.length - 1, b; o >= 0; o--)
+    (b = i[o]) && (r = (s ? b(t, e, r) : b(r)) || r);
+  return s && r && k(t, e, r), r;
 };
-let r = class extends g(d) {
+let a = class extends C(d) {
   constructor() {
-    super(...arguments), this._flipped = !1, this._language = new f(this);
+    super(...arguments), this.flip = new _(this, a.events.flip), this._flipped = !1, this._abort = new v(this), this._language = new y(this);
   }
   /** Returns the slotted sbb-flip-card-summary. */
   get summary() {
-    return this.querySelector("sbb-flip-card-summary");
+    var i;
+    return (i = this.querySelector) == null ? void 0 : i.call(this, "sbb-flip-card-summary");
   }
   /** Returns the slotted sbb-flip-card-details. */
   get details() {
-    return this.querySelector("sbb-flip-card-details");
+    var i;
+    return (i = this.querySelector) == null ? void 0 : i.call(this, "sbb-flip-card-details");
+  }
+  /** Whether the flip card is flipped. */
+  get isFlipped() {
+    return this._flipped;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener(
+      "click",
+      (i) => {
+        var t, e;
+        (i.target === this || !((e = (t = i.target) == null ? void 0 : t.matches) != null && e.call(t, g))) && 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.summary.inert = this._flipped, this.details.inert = !this._flipped;
+    this._flipped = !this._flipped, this.toggleAttribute("data-flipped", this._flipped), this.summary.inert = this._flipped, this.details.inert = !this._flipped, this.flip.emit();
+  }
+  async _accessibilityLabel() {
+    var i, t;
+    return p ? "" : (await this.hydrationComplete, this._flipped ? w[this._language.current] : `${(this.accessibilityLabel ? this.accessibilityLabel : (t = (i = this.summary) == null ? void 0 : i.textContent) == null ? void 0 : t.trim()) ?? ""}, ${x[this._language.current]}`);
   }
   render() {
-    return p`
+    return c`
       <div class="sbb-flip-card">
-        <slot name="summary" @slotchange=${() => this.summary.inert = this._flipped}></slot>
         <button
-          @click=${() => this.toggle()}
-          aria-label=${this._flipped ? h[this._language.current] : u[this._language.current]}
+          class="sbb-flip-card-button"
           aria-expanded=${this._flipped.toString()}
-        ></button>
+          type="button"
+        >
+          <sbb-screen-reader-only>${h(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>
-        <sbb-secondary-button
+        <sbb-secondary-button-static
           class="sbb-flip-card--toggle-button"
           icon-name=${this._flipped ? "cross-small" : "plus-small"}
-          @click=${() => this.toggle()}
           size="s"
-        ></sbb-secondary-button>
+        ></sbb-secondary-button-static>
       </div>
     `;
   }
 };
-r.styles = v;
-l([
-  c()
-], r.prototype, "_flipped", 2);
-r = l([
-  m("sbb-flip-card")
-], r);
+a.styles = S;
+a.events = {
+  flip: "flip"
+};
+n([
+  m({ attribute: "accessibility-label" })
+], a.prototype, "accessibilityLabel", 2);
+n([
+  f()
+], a.prototype, "_flipped", 2);
+a = n([
+  u("sbb-flip-card")
+], a);
 export {
-  r as SbbFlipCardElement
+  a as SbbFlipCardElement
 };

package/footer/footer.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 import { SbbTitleLevel } from '../title.js';
-
 declare const SbbFooterElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays a footer section for the page.

package/footer.js

@@ -2,7 +2,7 @@ import { css as m, LitElement as h, nothing as p } from "lit";
 import { property as l, customElement as v } from "lit/decorators.js";
 import { html as b, unsafeStatic as d } from "lit/static-html.js";
 import { SbbNegativeMixin as f } from "./core/mixins.js";
-const g = m`*,:before,:after{box-sizing:border-box}:host{--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);--sbb-footer-background-color: var(--sbb-color-milk);--sbb-footer-clock-width: 4.75rem;--sbb-footer-color: var(--sbb-color-granite);--sbb-link-text-decoration: none;display:block}@media (min-width: 37.5rem){:host{--sbb-footer-clock-width: 7rem}}:host([negative]){--sbb-footer-background-color: var(--sbb-color-charcoal);--sbb-footer-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{--sbb-text-font-size: var(--sbb-font-size-text-s);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);color:var(--sbb-footer-color);padding-block:var(--sbb-spacing-responsive-l);background-color:var(--sbb-footer-background-color)}@media (forced-colors: active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-footer__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media (min-width: 37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media (min-width: 80rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media (min-width: 64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}`;
+const g = m`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-footer-gap-horizontal: var(--sbb-grid-base-gutter-responsive);--sbb-footer-gap-vertical: var(--sbb-spacing-responsive-l);--sbb-footer-background-color: var(--sbb-color-milk);--sbb-footer-clock-width: 4.75rem;--sbb-footer-color: var(--sbb-color-granite);--sbb-link-text-decoration: none}@media (min-width: 37.5rem){:host{--sbb-footer-clock-width: 7rem}}:host([negative]){--sbb-footer-background-color: var(--sbb-color-charcoal);--sbb-footer-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-footer{--sbb-text-font-size: var(--sbb-font-size-text-s);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);color:var(--sbb-footer-color);padding-block:var(--sbb-spacing-responsive-l);background-color:var(--sbb-footer-background-color)}@media (forced-colors: active){.sbb-footer{border-block-start:var(--sbb-border-width-1x) solid CanvasText}}:host(:not([expanded])) .sbb-footer-wrapper{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([expanded])) .sbb-footer-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([expanded]) .sbb-footer-wrapper{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-footer__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}::slotted(.sbb-link-list-button-group){display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-6x);align-items:flex-start}:host([variant=clock-columns]) slot{display:grid;grid-template-columns:auto;grid-template-rows:auto;column-gap:var(--sbb-footer-gap-horizontal)}@media (min-width: 37.5rem){:host([variant=clock-columns]) slot{grid-template-columns:calc(50% - var(--sbb-footer-gap-horizontal) / 2)}}@media (min-width: 80rem){:host([variant=clock-columns]) slot{max-width:var(--sbb-footer-content-max-width);margin-inline:auto;grid-template-columns:repeat(4,1fr)}}:host([variant=clock-columns]) ::slotted(*:not(:last-child,sbb-divider)){margin-block-end:var(--sbb-footer-gap-vertical)}:host([variant=clock-columns]) ::slotted(sbb-clock){width:var(--sbb-footer-clock-width);grid-row:1}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(sbb-clock){align-self:start;grid-row:2}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(sbb-clock){grid-row:1;grid-column:4/5;justify-self:end}}:host([variant=clock-columns]) ::slotted(sbb-divider){margin-block:calc(var(--sbb-spacing-responsive-xl) - var(--sbb-footer-gap-vertical)) var(--sbb-spacing-responsive-s)}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:3;grid-column:1/4;width:100%}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(sbb-divider){grid-row:2}}@media (min-width: 37.5rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+2)){grid-row:1}:host([variant=clock-columns]) ::slotted(:nth-child(3)),:host([variant=clock-columns]) ::slotted(:nth-child(4)){grid-row:2}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:4}}@media (min-width: 64rem){:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/4}}@media (min-width: 80rem){:host([variant=clock-columns]) ::slotted(:nth-child(-n+4)){grid-row:1}:host([variant=clock-columns]) ::slotted(*:last-child){grid-row:3}:host([variant=clock-columns]) ::slotted(sbb-divider),:host([variant=clock-columns]) ::slotted(*:last-child){grid-column:1/5}}`;
 var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (i, e, a, r) => {
   for (var t = r > 1 ? void 0 : r ? w(e, a) : e, c = i.length - 1, n; c >= 0; c--)
     (n = i[c]) && (t = (r ? n(e, a, t) : n(t)) || t);

package/form-error/form-error.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 declare const SbbFormErrorElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays an error message in the `sbb-form-field`.